网页和印刷设计的字体样式

已发表: 2022-03-11

绝大多数人从早上醒来到晚上睡觉的那一刻都被字体轰炸。 从手机上的应用程序到浴室里的美容产品,再到早上通勤时看到的标志,排版无处不在。 但是有多少人真正注意到他们每天都在使用的字体样式?

即使是设计师也低估了字体,并且经常根据松散的意见而不是客观的理解来做出字体决定。 大多数设计师甚至知道设计各种字体的原始工业环境吗? 这些背景和历史对于确定给定字体的易读性、适当的字符和使用意味着什么? 无论从事何种设计学科——无论是视觉设计、用户体验还是传统的印刷设计,字体几乎都是所产生的每一点设计的基本元素。

当今使用的一些最有影响力的字体经常被忽视,而偏向于市场上较新的独特字体设计——有时是正确的。 本文中的每一种字体都有数十年甚至数百年的历史,并且都是为不同的技术环境而设计的。 因此,自推出以来,已经创建了许多替代方案或更新。 随着显示器和打印机变得更高分辨率并能够准确显示更复杂的形状,甚至一些最初为屏幕设计的字体也已经过时。

衬线字体

用于网页排版的不同衬线字体示例
Baskerville、Georgia、Garamond 和 Times New Roman 是衬线字体的流行示例。

了解 serif 和 sans-serif 字体样式之间的区别是最基本的字体规则之一。 对于许多人来说,这可能是显而易见的,但衬线是字符主要水平和垂直线末端的笔画。 衬线中有许多子类,包括细线、楔形和板状衬线,它们都描述了衬线本身的视觉质量。

Serif 与 sans 字体,比较不同的字体样式

一般来说,衬线字体比无衬线字体的历史更长,因为它们是古腾堡出版社发明后用于印刷书籍的第一种字体。 从本质上讲,衬线允许更舒适的长篇阅读,因为衬线将眼睛从一个字符平滑地引导到另一个字符,使衬线成为长篇印刷作品的理想选择。 因此,衬线字体通常仍然是书籍或报告等印刷作品的首选字体,尽管这不是绝对规则。 每种字体都有其特定的品质,并且有些衬线字体并不真正适合大块正文(还有一些无衬线字体,对于长篇作品来说非常清晰易读)。

巴斯克维尔

Baskerville 是经受住时间考验的经典衬线字体之一,至今仍在广泛使用。 Baskerville 是在第一批排版字体(Bodoni 和 Didot)与 19 世纪和 20 世纪字体之间的过渡时期设计的。 Baskerville 的成功归功于其明显的高对比度字体。

设计师约翰巴斯克维尔是一个强烈的完美主义者,因此创造了一种具有美丽细节的字体。 字体只能在他自己的机器上打印,以确保字体正确地转移到页面上。 这段历史意义重大,因为巴斯克维尔已经适应了我们今天工作的各种媒介。 每个字体中包含的细节使巴斯克维尔不适合低分辨率介质,包括低分辨率显示器或坏打印机。 话虽如此,当巴斯克维尔有机会表达其品质时,它是一种出色的衬线字体。

巴斯克维尔深受影响的现代数字字体的一个很好的例子是亚马逊为 Kindle 委托的 Bookerly 字体。 如果您正在寻找巴斯克维尔的替代品,既能保持其 200 年的丰富性,又能在屏幕上进行更新以提高可读性,那么 Bookerly 可能是一个很好的解决方案。 其他选择包括 Mrs. Eaves 和 Plantin。

英语字体格式一种

Times New Roman 就像许多已经存在了一段时间的广泛使用的字体一样,是一种偏光字体,受到许多人的喜爱,但也受到一些人的厌恶。 通常,人们喜欢或讨厌 TNR 的地方是一样的:它冷漠的中立。

Matthew Butterick 写道:“Times New Roman 与其说是一种字体选择,不如说是没有一种字体选择,就像深空的黑色不是一种颜色一样。 看Times New Roman就是凝视虚无。” Times New Roman 之所以让人感觉如此朴素,很大程度上是因为它在其设计的报纸《伦敦时报》上曝光,因此它无处不在。

