设计师如何快速辨识英文字体风格

文章来源于优设，感谢作者李大毛给我们带来经精彩的文章！

设计教程/设计理论/设计理论2020-03-02

这篇指南是 Matej Latin 的《Better Web Typography for a Better Web》的第三章节选。

在我刚成为设计师的时候，分辨字体风格对我来说是最难的事情之一。自学出身的我唯一能分辨的主要区别就是一个字体是衬线体还是无衬线体。但当我了解的越多，就越发现字体风格的世界其实非常庞大。

这篇指南是 Matej Latin 的《Better Web Typography for a Better Web》的第三章节选。

现在我知道辨别字体风格为什么这么难。在排版层面，尤其是字体方面，一切都在细节里。很难想象设计一套字体需要多少工作量，也很难想象字体设计师在普通人看不见的细节里倾注了多少精力。所以要想找到辨别字体的线索，我们需要学习了解这些细节。但是，为什么我们想辨别字体风格?为什么不根据字节选一个搭配出来?

当然，你可以这么做。事实上，很长一段时间我就是这么做的，尤其是在我刚开始职业生涯的时候。但我有一个很大的问题，我对我的字体方面的决策很不自信，我也从来不确定我的字体组合是否合适。当然你可以复制别人的选择，或者干脆用最流行的字体方案，如 Typewolf 的《2019 年最流行的字体》。但这样会不会导致字体的滥用?看看 Helvetica、Gotham 和 Futura 的现状吧。这些是应用最普遍的字体，你几乎在任何地方都能见到。结果就是它们失去了特色，它们变得平淡无奇。使用一个非常流行的字体是个安全的选择，但安全的选择只能让你刚好达标。如果你对质量有更高的要求，你是否希望你的排版能跳脱出来或者更加融入进去?

这就需要你能准确识别字体风格了。当你能够做到这一点，并且知道特定样式背后的故事时，就可以做出更好的决定。你可以为正在做的 Web 设计项目的下一个字体选择做出明智的决定。你可以更好地组合 2 种或更多字体样式，因为你知道哪些样式可以很好地结合使用，哪些不可以。让我们看一下历史上最常见的字体样式，看看是什么定义了这些样式及其背后的故事。

衬线体

1. Old style

最初的 Old Style 罗马体出现于 15 世纪，带来了最根本的样式的改变，因为它改变了古腾堡和他的活字印刷机使用的哥特体。更好的制作工具和更加精益的制作技艺使得这种精致的风格诞生。

哥特体

Blackletter typeface，又叫黑字体。主要用于中世纪阿尔卑斯山脉以北，称其为 Blackletter 是因为其黑度很大。有时也被称作「破笔字体」(broken letter)，这是德语「弯折体」(gebrochene schrift)的英译。在德国，一直到 20 世纪前半叶都普遍使用这种字体进行书籍排版。摘自小林章：《西文字体：字体的背景知识和使用方法》

设计师如何快速辨识英文字体风格

△ Old Style罗马体的典型特点

粗细对比度比较低，极细线比我们通常看到的高粗细对比度的字体要重。

头部衬线有角度。

底部衬线是弧线。

整体曲线向左偏，x 字高相对较小。

这些样式很传统，在书中仍然很常见，让人联想起温暖和熟悉的感觉。Garamond，Caslon 和 Bembo 是这种风格的典型代表。

粗细对比度：Contrast of stroke

极细线：Hairlines

x字高：x-height。与大写字母的大写字高相对，为了称呼小写字母的高度，用没有上下延伸部分的 x 作为小写字母的代表，其高度为 x 字高。

设计师如何快速辨识英文字体风格

△ Garamond(图中为Adobe Garamond)是最典型的老式罗马正体

2. Transitional

这是一种与模仿手写字母形式(人文主义和老式罗马体)的风格相距甚远的风格。它诞生于 18 世纪的法国，主要由英国人约翰·巴斯克维尔(John Baskerville)定义，但最早在现代美国流行。在《I Love Typography》上的一则帖子描述了 Romain°Roi 字体(King’s Roman，此样式的第一个字体)：

Romain°Roi 标志着与以前的老式罗马体类型有很大的不同，并且受手写字母形式的影响要小得多。请记住，这是启蒙时代，其特征是对传统的抵抗，无论是艺术，文学，哲学，宗教还是其他。因此，同一时代应该诞生完全不同的类型也就不足为奇了。

设计师如何快速辨识英文字体风格