字符间距怎么设置(字偶间距的设置)

字符间距怎么设置
在一次和其他设计师聊天中,有聊到汉字的标点符号总是占位很大幅度,即使字间距怎么小的调整,标点符号的占位让排版看起来很蠢很粗糙这个问题。然后,遇到类似的问题,我之前的做法是遇到大字号的文字就单独把标点符号拎出来进行调整排版,小字号的文字就置之不理,因为小到不容易被觉察。所以,问题来了,字间距不能解决的字体间距问题该由谁来解决呢?
上面三句话的字间距是一致的(10px),第二句是字偶间距整体设置“视觉”(设置视觉的原因是每个字库有内置该字体算法的字偶间距设置,设置“视觉”后就是把这些本身的字偶间距调用出来了),第三句是单独手动对逗号进行调整(快捷键alt+←或者→) 。可以看出,经过字偶间距设置的2、3两句话看起来,中文符号更紧凑和谐点。

正题之前,插入下字偶间距和字间距的区别:字间距是指字符和字符之间的物理距离,即每个字装在盒子里,而每个盒子和每个盒子之间做出相等的物理距离就是字间距;但是,实际视觉效果“盒子”是不存在的,存在的是字符间的负空间,这种距离就是字偶间距。

知道字偶间距可以优化字距,那具体怎么设置呢,正文分别从以下几方面来介绍:
?   字符的形状
?   字偶间距遵守的基本设置规则
?   大小字号的字偶间距设置
?   调整的顺序
?   练习网站推荐

1、字符的形状
这里以英文字母举栗子
每个字符的面积是不一样,上面列举的字母分别对应倒三角、正三角、长方形、正方形、圆形。因为,字母有不同的形状,所以字母之间的负空间会出现以下类型组合:倒三角和正三角、正(倒)三角和矩形、矩形和矩形、矩形和圆形、圆形和圆形、圆形和正(倒)三角形。

2、字偶间距遵守的基本设置规则
第二组字母是字间距相等的,可以看到字间距相等的情况下字母V和字母A之间的负空间是明显要大与字母N和字母M之间的负空间的,字母的组合并没有因为字间距一致就看起来平衡舒适。第三组字是在第二组字的字间距上进行字偶间距的调整,遵从三角形字母之间的间距为-x,正三角和矩形距离x,矩形和矩形距离最大是2x,矩形和圆形为1.5x,圆形和圆形为x,圆形和三角形为0的倍数来调节。调节后的字母间距看起来舒适多了。

3、大小字号的字偶间距设置
一般我们在讲大小字号的字偶间距调节时,针对的是大号字而言的,因为在大字号上面间距问题会看起来很明显,大号的字体一般出现在主标题上,细节的调整会让大字号的组合更平衡和优雅。小号字体一般不做字偶间距调整,因为字号小,字偶间距调节看起来不明显,还有个原因是小号的字一般用在正文,整段来调节字偶间距太费时间,一般整体设置字符面板的字偶间距为“视觉”即可。

4、调整的顺序
这里的顺序包括字号大小、字间距、行距等字符排版手法,因为上面这些设置改变会直接影响字偶间距的效果,所以,把字偶间距设置放在最后的环节来实现,算是锦上添花的作用。

5、练习网站推荐
http://type.method.ac/#
我的部分练习截图
这个网页一个主要功能,进行字偶间距调节练习,蓝色部分是算法给出来的合理字偶间距距离,白色上面是自己的练习,重合度越高,下面的得分越高。

总结:
因为字符是具有形状的,所以字符和字符之间的负空间不是整齐的矩形,所以,除了字间距来处理物理距离上的远近,还需要视觉上进行调整来解决不等的负空间造成的字距不等的问题。不同形状的字符间的字偶距设置是个参考,主要的调节可以通过推荐网页进行练习积累对字偶间距的敏感度。一般情况,我们对大段文字(小号字)设置字偶间距直接统一设置“视觉”选项,对待标题字(大号字)进行手动优化。字偶间距作为排版的最后一步进行设置,让整体排版更优雅大方。

字符间距怎么设置相关文章

赞 (0)