Times New Roman 是为报纸的商业利益而设计的,它是为了保持易读性,同时尽可能多地塞进一行——因此也就是一页——。 设计师对这种字体在报纸上的使用非常公开,因为它在细列中更窄且更清晰,但对于行长较长的书籍并不理想。 这种效率是通过增加 x 高度和显着减少跟踪或字符之间的空间来实现的。

由于 Times New Roman 字体的成功,Times New Roman 很快就被大多数美国报纸采用,从而使其成为最普遍的字体之一。 由于这种普遍性,一些设计师建议不要使用 Times New Roman,因为它会给人一种冷漠或廉价的印象。 您可能会考虑的其他一些编辑风格字体是 Arnhem、Le Monde Journal 或 Plantin。

加拉蒙德

Garamond Antiqua 是一种纯粹的老式字体,由标志性的巴黎打孔刀 Claude Garamond 设计。 Garamond 是最早为该字体集设计的面孔之一,这意味着它非常适合当时最新热潮的长篇正文:小说。

作为其设计时代的内在品质,Garamond 赋予文本一种旧世界风格的感觉。 然而,它的圆形衬线使文本比许多衬线对应物更加非正式。 Garamond 凭借其清晰的形式一直保持着一种多产的字体,允许用户长时间阅读而不会感到疲倦。 角色的大身体和高 x 高度在每个字母周围创造了大量空间,使单词在感知上更大,因此更清晰。

尽管许多设计师会争论 Garamond 的永恒性,但它的形式根本不适合网络排版。 Garamond 在印刷方面的优点包括其柔和的曲线,从一个字符融合到另一个字符,使其在长时间内更具可读性。 缺点是这些曲线在屏幕上较小尺寸时变得模糊,妨碍其易读性。 因此,尽管您可以在网上找到无数的 Garamond 游戏,但大多数屏幕设计师认为它已经过时了。 尽管如此,EB Garamond 的设计师们仍然不以为然,并试图在开源社区中重振这一经典之作。

诚聘美国全职自由 UI 设计师

如果您正在寻找 Garamond 的替代品,请查看 Sabon 或 Minion。

乔治亚州

也许是为了应对 Garamond 在屏幕上的失败等字体,Matthew Carter 在 1990 年代受微软委托设计一种专门用于屏幕易读性的字体。 格鲁吉亚诞生了。

许多人认为,Georgia 缺乏其他大规模生产的衬线字体(例如 TNR)的中性质量,它赋予文本友好和迷人的质量。 因此,卡特令人印象深刻的设计壮举是他设法解决了屏幕上的易读性问题,同时保持了印刷面的吸引力。

故事是卡特在设计 19 世纪字体 Scotch Roman 的新版本时设计了乔治亚州。 佐治亚州保留了其前任的许多品质。 然而,为了为屏幕打造乔治亚州,卡特做了一些重要的改变:增加 x 高度,将数字四舍五入,并制造轻微的错位以保持人物感。

尽管 Georgia 现在已成为经典字体,但它也被广泛认为比许多其他衬线字体更具现代感。 Miller 和 Abril 有相似的感觉,是不错的选择。

无衬线字体

不同的无衬线字体示例
Verdana、Gill Sans、Helvetica、Franklin Gothic 和 Futura 是一些最常用的无衬线字体。

尽管有些人可能会争辩说,无衬线字体样式首先出现在古代,但直到 19 世纪它们才被正式纳入广泛使用和现代社会。 随着广告、报纸和媒体的蓬勃发展,需要一种可以从远处读取为清晰标题并代表行业新时代的字体。

维达纳

Verdana 与其堂兄乔治亚州有着相似的故事,因为它们都是由 Matthew Carter 在 90 年代为微软设计的。 因此,Verdana 是专为屏幕设计的无衬线字体。 与许多力求清晰的字体类似,Verdana 具有较大的 x 高度以增加易读性。 Verdana 被称为人文主义无衬线字体,这意味着它保持了衬线字体的一些品质和设计逻辑。

