赞助商
立即赞助

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

字体设计3年前 (2021)发布 流光
2.8K 0 0

我刚设师的时候,分辨字体风格对我来说是最难的事情之一。自身的我唯一分辨的要区别就是一个字体是衬还是无衬。但当我的越,就越现字风的世界其非常庞大。

这篇指南是 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字体

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

在我的文章中,与大家分享了汉字字体的发展过程,因为篇幅等原因,对于印刷字体只是讲到了宋体与黑体的部分,之后的发展并没...
中文字体
Type defines type. 在英文中,单词 Type 包含两个含义,文字和类型。这从某个角度说明了字体对于品牌的意义。一种字体能影响...
京东
我们在设计中除了接触到图形,还需要了解文字的设计。特别的文字设计或者排版可以使整体的画面效果更加有氛围,甚至超过图形...
字体设计
对于许多老派的设计而言,字体应该保持字体设计师最初设计出来的样子,觉得不合适的时候选择其他的就好了。不过对更多的设计...
2018设计趋势
今天我将会传授几个文字设计大法给大家。以下这八种文字设计法,绝对能让你的 PPT 逼格爆棚! 使用特殊字体 善用文字填...
PPT
在2018年的各种设计当中,我们看到了更加大胆的字体排版设计。纤细的字体似乎出现的频率越来越低,而大胆的色彩、锐利的轮廓...
2018设计趋势
在设计系统中字体的重要性不用再多说,这篇文章主要和大家聊聊设计系统中「完美」的字体系统是如何搭建与维护的。本字体系统...
字体
文字的基本属性 字体属性包含的内容很多,我们可以根据 Sketch 或 Figma 的文字属性栏为例,分别进行解释。 1. 字体选择 F...
B端