我刚设师的时候,分辨字体风格对我来说是最难的事情之一。自身的我唯一分辨的要区别就是一个字体是衬还是无衬。但当我的越,就越现字风的世界其非常庞大。
这篇指南是 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 标志着与前的老式罗马体类有很大的同,并且受手写字母形式的影响要小得多。请记住,这是启蒙时代,特征是对传统的抵抗,无论是艺术,,哲,宗还是他。因此,同一时代应该诞生全同的类就足为奇了。
△ Transitional的典型特征
- 粗细对比度显更高。
- 头部衬有少许倾斜。
- 衬线仍然是弧线。
- 字形垂直,这手写体分道扬镳的显著的特征。
Baskerville 是目前最典的 Transitional 字体。
△ Baskerville是Transitional最美的例子
3. Neoclassical和Didone
这种格于 18 世纪首次现在法国。这种格的第一个字体是由 Firmin Didot 设计的,因此得名。此后,Giambattista Bodoni 接管并生产了该字体。他从巴斯克维的作中汲取了灵感,但将灵感发挥到了极致。
△ Didone字体的要特点
- 此类字粗细对比度很高,并且粗细之间的渡非常突。
- 衬线末尾呈球。
- 字形垂直。
- 并衬线几乎没有弧度。
Bodoni,由之提到的 Giambattista Bodoni 设,该风格著的表。
△ BodoniDidone风格典型的字体
4. Slab
这种风格 19 世初随业革命英诞的。这第一目的与之完全不同的字体。 老式罗马体、过渡体、Didone 都用于书籍。它们较的文本设的。 Slab 第一种广告设的字体,旨脱颖出。这种字体通常字体时看起不错,但通常不应缩小用于文。
△ Slab的主特点
- 笔画粗细几乎没有变。
- 字形垂直。
- 衬线很粗没有弧线。
Roboto Slab 当 Slab 字体的一很好的例子,该字体也可以用于较小的尺寸,也可以用于文(多数Slab字体不行)。
△ Roboto SlabSlab字体的典范,易阅读并且仍保留「业感」
5. Clarendon
Clarendon 风格起源于 19 世中叶,能让 Slab 风格较小尺寸也使用的设。将 Clarendon 与 Slab 风格行比较,它们的结构相似性很明显,但仍细微的区别。Clarendon 显然「柔软」并且悦目。
△ Clarendon的特点
- 粗细对肉眼可见。
- 字形角度垂直。
- 衬线等长度,更细,具有弧度。
同的字体 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字体要特点
- 粗细对比度很低。
- 通小写「g」采单层写法。
- 给人的感觉并不方,字形呈垂直状态。
广为人知的 Helvetica 就是最有名的 Neo grotesque 字体。
△ Helvetica是最有名的Neo grotesque字体
3. Geometric
Geometric 起源于 1920 年代的德国。这些字体在很大程上受到包豪斯的影响,它们基于基本的几何形状:角形、正方形和圆形。例如,字母「O」通是无衬线的几何格的美圆圈。
△ Geometric的要特点
- 粗细对比度极低。
- 字母「o」几乎是个美的圆形。
- 这类字体以采用单层写法闻,如图中的小写「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体特
- 粗细对比度很,尤其其他无衬线体对比。
- x 高也更大。
Dax Pro 其中典型。
△ Dax pro典型的Neo humanist字体