然而,Matthew Carter 意识到某些文本可能会塞入屏幕上的潜在限制空间,因此 Verdana 的字符大小是平衡的,足以避免在没有稳定引导的应用程序或平台中塞满。 考虑到 Verdana 是为 90 年代设计的,它在低分辨率设备上仍然特别有效。 然而,随着屏幕的质量越来越高,Verdana 的优势就消失了,它的表现也没有以前那么好了。

如果在印刷品中使用 Verdana,它的宽间距使其具有等宽打字机字体的质量。 这种质量使 Verdana 成为打印大量文本的糟糕选择。 您现在可以考虑的替代方法是 Colfax。 Colfax 的设计师考虑到当今字体设计缺乏机械限制,并制作了一种更适合高分辨率显示器和喷墨打印的字体。

Gesta 和 PT Sans 都是 Verdana 的不错替代品。

富兰克林哥特式

Franklin Gothic 是一种现实主义的无衬线字体,最初由 American Type Founders (ATF) 的 Morris Fuller Benton 于 1902 年创建,并在 1970 年代和 1990 年代由 ITC 扩展为包括更多的权重。 Adobe、International Typeface Corporation (ITC)、Monotype Imaging 和 URW 创建了字体的数字版本。

本顿承认最初的字体是为了向本杰明富兰克林致敬而设计的,最适合用于标题和贸易用途,而不是长块的正文。 自那以后,带有额外权重和样式的更新扩展了使用选项。

富兰克林哥特式的永恒品质使其成为许多媒体的热门选择,距其最初发布已有一个多世纪。 《时代》杂志和《纽约时报》都将它用于各种头条新闻,美国和加拿大版本的拼字游戏都使用它,浓缩版甚至被用于《星球大战》电影的开场爬行。

虽然富兰克林哥特式仍然非常受欢迎,但流行的替代品是 News Gothic,这是 Benton 的原版流行继任者,具有更窄的构造和更少的笔画对比度。 其他替代品包括 Trade Gothic、Benton Sans 和 Maple。

富利

Futura 于 1927 年发布,是第一个几何无衬线(与人文主义无衬线相反)字体之一的直接结果。 Futura 最大的竞争对手 Erbar Grotesk(1926 年发布)是在极具影响力的包豪斯设计的,其目的是传达学校在 20 世纪之交认为现代的一切。 这意味着几何逻辑消除了任何装饰的暗示,并在所创建的字体中追求纯粹的逻辑。

与 Erbar Grotesk 一样,Futura 包括基于几何形状的字母形式,主要是圆形(虽然也包括不适合圆形的正方形和三角形)。 它包括笔画之间的低对比度,高大的小写字母和大写字符的比例类似于罗马大写字母。 它的设计师 Paul Renner 认为现代字体应该具有现代感,而不是简单地重复以前的设计。

Futura 在 20 世纪的过程中享有盛誉,因为阿波罗 11 号的宇航员在 Futura 的月球上留下了一块牌匾; 大众等很多品牌都采用了; 包括斯坦利·库布里克和韦斯·安德森在内的几位电影制片人重新使用了它。 如果您欣赏 Futura 的现代品质,但发现它有点过度使用,请考虑尝试 FF Super Grotesk、HK Grotesk(开源)或 Neuzeit。

吉尔·桑斯

Monotype 是为我们带来 Times New Roman 的同一家字体铸造厂,委托博学家 Eric Gill(雕塑家/排版师/图形艺术家)为伦敦的现代标牌制作字体。 与 Futura 不同,Gill Sans 是一种人文主义字体,其风格不如德国同时代字体。 “R”略微张开,“眼镜”小写“g”接近标志性。 字体的自然粗体质量非常适合显示和标题,但后来发布的较轻的重量非常适合正文。

字体样式和字体的历史
Gill Sans 基于 Edward Johnston 1916 年的“Underground Alphabet”,是伦敦地铁的官方字体。

