UIUI设计技能培训与提升

字体排版中如何平衡字号与字间距的大小?

2017-12-10  本文已影响49人  青木睡不着

我们平时在看大段文字的时候,有没有这样的体验,同样是一段阅读文字,有的会让人阅读起来特别舒服,而且信息获取更加的容易,而有的却是很糟糕。其中是不是有些规律可循呢。那么在做设计怎样才能够创造出一个比较舒适的阅读体验呢,今天和大家来说说大段文字排版的一些小技巧。
首先我们看看下面两个哪一个阅读体验会更好一点。


image.png
image.png

其实两个图片文字间距都是可以接受的。
通过对比可以发现下边的阅读文字加大了字间距与行间距,相比上边留白部分更大,更具呼吸感。当文字内容较多时,采用下边的方式,会不容易产生阅读疲倦。

既然是文字排版,通过上面例子,其中可以拆解的量字体 字号 字间距 行间距 。
一段舒适的阅读文字一定是有着合适的,字形,字间距。

字体

其中字体涉及很多知识,不同的字体有不同的气质,做设计时候首先需要明确我需要表达一个怎样的信息,其中这个信息包括含义, 氛围。其次才能够根据我需要什么做出最合适的设计。

字号

字号是个极其自由的数值,完全根据你的需求来确定,可以去参考目的类似的设计。

行间距

行间距大家都知道,但具体在设计上如何运用很多人都不知道,一般淘宝天猫常用的规则是+4原则,例如文字的大小比如是12PX,那么行间距就是16,依次类推,文字是14那么行间距就是18PX。
行间距一般选择为正文的1.6—1.8倍,将会是比较舒服的,如果版面紧张,可以适当缩小的1.2—1.5倍;
总的来说,字号(size)越小,字距(tracking)应当相对越大,行高(line height)也应该相对越大。反之亦然。
字母间距小于字间距,字间距小于行间距。

此外关于中英文排版,同样好的西文版式设计,照搬到中文中,会出现不少问题。
这主要是由西文与中文两种文字本身的视觉外观差异造成的。
比较直观的一种看法是:拿汉字跟英文相比,汉字更倾向于“图形/图像”化,英文更倾向于“音节”化;汉字本身的笔画构成复杂,造成单个字比英文的单个单词更为复杂,同时,汉字的字与字之间,造型的差异也可能更为悬殊;还有一点就是,汉字的每个字都往往被设计成占据相同或几乎相近的空间范围(一个方块),英文则完全不然,英文更具有韵律感。因此常常会有设计师会说英文排版更美。

做设计如何取舍呢。就是分析需求情景。做合适的设计。比如阅读类需要留白去增加阅读的呼吸感。比如有时广告位需要聚焦,会让字体间距不那么大。

最合适的设计。设计经验理论是一方面。最重要的是训练自己对细节的敏感,并相信自己的品味。
多看,然后练习、练习再练习。
自然而然会有质的飞跃。

上一篇下一篇

猜你喜欢

热点阅读