高級別的設計師,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 沒有任何直線。這兩款字體卻存在着一個微妙的聯繫:它們都比典型的斜體字更為前傾,搭配起來便相映成趣。

提示:保持這類搭配的適當距離有助於突出它們的獨特性,最簡單的方法就是通過字號將每款字體分隔開。在以上兩個例子中,字體被分配了特定的字號範圍,避免與另一款混合,從而形成清晰的分辨「高度」,進一步區分了字體在設計中所擔當的角色。