它在伦敦地铁、英国广播公司和英格兰教会的历史,加上其现代而人性化的品质,使该字体具有典型的英式风格。 虽然字体在比例上是经典的,但它有一些艺术耀斑,使其比其朴素的德国对应物 DIN 更欢快。

也就是说,许多这些艺术耀眼使 Gill Sans 受到一些平面设计师的欢迎。 具体来说,小写“a”经常被批评为不平衡和易读性。

寻找 Gill Sans 的替代品? 查看 ITC Johnston 或 P22 地铁。

黑尔维提卡

Helvetica 是唯一激发了自己的电影(2007 年)的字体。 它可以说是当今最著名/最普遍的字体。 该字体诞生于 50 年代广泛流行的 Grotesk 字体新版本的广泛竞争。

Grotesk 字体逐渐演变以增加易读性。 然而,并非所有字体都适用于手机行字和机械字体。 排版机要求将常规和斜体字符设置为相同的宽度,从而迫使斜体显得太宽而正则显得太窄。

Helvetica 是专门设计的,具有敏锐的字符调整,以保持 Grotesk 字体的现代美感和易读性,同时让设计师受益于大规模生产。 该字体首次在“Graphic 57”贸易展上发布,在整个瑞士设计中无处不在。

其他可以替代 Helvetica 的字体包括 Maison Neue、Univers 和 Folio。

等宽字体

等宽字体样式最初是为打字机设计的。 了解此类字体的主要质量是打字机要求每个字符以相等的间距打印出来。 因此,每个字符都放置在正文中的单个组织矩阵中,而其他字体通常会在间距上有所不同,以管理易读性。

最终,在打字机的上下文之外,很少有应用程序可以使用等宽字体。 相等的间距意味着它们的效率较低并且通常也不太易读。 这个规则的一个例外是在为编写代码而设计的应用程序中,相等的间距实际上可以帮助易读性。

其中一些示例包括 Courier、Consolas、Letter Gothic 或 Source Code Pro(免费)。 然而,有些设计师就是无法否认怀旧的审美; 因此,它们仍然很受欢迎。

系统字体

系统字体是您的设备或程序附带的字体。 Mac、Windows 甚至 Adob​​e 产品都有不同的系统字体。 本文中包含的所有字体至少有一些变体是系统字体。

使用系统字体有一些缺点。 最大的问题是这些字体通常曝光过度。 因为它们几乎包含在每个人的计算机上,所以人们日复一日地看到它们,无论是好的设计还是糟糕的设计。 虽然并非每个印刷项目都需要处于原创性的前沿,但重要的是要了解,如果您设计品牌应该是独特的和原创的,使用系统字体通常会破坏这一点。

使用系统字体的另一个主要缺点是它们中的一些不是很好。 阿里尔浮现在脑海中……

最后,许多系统字体被专门设计为在屏幕上非常清晰,并且在打印时可能不是特别可读。 对于设计师承担的每个项目来说,这可能不是一个问题,但应该牢记这一点。

为设计工作选择出色的字体

在为特定品牌进行设计时,选择合适的专业字体对于任何设计师来说都是一项至关重要的工作,尤其是考虑到某些字体系列的许可证可能超过 1,000 美元。

对于许多项目来说,选择一个包含各种粗细、宽度甚至衬线和无衬线变体的字体系列是一个聪明的主意。 这为设计师提供了很多选择,可以针对特定品牌的任何项目进行选择,甚至允许使用并没有那么不同的“不同”字体更新营销宣传品(因此不太可能激怒消费者和品牌忠诚者,就像主要品牌的许多大型重新设计一样)。 一个深字体系列可以很容易地与自己配对,并带有各种个性。

在寻找与现有类型库配对以在项目中更普遍使用的字体时,请专注于选择具有相似特征的字体。 这意味着要考虑大写和小写、x 高度和形式几何的所有质量。 像 Typewolf 这样的网站对于寻找与现有选项配对的字体非常宝贵(对于那些客户说他们想要“类似”Helvetica 但绝对不是Helvetica 的时候,它们也是很好的替代品)。