莫b

前天从产品设计系统的角度讲了字号,在产品界面设计中字号是要有体系的,需要考虑不同字号大小的应用场景。在编排设计中基本要素有字体、色彩、图形、图片,版面中字体又可以分为8个用途,分别是大标题、中标题、小标题、说明标题、引文、页码、正文、说明文,字体通过不同大小的字号和字重形成不同信息主次的层级关系。如图字体的字号大小会根据斜线的高低来决定,斜线越高字号越大,反之越小。

图片

编排设计欣赏

图片
图片
图片
图片
图片
图片
图片

看了以上编排设计,什么感受?除了好看还有感受呢?其实以上设计的都运用了大字号,而大字号会给人什么感觉呢?热闹、有亲和力、生机有活力、没有距离感,往往也会带来廉价感,如果设计想体现有亲和力而且也要有高逼格,这该如何设计呢?那就大字号来体现亲和力,留白来体现高逼格。答案就是大字号+留白。

以上分析方法其实是情绪板的一种形式,通过事物本身的特性与用户的心智模型一点点进行匹配,通过头脑风暴,用形容词来从感性到理性的一种过渡。设计师应该关注元素的固有特性,慢慢培养自己的洞察能力。

 

文字的跳跃率

以正文字号为基准,与最大标题字号的比值就叫文字的跳跃率,那么文字跳跃率的高低会带给阅读者哪些明显不同的感受呢?

图片

如图画面中标题与其正文的字号对比较小,文字跳跃率越低,越会显得平静、沉着,有距离感和高格调。在设计诗集、文学作品等往往采用低跳跃率来塑造平静和高格调感。

图片

图片

如图画面中标题与其正文的字号对比较大,文字跳跃率越高,越显热闹、有亲和力、信息丰富、生机有活力。

苹果iOS系统界面在一倍图常用字号大小有:10px、12px、13px、14px、15px、16px、17px、18px、20px、22px、30px、34px。

图片

如图iOS系统当下也是高文字跳跃率,界面想体现亲和力、丰富信息层级、有活力。

图片

报纸也是最典型利用文字跳跃率来凸显信息丰富的案例,其次还有促销广告、时尚杂志等也多是用高跳跃率的文字。

 

原文地址: 水手哥学设计(公众号)

作者:水手哥

图片

转载请注明:学UI网 » 每日小知识-文字跳跃率

登录收藏
 
你可能喜欢的:
做了5年设计,还是这个设计技巧实用!!做了5年设计,还是这个设计技巧实用!!
绝了,这样做设计上手真的快!!绝了,这样做设计上手真的快!!
每日小知识-字间距每日小知识-字间距
每日小知识-字重每日小知识-字重
简单实用的设计小妙招,矛盾空间字体简单实用的设计小妙招,矛盾空间字体
字体排版需要掌握的10条原则字体排版需要掌握的10条原则
如何从0到1 做一款字体库如何从0到1 做一款字体库
说文解字(四):字体的表现力说文解字(四):字体的表现力
文字设计原理(三):文字的易读性文字设计原理(三):文字的易读性
快速Get卡通字形设计!快速Get卡通字形设计!