高段位的设计师,字体搭配的5个「小心机」

尽管优质字体通常拥有庞大的、精心设计的相关风格字体家族,但一些令人惊艳的排版往往通过不同字体之间出乎意料的关联来构建独特表达。借助巧妙的字体组合,设计师可以强化品牌识别度与视觉趣味性,从而给受众留下深刻印象。

本文译自 Hoefler&Co 的创始人 Jonathan Hoefler 所撰写的指南,探讨了五种建立排版联系的策略,旨在帮助品牌「四两拨千斤」般地提升设计张力与表达自由。


1|避免显而易见的选择
Avoid the Obvious

当选择不同字重时,转而使用一款具有联系但又截然不同的字体可以为设计增添「戏剧性」。

1 - typographic-doubletakes_responsive-01.png
上:Archer + Sentinel    下:Gotham + Verlag

例如,Sentinel 和 Archer 是两款起源截然不同的板状衬线体:前者是 19 世纪的「老古董」,后者则是 21 世纪球形笔画末端的代言人。但将它们组合使用,却能为原本沉闷的设计注入视觉趣味。

在无衬线字体中,Verlag 和 Gotham 是两款简洁直白、朴实无华的字体,其独特的韵味因细节对比而更为鲜明。Verlag 的尖锐顶点(如字母 A、N 和 W)与 Gotham 端正坦率的风格形成了亮眼的对比。

提示:通过字重和比例的变化,可以突出组合中的差异,并勾勒每种设计的独特个性。搭配使用时,Sentinel 显得尤为审慎,而 Archer 则格外活泼;Verlag 更加优雅,而 Gotham 愈为直率。

2|创建实用的搭配
Create Practical Pairings

对于设计师来说,最熟悉的任务莫过于选择两款能够相辅相成的字体,它们既相似又各具特色。无论是实体印刷还是数字媒介,大量的文本呈现往往需要两款对比鲜明的字体,来突出不同类型的信息。

2 - typographic-doubletakes_responsive-02.png
左:Mercury Text + Ideal Sans SSm    右:Whitney + Operator + Operator Mono

例如,x 高度较大、实用性高的正文字体(如 Mercury Text)可以与比例相似的无衬线体(如 Ideal Sans)搭配使用。

当然,也无需拘泥于衬线体和无衬线体的搭配惯例。如果正文字体使用了相对板正的无衬线体(如 Whitney),可以尝试更具意趣的另一款无衬线体来搭配(如 Operator)。Operator 紧凑的曲线和强劲的笔触,与沉稳的 Whitney 形成了很好的反衬;而等宽字体 Operator Mono 则可以引入完全不同的节奏,与正文形成有益的对比。

 

3 - typographic-doubletakes_responsive-06.png
上:自然宽度 Operator    下:等宽版本 Operator Mono

提示:像 Operator Mono 这样的等宽字体有助于迅速识别某些内容(例如计算机程序代码)。但如果在文本段落中需要突出显示代码片段,可以切换到其自然宽度版本 Operator。由于 Operator与 Operator Mono 共享相同的基础设计,这些醒目的粗体关键词仍然可以立即被识别为代码片段,但自然宽度版本下更传统的宽窄字母节奏将使阅读更加舒适。

3|营造微妙的对比
Strike Subtle Contrasts

有时,最吸引人的字体组合并非是显而易见的。尽管 Gotham 和 Vitesse 两款字体有着明显差异,Gotham 是基于圆形的无衬线体,Vitesse 则是基于圆角矩形的板状衬线体,但它们在几何形态的运用上同样引人注目,且可以呈现出非常相似的字重。

4 - typographic-doubletakes_responsive-03.png
上:Gotham + Vitesse    下:Sentinel + Quarto

但字体不一定需要使用相同字重才能够和谐共存,尤其是在不同尺寸时。相比于较小的 Sentinel 字体,Quarto 的字干(stem)几乎粗了一倍,而其极细线(hairline)则仅有前者的五分之一;但当在各自的适当尺寸时,这些差异便不再明显。

提示:将两款对比鲜明的字体以相似的大小呈现,有助于减小它们的视觉差异。在以上两个例子中,我们都仔细考虑了字母间距,来使字母的节奏和空间保持同步。

4|优雅的二重奏
Assemble Elegant Duets

无论是笔画细腻的无衬线体,还是带有精致细线的衬线字体,轻盈的字体一直是时尚奢华风格排版的主流。许多细线字体搭配在一起都相得益彰,尤其当额外的设计元素增强了优雅感时。

5 - typographic-doubletakes_responsive-04.png
左:Chronicle Hairline + Landmark    右:Vitesse + Gotham

例如,Landmark 的「低腰」设计(特别体现在字母 A、R 和 K 上)赋予了该设计装饰艺术时期的优雅感,与简洁均衡的 Chronicle Hairline 字体形成了巧妙对比。

另一种策略是选择具有相同字重和相似结构方式的字体,如几何感强烈的 Vitesse 和 Gotham(在上面的章节中也提到过)。

提示:在使用细线字体时,尽早决定每款字体适合的字号。有的字体可以在较大的正文尺寸下使用,而有的则最好只用于最大的标题排版。例如,在评估 Chronicle 这类衬线体时,不仅要看其细线笔画的粗细(比如 H 的横线和 Y 较细的字臂),还要关注衬线的粗细。衬线往往比极细线(hairline)更细,正是这些精致的细节决定字体可以应用于多小的字号。

5|引入奇妙的碰撞
Introduce Strange Bedfellows

一些最引人注目的字体搭配,是将意想不到的字体结合在一起,这也是我的最爱。

6 - typographic-doubletakes_responsive-05.png
左:Tungsten Compressed + St. Augustin Civilité    右:Acropolis + Surveyor

左图中,灰色法兰绒套装般的 Tungsten Compressed 和猩红丝绸短上衣般的 St. Augustin Civilité 搭配,内敛与狂野对撞,垂直与水平配合,形成极强的视觉张力。

右图中,特立独行的 Acropolis Italic 仅由直线构成,而充满活力的 Surveyor Display Italic 没有任何直线。这两款字体却存在着一个微妙的联系:它们都比典型的斜体字更为前倾,搭配起来便相映成趣。

提示:保持这类搭配的适当距离有助于突出它们的独特性,最简单的方法就是通过字号将每款字体分隔开。在以上两个例子中,字体被分配了特定的字号范围,避免与另一款混合,从而形成清晰的分辨「高度」,进一步区分了字体在设计中所担当的角色。