字體已經文本信息的排版趨勢似乎比許多其他的設計趨勢發展得更快。 長期以來,網站設計師堅持使用無襯線字體來作為主要的字體選擇。不過這在現在看來已經將成為一個歷史了。
當今種類繁多的字體帶來了更多有趣的字體配對和視覺主題的可能性。
我們正在研究如何搭配字體的八種趨勢,以及每種趨勢的優秀示例,這些趨勢涵蓋了廣泛的字體系列和視覺呈現。
什么是字體配對?
字體配對是指將不同的字體組合在一起,以用于同一個設計項目。 字體配對可以指的是在同一項目中使用任意數量的字體。
好的字體配對(通常不超過兩個或三個字體)是和諧的,同時在字體樣式之間提供了足夠的對比。 字體通常會傳達相似的心情并具有互補的形狀,因此它們可以吸引人們注意該消息,但不會相互競爭以過度引起注意。
配對中最多只建議使用一種新穎,時髦或富挑戰性的字體。 這有助于確保設計版式的可讀性和平衡性。
1.Serif + Sans Serif Layers
使用層次不同的字體可以使視覺的展示效果更好。
The Academy of Classical Chinese Medicine在其站點設計中使用兩個類型的字體家族-襯線和無襯線,實現了兩個類別的結合,請注意字體是如何分層堆疊的。
· 關于ACCM:Caps sans serif
· 標題:襯線和襯線粗斜體
· 主要文字區塊:Sans serif
· 號召性用語:粗體,無襯線
使這種分層字體在視覺上如此出色地工作的原因是空間的使用和字體的形狀。 請注意,每個字體都有一個圓形設計–特別是在每個小寫字母“ o”和“ c”中,你都可以看到。
2.Funky Sans Serif + Simple Sans
將兩種相同樣式的字體配對可能會有些棘手,因為你可能會不希望使用兩個看起來過于相似的字體。
Intact Software選擇將兩個無襯線字體用于他們的設計項目中,并完成的非常出色,你會發現其中一個選項比另一個具有更硬的邊緣和更粗的筆觸。 作為輔助的無襯線字體更多是作為傳統的視覺表達。
這個組合非常適合用于標題和正文文本之間的配對。 較為流行的風格可以引起用戶對大文本的注意,同時為屏幕上較小的字體提供了出色的可讀性。
3.Sans Serif Caps + Tiny Serif
使用全大寫的無襯線字體已經沒有什么突破性的意義了(每個人都這樣做已經有一段時間了)。
上面的案例中,簡單的、加粗加大字號的襯線和與第二行之間形成鮮明對比。 這是被低估的趨勢之一,我們開始在版式中越來越多的看到這種類型,對此你可以參考BBC Earth的網站設計。
這種字體配對的優點是使得所有的內容都易于閱讀。 兩種字體均具有統一的筆劃和寬度(這對于需要考慮背景的網站和設備非常有用)。
4.Novelty + Monospace
這種字體組合是完美的狂野派風格——一種流行的設計風格。 具有等寬樣式的新穎字體在視覺上很有趣,并且給人的感覺上很重要。
將字體用于這種趨勢可能很棘手。
在選擇字體時,你需要選擇那些會給客戶在視覺上有一些故意營造的不匹配和混亂的感覺。 如果你為匹配樣式而過分努力的話,則可能會有點平淡。 請記住,狂野派的風格是硬性的,自然會給人以視覺沖擊。 在字體配對中也要使用該想法。
5.Sans Serif Font Family
實際上,大部分的字體使用在網站設計或其他設計項目中或許根本不需要配對。 使用同一個家族中的多種樣式選擇同樣可以達到此目的。
這是一種相當流行的技術,因為它使網站易于閱讀,并且始終在所有文本元素都協調一致的情況下創建設計。
就像上面所給到的案例一樣,這是如何使其發揮作用的方法。 將字體家族中最鮮明的樣式進行配對,以在設計中獲得明顯的區別。 將粗體或缺少選項與常規或淺色變化配對可以同樣營造很好的對比以及視覺效果。
6.Slabs + Simple Sans Serifs
Slab的字體樣式就好像是直接將字體拿出來放在你面前一樣直觀的字體選項,可以很好地產生影響。 通過簡單的無襯線字體可以幫助淡化樣式。
這是一個經典的排版設計趨勢,永不過時,幾乎總是有效的。
Rogue Studio巧妙地使用了這種組合,并結合了藝術元素和簡單的無襯線來處理你真正需要閱讀的所有內容。 良好的間距有助于吸引眼球,并使用戶留在網站上。
7.Wide Sans Serifs + Modern Serifs
較寬的字體正在更多的設計項目中出現。 它可能是一個并不好掌控的風格,但是如果使用正確的互補字體,它就可以很好的為你的項目工作。
LaFaurie對此字體的使用就有很好的表現。 寬大的無襯線字體在英雄標題中起到強調的作用,并提供了有趣的導航元素。 現代的襯線字體更具可讀性,有助于為項目帶來清新,年輕的基調。
8.Serif + Sans Serif + Script
這三組字體可以設置正確的色調。 帶有現代襯線,簡單的無襯線和腳本,感覺上更加經典,可控且優雅。
在一個項目中使用三種字體進行搭配是相當普遍的,并且使它工作良好的原因是使用了截然不同的樣式。 使用三個無襯線會導致外觀笨拙和奇怪,因為樣式差異不大。
尋找具有相同感覺但獨特的線條和設計的字體進行配對是一個你需要長期鍛煉和實踐的過程。
總結
配對字體可能是一個很有趣的過程。 使用不同的組合可以為設計項目增加新維度的意義。
使用字體對時,請記住一些關于設計中字體使用的“黃金法則”:
· 堅持使用兩個或三個字體
· 尋找互補的字體風格
· 始終使用一個易讀的字體選項