赞助商
立即赞助

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

字体设计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 包含两个含义,文字和类型。这从某个角度说明了字体对于品牌的意义。一种字体能影响...
京东
@钱浩Hawking :这次总结了四种方法,希望小伙伴们能轻松掌握趣味字体设计。 欢迎关注作者的微信公众号:「字游...
中文字体设计
一款 App 或 Web 产品,从用户体验的角度包含了战略层、范围层、结构层、框架层、表现层。而作为 UI 设计师,如果连「表现层...
图标
本文将介绍品牌与字体的关系、介绍西文字体的设计流程和方法、讨论字体的版权。  我把品牌看做魔鬼或神灵,诞生于虚无之中...
品牌微观
@钱浩Hawking :近些年,字体设计越来越火热,很多小伙伴急于求成跳过了汉字基础知识的学习,直接上手做起了字体设计,很多基...
中文字体