01#
字距与字间距。
对于中文排版,在了解字间距之前,首先对字面框和全角字框有所认识。
中文字符被称为全角字符,被局限在正方形中设计而成,而这红色的字框就是全角字框,也就是字体的字号大小。而框里面的文字部分为“字面”,所形成的框为“字面框”,也就是文字实际尺寸。
那么字间距是什么?字间距和字距有什么区别?
● 字间距:字与字之间的距离,也就是全角字框之间的距离。
● 字距:全字角框的低端到下一个文字的全角字框低端之间的距离。
那么为什么要调字距?
字间距用默认的不就好了吗?
对于刚开始学设计的同学来说,你可能注意不到这些细节处理,也正是这些小细节而影响到你的版面是否具有精致度。
02#
字间距的四种类型。
在这里我将字间距分为常用的四种类型,分别为:默认型字间距、紧凑型字间距、缩进型字间距和留白型字间距。
❶ 默认型字间距:
默认型字间距是软件默认的字间距,在字符工具里的“字间距”数值为0。
视觉上看不会太大也不会太小。但默认型字间距在不同字体的情况下,由于字形结构不同,字面框也不同,所产生的字间距看起来也变得不均匀(如下图所示),那么在编排文字标题,或内文段落的时候,会影响文字阅读和画面美观。
所以也不要总依赖软件上的默认值,除非视觉上觉得没问题。那如何调整它们,接下来我们进行缩短间距,也就是紧凑型字间距。
❷ 紧凑型字间距:
紧凑型字间距是对默认值进行微调,将字与字之间的距离进行缩短。在字符工具里的“字间距”数值为负值,区间一般设置在0~-50 不等。
但是具体数值要根据不同的字体来做决定,不能只用一个数值去调整所有字体,例如下面的情况:
⬆︎ 在相同的字号、字重、字间距的情况下,黑体、宋体、楷体和仿宋相比较,你会发现仿宋和楷体的字间距比黑体和宋体的要大。
⬆︎ 为了更符合阅读视觉,我们分别来缩减它们的字间距(看清楚哦,不是用同一个数值去调整),以达到良好的阅读体验。
❸ 微调型字间距:
微调型字间距指当某些文字标题组合出现不太舒适的间距时,通过微调字符间的距离,来让整体字间距达到视觉上的平衡。
我将行距分为三种类型,分别:内文行距,标题行距,和标题加内文行距。在本文我们主要了解内文行距。
内文行距就是在大段文字中,行与行之间的距离。而在AI软件的“字符面板”中,行距的数值是通过“字号大小+行间距”所得。
所以当你知道这些数值关系之后,行距就不用靠猜测来调整,例如下面的文段操作。
⬆︎当内文字体为思源黑体regular,字号为9pt时,如果行距使用默认值(自动)。那么行与行之间的距离显得非常紧密,不利于阅读,这时候需要调大行距。
⬆︎例如行距设置为内文字号(9pt)的2倍,也就是行距为18pt,相当于间隔一个内文字号的大小,如上图操作。
⬆︎此时文段字号为9pt,行距为18pt,看起来稍微点宽。继续调整……
⬆︎这里我将行距调为17pt,也就是18pt减去1pt得到17pt,这时候的行距比较符合良好的视觉体验。于是通过不断的测试,我总结了以下的行距范围公式。
而这个公式是我平时使用的行距范围,意思是内文字号的两倍减去0~3pt的数值,这个方法非常适合设计小白来使用。当然啦,也要考虑不同字体和主题调性的情况。
文章到了最后,我们来总结一下。对于文字间的距离是没有固定的数值来定义它们,需要我们不断去测试和调整。所以细节能看出一个作品的质量,千万不要认为细节处理是浪费时间,当你把细节都做到位了,就可以跟小白阶段说拜拜了。
本文来自微信公众号“版式设计很简单”(ID:format_design)。大作社经授权转载,该文观点仅代表作者本人,大作社平台仅提供信息存储空间服务。