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