英文设计中字体的选择和排版技巧(附字体搭配建议)
字体应用建议
为了传达不同的情感,在使用字体的时候,有一些建议可以参考。
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 ~
感谢阅读。
相关阅读:
相关文章
说到相机画幅,估计平时听到最多的可能就是全画幅与半画幅了,以至于不少人认为中画幅比全画幅要小,为了避免这种常识性错误,这篇文章就来和大家说说相机的不同画幅,所谓2025-04-07
4纸和A5纸因其尺寸适中,使用尤为广泛,但你知道它们之间有何区别吗?今天,就让我们一起来探讨这个话题2025-02-01
各类商务印刷品的尺寸怎么选? 印刷设计常用的尺寸纸张/克重都在这里了
日常经常印刷各种东西,哪些尺寸,纸张更合适呢?本文为大家整理了常用印刷尺寸,方便图文广告店、印企在日常接单生产中能够快速掌握客户关键性信息,详细请看下文介绍2024-02-10
现如今,证件照已成为我们生活中不可或缺的一部分,无论是求职应聘,还是入学注册,亦或是办理各种证件,都需要提交符合规定格式和要求的证件照,那么,这些证件照的尺寸和2024-02-10
平面设计是一个注重视觉效果的设计,简单的排版方式有时候不能满足视觉突出的效果,业务很难达到吸引用户的眼球,下面我们就来看看8个平面设计技巧分享2023-10-08
每个设计师都有自己最喜欢的设计软件,并把软件作为自己的第二语言,今天我们来推荐10款UI设计不可或缺的工具,详细请看下文介绍2023-10-08
夏日电影风怎么调色调色?夏天快到了,想要调节夏季电影风的画面,该怎么操作呢?下面我们就来看看适合夏季的柔和绿色调调色分享2023-04-02
什么是真RAW 什么是伪RAW? 简单说说真 RAW 和 伪RAW
随着索尼α7RV(ILCE-7RM5)正式发售,近期有不少网友跟我咨询索尼相机“无损压缩(M)”和“无损压缩(S)”RAW的问题,今天做一个统一答复2022-12-24
手机UI设计尺寸有哪些?作为新手在设计手机ui的页面的时候,发现自己设计的尺寸都很奇怪,如果能有元素尺寸介绍就好了,下面就来看看我们汇总的超全面的UI元素尺寸设置指南2021-08-06
常用照片尺寸有哪几个?我们经常说一寸照片,二寸照片,这些照片的尺寸是怎么计算的?下面我们就来看看照片标准尺寸/像素对照表汇总2021-08-06










最新评论