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

这篇指南是 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罗马体的典型特点

  1. 粗细对比度比较低,极细线比我们通常看到的高粗细对比度的字体要重。
  2. 头部衬线有角度。
  3. 底部衬线是弧线。
  4. 整体曲线向左偏,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 标志着与以前的老式罗马体类型有很大的不同,并且受手写字母形式的影响要小得多。请记住,这是启蒙时代,其特征是对传统的抵抗,无论是艺术,文学,哲学,宗教还是其他。因此,同一时代应该诞生完全不同的类型也就不足为奇了。

不认识字体?送你这份英文字体风格辨识指南

△ Transitional的典型特征

  1. 粗细对比度明显更高。
  2. 头部衬线有少许倾斜。
  3. 底部衬线仍然是弧线。
  4. 字形垂直,这是和手写体分道扬镳的最显著的特征。

Baskerville 是目前最典型的 Transitional 字体。

不认识字体?送你这份英文字体风格辨识指南

△ Baskerville是Transitional最完美的例子

3. Neoclassical和Didone

这种风格于 18 世纪首次出现在法国。这种风格的第一个字体是由 Firmin Didot 设计的,因此得名。此后,Giambattista Bodoni 接管并生产了该字体。他从巴斯克维尔的作品中汲取了灵感,但将灵感发挥到了极致。

不认识字体?送你这份英文字体风格辨识指南

△ Didone字体的主要特点

  1. 此类字体粗细对比度很高,并且粗细之间的过渡非常突然。
  2. 衬线末尾呈球型。
  3. 字形垂直。
  4. 并且衬线几乎没有弧度。

Bodoni,由之前提到的 Giambattista Bodoni 设计,是该风格最著名的代表。

不认识字体?送你这份英文字体风格辨识指南

△ Bodoni是Didone风格最典型的字体

4. Slab

这种风格是 19 世纪初随着工业革命在英国诞生的。这是第一个目的与之前完全不同的字体。 老式罗马正体、过渡体、Didone 都是用于书籍。它们是为较长的文本而设计的。 Slab 是第一种为广告而设计的字体,旨在脱颖而出。这种字体通常在大字体时看起来不错,但通常不应缩小用于正文。

不认识字体?送你这份英文字体风格辨识指南

△ Slab的主要特点

  1. 笔画粗细几乎没有变化。
  2. 字形垂直。
  3. 衬线很粗且没有弧线。

Roboto Slab 是当代 Slab 字体的一个很好的例子,该字体也可以用于较小的尺寸,也可以用于正文(而大多数Slab字体不行)。

不认识字体?送你这份英文字体风格辨识指南

△ Roboto Slab是现代Slab字体的典范,容易阅读并且仍保留有「工业感」

5. Clarendon

Clarendon 风格起源于 19 世纪中叶,是能让 Slab 风格在较小尺寸上也使用的设计。将 Clarendon 与 Slab 风格进行比较,它们的结构相似性很明显,但是仍有细微的区别。Clarendon 显然「更柔软」并且更悦目。

不认识字体?送你这份英文字体风格辨识指南

△ Clarendon的特点

  1. 粗细对比度肉眼可见。
  2. 字形角度垂直。
  3. 衬线中等长度,更细,且具有弧度。

同名的字体 Clarendon 是典型代表。

不认识字体?送你这份英文字体风格辨识指南

△ Clarendon是这个风格的代表

无衬线体

1. Grotesque

Grotesque 不是最早的无衬线体,但却是最早在商业上获得成功的无衬线体。最早于 18 世纪设计出来,但在 19 世纪才开始应用。这种字体最初被称为「奇形怪状的」,是因为当时人们认为这种字体比其他现代字体丑。

不认识字体?送你这份英文字体风格辨识指南

△ Grotesque主要特点

  • 横竖笔画粗细不同。
  • 通常小写「g」采用双层写法,即在底部有个圈。
  • 通常有种很方正的感觉,字形呈垂直状态。

Franklin Gothic 和 Akzidenz Grotesk 是典型的 Grotesque 字体。

不认识字体?送你这份英文字体风格辨识指南

△ Franklin Gothic是典型的Grotesque风格

2. Neo grotesque

Neo grotesque 是 Grotesque 的更加精致和时尚的版本。诞生于 20 世纪中叶,受到原来 Grotesque 风格(最著名的是 Akzidenz Grotesk)的启发,字体设计师的目标是制作中性且合理的字体。

不认识字体?送你这份英文字体风格辨识指南

△ Neo grotesque字体主要特点

  1. 粗细对比度很低。
  2. 通常小写「g」采用单层写法。
  3. 给人的感觉并不是方正,字形呈垂直状态。

广为人知的 Helvetica 就是最有名的 Neo grotesque 字体。

不认识字体?送你这份英文字体风格辨识指南

△ Helvetica是最有名的Neo grotesque字体

3. Geometric

Geometric 起源于 1920 年代的德国。这些字体在很大程度上受到包豪斯运动的影响,它们基于基本的几何形状:三角形、正方形和圆形。例如,字母「O」通常是无衬线的几何风格的完美圆圈。

不认识字体?送你这份英文字体风格辨识指南

△ Geometric的主要特点

  1. 粗细对比度极低。
  2. 字母「o」几乎是个完美的圆形。
  3. 这类字体以采用单层写法而闻名,如图中的小写「a」。

不认识字体?送你这份英文字体风格辨识指南

△ Futura是典型的Geometric字体

4. Humanist

这是一种无衬线样式,其灵感来自于传统的字母形式,主要是衬线体,甚至还有书法。最早的 Humanist 设计于 20 世纪初,1916 年的 Johnston 和 1928 年的 Gill Sans。Edward Johnston(设计 Johnston 的人)是书法家,并从经典的字母形式(包括Roman capital)汲取了灵感。

不认识字体?送你这份英文字体风格辨识指南

△ Humanist的特点

  • 从 2、3 这里可以看出更多的向书法学习。
  • 1 部分粗细对比度很低以至于很难辨认出。

不认识字体?送你这份英文字体风格辨识指南

△ Gill Sans是典型Humanist字体

5. Neo humanist

Frutiger 字体(由Adrian Frutiger设计)标志着新的 Neo humanist 风格的开始。这些设计的主要重点是可读性。1970-1980 年代,此类字体获得了更多的支持和吸引力,以满足早期低分辨率计算机屏幕上对高清晰度字体的需求。

不认识字体?送你这份英文字体风格辨识指南

△ Neo humanist字体的特点

  1. 粗细对比度很大,尤其是和其他无衬线体对比。
  2. x 字高也更大。

Dax Pro 是其中典型。

不认识字体?送你这份英文字体风格辨识指南

△ Dax pro是典型的Neo humanist字体

编者注:学习如何避免字体侵权也很重要:

这些就是最常见的字体风格了。

收藏 160
点赞 21

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。