平面其它

关注公众号 jb51net

关闭
平面设计 > 平面其它 >

英文设计中字体的选择和排版技巧(附字体搭配建议)

盒子以外

字体应用建议

为了传达不同的情感,在使用字体的时候,有一些建议可以参考。

1. 选择基准字体

一般同一个场合,不一定会只使用一种字体。比如标题和正文可能就是两种字体。但是,一定要先选好正文部分的字体,再根据正文的字体选择合适的其他字体风格进行搭配。就好比穿搭,一般来说是先选好了穿哪件衣服,再决定搭配什么配饰。

而一般来说,字体主要分为以下四种:

带衬线字体: 也就是在笔触边角有小短线的字体。这种字体一般被认为更正式,也更加传统。并且更适合于印刷体。

无衬线字体:与带衬线字体相对,无衬线字体就是没有笔触边角的小短线字体。相应地,也被认为传达了更加欢乐、不那么正式的感觉。

手写体:模仿手写,往往用在正式的邀请函当中。不适合用在大量文章主体部分。

装饰体:独特的非正式字体。适合用在表达个性的标题上面,为整体设计添彩,但绝不要用在正文里面。

总之,在有大量文字出现的时候,用带衬线或无衬线体字是最合适的。因为这个时候你需要阅读者把注意力放在内容,而不是字体上面。

过去,鉴于屏幕分辨率的问题,会有人建议在网络上面最好使用无衬线字体。不过随着屏幕分辨率的提高,在适当的地方使用带衬线字体也没问题。在一些重内容的博客网站,甚至直接选用带衬线的 Times New Roman 作为主体文字。

总之,大部分情况下,清晰易读,一定是主体文字部分的第一要务。

这里有个检验字体的小技巧 (来自于 Jessica Hische)测试你的西文 I,小写的L 和1 是否具有辨识度。

用这个标准一测试,显然很多字体都经不起考验……

2. 选择大于 12 磅的字号

这里,科学家又做过一个实验。实验过程*&……%。好总之结论是,随着我们电子设备屏幕越来越大,12 磅字体是个更合适的选择。而在一定范围内,大一点的字体会容易让人产生更强的情感联系。所以也有人提出 16 磅是新时代的 12 磅。看看其他网站的字号给大家做个参考:

Medium — 22px 37Signals: Signal vs. Noise — 22px Zen Habits — 21px

当然,这个字号大小也有一个范围。要是主体文字超过了 30 磅,那也没什么意义了。不过,你可以尝试把字体调大一点试试。要是你用的是 12 磅,尝试一下 16 磅,要是用的是 18 磅,不妨尝试一下 22 磅。也许会有惊喜发现。

3. 注意文字长度

文字长度指的是文字在屏幕上延伸多长。一般来说,西文 50 – 75 个字符比较合适。当然越大的屏幕有越宽的范围。

Zenhabits 的一行有 78 个字符,约 16.5 厘米。这个长度根据他们的轨迹测试被证明是最有效帮助读者阅读的长度。

过长或过短的文字长度都会扰乱读者的阅读节奏。所以要对文字长度给出重视。这里有一些网站文字长度参考:

知乎文章:43 个中文字符 (约 86个西文字符)

Medium — 75 个西文字符

37Signals: Signal vs. Noise — 76 个西文字符

4. 注意间距

如果字体排列太过紧凑,会让读者难以辨认文字;字体排列太宽松,又会降低阅读效率。

这里是 Jessica 给出的一个对比例子。她会更推荐 Avenir,因为该字体的间距更加让人舒服。读起来更轻松。

这张是 Crew 团队邮件字体重新排版前和排版后:

改变字体,并且增加字间距之后,显然邮件可读性高多了。

再给个懒人福利。五种字体搭配建议

1. Roboto Slab and Roboto

2. Raleway and Merriweather

3. Lustria and Lato

4. Ubuntu and Lora

5. Quattrocento and Quattrocento Sans

下次在选择字体的时候,不要总是拘泥于默认字体,或是随意搭配啦。用字体传达出你对读者的爱吧。正如某个不知名的伟人所说过的:

人们会原谅你犯的错误,如果你向他们传递出了积极的情感。

Good Luck ~

感谢阅读。

相关阅读:

三种类型的时尚英文字体推荐

界面设计必备:全方位掌握英文字体基础

英文字体运用方式总结说明及常用字体介绍

阅读全文