英文设计中字体的选择和排版技巧(附字体搭配建议)
盒子以外
字体应用建议
为了传达不同的情感,在使用字体的时候,有一些建议可以参考。
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 ~
感谢阅读。
相关阅读: