LOGO要大,再放大,再大一点……


LOGO要大,再放大,再大一点……


放大三连可以说是设计界鬼见愁之一了,但是谁会想到这句甲方口头禅,一语成谶……

最近设计界的风向已经转变了!越来越多设计师排版的时候,将字体设计的更大,提高阅读性和与不同设备的兼容性。这种改变,从标题到内容都有所体现。

标题加大


LOGO要大,再放大,再大一点……


用超大字号来做标题是最容易吸引用户注意的了,如果你设计的页面没有那些又长又臭的文本,不妨试试这个方法。

Tips:

1.除了标题,其他地方要用衬线体/非衬线体,不然那些选项就很难被看到了。

2.放到最大!甲方要得最大那种大!然后再缩小一点找到那个最佳的“大”!

3. 一开始用80pt,最好放到整个屏幕那么大!不过要确保这个大小最后是能兼容全部设备。

正文也要大


LOGO要大,再放大,再大一点……


如果你网站上的正文字号还小于16pt,那么最好重新考虑一下。

由于移动设备显示的问题,在部分设备上肉眼看到的字号会比实际上的要小一点(这可能会很影响用户体验)。将字号调大其实是“设计修正”,提高文本的阅读性。

但也并不是毫无限制放大,比如人和手机的距离(比如前臂左右的长度),这时候文本看起来舒服自然,证明字号是适合的大小。再也不用怕看手机的时候眯眯眼了。

Tips:

1.至少用16pt的字号,确保在不同设备上都能清晰显示。

2.选择清晰的字体,不要加粗。

3.根据字体不同适当放大缩小。

4.如果页面很多字,用大字号来减少眼睛转屏的次数。

用大小分级


LOGO要大,再放大,再大一点……


忙完字号粗细,并不是已经结束了,我们考虑一下整体层级的问题。这个层级需要根据字号变化而变化,否则整个文本看起来就很凌乱。

调整标题或者副标题的字号大小时,对整体文本的布局影响不大,因为这时候它们相当远离页面中的一个元素。不过如果内容显示出来比实际小,考虑一下整体效果了。

Tips:

1.在整体设计中,调整各级文本的字号。

2.注意文本的颜色和字号对比是怎么影响文本外观的。

3.相信自己的眼睛,把字号调整到视觉舒服为止。

行距也要加加加


LOGO要大,再放大,再大一点……


调整字号的同时不要忘了行距,行距也是要调整了,要根据文本大小调整行距的比例,不要将行距固定。

Tips:

1.同一层级的内容,行距至少要是字号的1.5倍,如果还是觉得紧凑,继续增加!

2.极端对比度的背景和文本,要适当增加行距。比如黑白对比,适当增加,但是灰色背景就缩减一点。

3.字体不同行距也要改动。

文本大到超出出血也行


LOGO要大,再放大,再大一点……


这种形式主要体现在网页设计中,从电子邮件到印刷产品,设计师使用字号的规则也趋向统一。

现在越来越重视用户体验了,因此许多设计师都会将网站设计得像明信片一样,希望用户有电子设备跟纸质产品一样的视觉效果。

另外一个原因就是,因为眼睛一旦习惯了一定大小的文字,检阅信息的时候就自然而然按着这个习惯阅读,提高阅读效率和理解速度。

看来以后不能再推脱,甲方爸爸的“大点!再大点了!”

展开阅读全文

页面更新:2024-05-23

标签:行距   层级   甲方   这时候   字号   设计师   文本   大小   字体   眼睛   页面   标题   内容   用户   设备

1 2 3 4 5

上滑加载更多 ↓
推荐阅读:
友情链接:
更多:

本站资料均由网友自行发布提供,仅用于学习交流。如有版权问题,请与我联系,QQ:4156828  

© CopyRight 2020-2024 All Rights Reserved. Powered By 71396.com 闽ICP备11008920号-4
闽公网安备35020302034903号

Top