本文講的是漂亮的字體組合的秘密，

每當我和別人問起他們覺得字體排印中最難的是什么的時候，一個經(jīng)常聽到的回答就是字體的搭配。 我們總是想要使用多種字體來讓我們的設計更加生動有趣，但我們中的大多數(shù)人其實并不清楚該選擇哪些字體來搭配。不同字體該如何搭配，更像是一個秘訣。你一旦知曉，就可以創(chuàng)造出漂亮的字體組合。

字體匹配與層次

除去讓我們的設計在視覺上更有趣之外，使用多種字體更重要的目的是營造出字體的層次。層次意味著差異。若無差異，則無層次。因此，為了營造出有效的層次，（我們）需要明顯的差異，或是強烈的對比。如果你希望你的字體組合更加完美的話，強烈的對比就是秘訣。

我們一般是怎樣做的

我們一般通過在下列三個維度營造對比，以試作標題與正文的區(qū)分。

• 字重（Fontweights）：?標題字體更粗，或者更細。(想要了解更多如何巧妙駕馭字重的信息？移步我的文章?What You Can Do with Different Font Weights.)

• 字號：?標題字體更大。

• 顏色：?為標題字體選擇一種與眾不同的顏色。

改變字重、字號和文字顏色可以制造對比并營造層次感，但其實我們還可以通過在其他的方面再玩點花樣來制造對比（如果我們有不只一種字體可供選擇的話）。而且，這些把戲相當有趣。

更多的可能性

不同的字體和不同的版式設置為創(chuàng)造對比提供了更多的可能性。字重、字號和字體顏色之外，我們再來看看字體比例、字型、大小寫和字距。

字體比例

字體的寬度或比例各有不同。有些狹長而擁擠。有些很規(guī)則，在標準范圍之內。還有一些粗重而扁闊。下表總結了一些 web 字體應用中的常用比例。

按照比例對 web 常用字體進行分類。

對于設計師來說，我們可以通過字體的寬度來將它們區(qū)分開。比方說，我們可以在標題中使用?Open Sans Condensed Bold而在正文中使用?Open Sans Regular?； 在標題中使用?Montserrat?，在正文中使用?Source Sans Pro?； 在標題中使用長體的?Oswald，在正文中使用標準的 serif 或者 sans serif ……

用字體的不同比例來搭配，形成對比。

注意，太長或是太扁的字體的可讀性相較標準字形來的差一些，所以正文部分還是保守一點比較好。

字型（Letterforms）

字型即字體的形狀。我們對字型比較熟悉，畢竟總得靠它來區(qū)分不同的字體。襯線（serif）和無襯線（sans serif）是兩種很常見的字型。其他還有包括特印（display）， 書法（handwriting）， 手寫（script）等等。

Google 字體中的不同類型。

為了營造對比，我們挑選出字型不同的字體。還記得我們總會聽到的超簡單的原則嗎？就是選擇一種無襯線字體，在挑一種襯線字體來搭配它。這其實是利用字型之間的差異來營造對比。我們也可以選擇一種手寫（script）或者特印（display）字體作為標題的字體，然后再選擇一種襯線（serif）或者是無襯線（sans serif）字體來作為正文字體。這有著無限的可能。

在網(wǎng)頁模板?Big Day?中， 我將書法字體?Dancing Script?與優(yōu)雅的無襯線字體?Fira Sans?組合，因為它們在字母結構上的對比十分強烈。

兩種字體的字型特征越明顯，我們能營造出的對比就越是強烈。相應的，字體搭配的效果也會越好。同理，我們得盡量別要把字型相似的字體組合到一起。這就是為什么你在處理兩種不同的襯線字體或者無襯線字體的時候要格外小心。

將字型相似的兩種字體組合到一起營造出的弱對比只會讓讀者感到困惑。這時候就不如只用一種字體來的好。

大小寫 (小寫字母與大寫字母)

大寫字母由于字母等高而看上去像是一個個的方塊。小寫字母則由于字母上下出頭不一而顯得輪廓起起伏伏。利用這點不同，我們可以搞一些對比的例子。

單詞大寫與小寫所形成的輪廓不同。

如果文檔標題不長，我們可以利用全大寫來使它看上去和由小寫字母組成的段落的區(qū)別更加明顯。（要是你的標題很長而且長篇連句的話，你可能并不想讓它們全部大寫。畢竟可讀性略差。）

字距

字距，即字母間的距離，也可以用來營造對比。它一般會搭配大寫來用，因為大寫字母之間的間距可以讓詞句更容易閱讀，還會讓它們看起來有一種沉穩(wěn)而成熟的感覺。

額外的字母間距可以讓大寫的單詞更容易閱讀，且看上去帶有一種沉穩(wěn)而成熟的感覺。

記著，盡量避免增加小寫字母間的字距，因為這樣會破壞詞句的輪廓，從而使它們難以閱讀。 還有，正文不要增加多余的字距，以便與帶有更大字距的標題文字形成對比。

增加對比

到此為止，我們總共談及了 7 種可以營造對比的方法。總結一下：

字重／字號／文字顏色／字體比例／字型／字母大小寫／字距

記著，對比越強烈，你的字體組合效果就越棒。為了得到更加強烈的對比，我們可以將上述幾點疊加使用。舉個例子，在我的博客主題?Jordan?中，我將?Oswald?和?Merriweather?進行了組合。 我將 Oswald 用作標題字體，將 Merriweather 用作正文字體。 Oswald 是一種長而瘦的字體。我同時使用了字母全大寫和增加字距。這樣一來，我在字號、文字顏色、字體比例、字型、字母大小寫和字距上都作出了一些區(qū)別。強烈的對比，美妙的組合。

我在博客主題?Jordan?中使用的?Oswald?和?Merriweather?的組合。在字號、文字顏色、字體比例、字型、字母大小寫和字距上都有所不同，因而對比效果十分強烈。

根據(jù)這個準則，我們可以很容易的弄出一些很棒的或者是不怎么樣的字體組合。在你瀏覽下面每一組字體組合的時候，利用我們剛剛談及的 7 個維度來思考一下為什么它們很棒或是有點糟糕。

成功的組合

不那么成功的組合

結語

字體組合是字體排印中的一個重要組成部分。我希望通過閱讀本文，可以讓你了解到對比即是成功的字體組合的評價標準，以及如何更為有效的將字體進行組合。祝在字體組合這上頭玩得開心！

This article was originally published at?http://www.simon-li.com/design-and-code/the-secret-of-nice-typeface-combinations/.

喜歡本文？如果是，請點擊下方的 并分享給你的好友。這對我來說意義重大。你也可以關注我的?Twitter?或者 Medium。

更多字體相關

想要了解更多字體相關？請查看我的個人主頁?other typography articles。

小調查

對你來說字體排印中最難的是什么？?填寫這份?簡短的調查?并告知我們。這會幫我為你創(chuàng)作最棒的字體排印相關內容。

原文發(fā)布時間為：2017年2月12日
本文來自云棲社區(qū)合作伙伴掘金，了解相關信息可以關注掘金網(wǎng)站。

總結

以上是生活随笔為你收集整理的漂亮的字体组合的秘密的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。