平面设计中如何正确设置字符间距

字符间距是语言文字中基本字符间的间距,对于中文来说就是两个汉字之间的间距,而对于英文来说就是两个英文字母间的间距。然而中文字都是方块字,每个字所占据的大小一致,因此受字符间距的影响很小,不过对于英文字符来说,各个字母占据的空间大小不一,大写字母与小写字母占据的空间大小也不一,所以正确设置字符间距很重要。

正确设置字符间距才能让设计看起来美观达意,但是平面设计中如何才能正确设置字符间距呢?因此我要针对英文字符的字符间距这一主题来介绍一番。

大多数设计软件,包含Photoshop,Illustrator与InDesign都能自动设置字符间距,但是根据不同的程序算法的不同,最终的字符间距的设置也有所不同,并不能做到正确完美的设置字符间距。

设置字符间距的两种方式

简单而言,字符间距有两种主要方式:一种是数字间距,以字符边框为界将所有字符间的间距设置成一样;另一种是视觉间距,将以视觉上最为舒适的间距设置。视觉间距也是正确完美的设置方法,但是由于每个字符间的间距不同,因为需要手动设置。

kerning

从Univers字体为例可以看出,数字兼具以字母所占的边框的为界设置等量大小的间距,而视觉间距在每个字母间设置不同大小的间距,从而让字母在视觉上看起来间距更为统一。相较数字间距,视觉间距视觉效果更好。

Photoshop中的自动字符间距设置

大多数的设计软件以及文字排版软件都能做到以视觉间距为标准设置字符间距,但未必就是最为完美的。在Photoshop中,字符间距是以视觉间距的方式排版的。而Photoshop提供两种字符间距的方式,Metric(公制)和Optical(视觉)的方式。

kerning-metric-optical

Metric以字体内置的字符间距的信息来设置字符间距,而Optical则是让Photoshop根据文字的字形轮廓来设置间距。根据SoleilNeon多年的英文设计的经验来看,Optical的字符间距的设置方式比Metric更为合适,视觉效果更好。

手动设置字符间距

手动设置字符间距并不适合大段的文字,因为需要一个个设置每个字母间的间距,工作量太大。但是如果是标题等醒目而比较短的文字,手动设置字符间距是很必要的。再好的程序算法也没有人眼来的准确。

手动设置字符间距依然得符合视觉间距的原则,从视觉角度去看,每个字母之间的间距“等距”那就达到了最佳的字符间距。当然,人在设置字符间距的时候会受到文字本身含义的干扰,因此,有个巧妙地方法可以更为方便的减少干扰从而实现完美的设置字符间距——将文本倒过来。

kerning-flipped

将文本倒置过来后,这样就能免于字面含义的影响,完美的设置字符间距。

设置字间距的练习

同其他各项技能一样,设计也是需要多联系,培养良好的审美。对字符间距的把握也是一样,多多练习可以做到更完美的设置。

kerngame

设计师Mark MacKay开发了这个练习正确设置字符间距的网站KERNTYPE: A Kerning Game。通过拖动将字母摆放至正确的位置实现完美的字符间距,最后网站会根据你的设置进行打分,这是个非常不错的练习方式。

总结

虽然字符间距的概念很简单,没有太高深的技术含量,不过想要做到完美的设置好还需要多加的锻炼。设计中字符间距的问题经常被人忽略,大部分的设计软件都能智能得设置好字符间距,但是程序并不能完美解决,设计是视觉化的,人眼才是衡量的标准。因此,如果希望设计做到完美,那么字符间距这个小细节也不能忽略。

虽然这是针对英文的字符间距的设置的方法,但是中文设计同样也能借鉴与学习。国内还是有不少童鞋从事英文设计这一行,所以希望能对大家有所帮助。

3 Comments

  1. 好像你博客的访问变得流畅了

    以前和设计师打交道,一直也没学点PS技术,似乎设计师都偏好英文,设计感上的确比中国的方块字漂亮

    Reply

Leave a Comment.