如何選出最合適的字體

　　設(shè)計(jì)師需要從樣式繁多的字體庫中找到一個(gè)合適的字體是一件很麻煩的事，如何選出最合適的字體?讓我們通過下面幾個(gè)精彩的案列來分享這5條建議。

　　在開始之前，我們來了解下什么是特排字體?

　　特排字體通常指是字號偏大，特別引人注目的文字，通常用于標(biāo)題或需要放大顯示的文字。特排字體并不只是在頁面設(shè)計(jì)中使用，它源自于印刷設(shè)計(jì)師的一個(gè)術(shù)語。

　　特排字體主要應(yīng)用于以下兩個(gè)方面：

　　1、用于首頁展示的網(wǎng)站名稱，例如WalkWest (上圖)

　　2、用于每個(gè)頁面的大標(biāo)題，或者橫幅頁頭的標(biāo)題。雖然作為標(biāo)題使用的字體不如首頁名稱的字體那樣巨大醒目，但卻更廣泛的被使用在網(wǎng)站中各個(gè)頁面上。

　　1. 具備可讀性

　　為了確保信息傳遞的有效性，特排字體需要有良好的可讀性。這聽起來像是一句廢話，但實(shí)際上你會發(fā)現(xiàn)很多大標(biāo)題閱讀困難的網(wǎng)站，這是因?yàn)楝F(xiàn)在有太多各式各樣的字體可以選擇。

　　關(guān)于如何選擇字體，沒有通用規(guī)則可言。襯線和無襯線表現(xiàn)能力同樣好， 新奇的字體也能表現(xiàn)出理想的效果。

　　使用足夠大的字體，并有足夠多的留白，同時(shí)和其他的設(shè)計(jì)元素形成鮮明的對比，這樣文字就能躍然紙上。想象一下，如果這些文字蹦起來對用戶尖叫到”READ ME”是怎樣一種感覺，這正是特排字體需要傳達(dá)出來的效果。

　　2. 字體和單詞匹配

　　若不是親眼見證，你可能很難理解為什么字體需要匹配單詞。

　　我是這樣理解的。有些單詞在某種特定的字體下會顯得很難看。這個(gè)很難去解釋。比如’s’在一個(gè)單詞里面出現(xiàn)多次，整個(gè)字形就不太好看。

　　這樣的情況還會發(fā)生在一些特殊字符上，比如%,$或&。或者你選用的字體中I,l,1看起來是一樣的，而這三個(gè)字符又同時(shí)出現(xiàn)在頁面上，那么這時(shí)候你得換個(gè)字體了。

　　文字需要能吸引人的眼球。這些單詞會讓人產(chǎn)生某種感受，或渾然天成或裝飾過度。如果你覺得一些字符的組合比較奇怪，那用戶也會感覺到。

　　3. 設(shè)計(jì)更靈活

　　思考一下在你的項(xiàng)目中，你會怎么使用特排字體。是否使用不同的層次和風(fēng)格來建立正確的總體方案?你選擇的字體在輔助文字和主標(biāo)題是否都表現(xiàn)出很好的效果?

　　你需要思考所有可能的使用場景，讓你選擇的字體擁有足夠的靈活度去適應(yīng)不同使用方式。有些字體可以放大到超級大，用在只有一兩個(gè)單詞的標(biāo)題上，效果是非常棒的，但如果你還想把同樣的字體用在小標(biāo)題或輔助文字上，就比較困難。

　　如果選擇的字體能適應(yīng)不同的場景，你就能較為輕松的完成設(shè)計(jì)，并且保持設(shè)計(jì)的一致性。如果你的設(shè)計(jì)需要更多的靈活性并且兼顧一致性，那么可以考慮使用一個(gè)字體族。對于主標(biāo)題使用粗體，次一級使用細(xì)一點(diǎn)的(也可以考慮用顏色來區(qū)別)。

　　4. 謹(jǐn)慎使用細(xì)

　　有個(gè)問題經(jīng)常被拿來討論: 特排字體使用細(xì)體很難表現(xiàn)出需要的效果。

　　細(xì)小的字體有時(shí)候可以表現(xiàn)的很驚艷，也有設(shè)計(jì)師能把它設(shè)計(jì)的很漂亮，但是大部分情況下都不能展現(xiàn)出那么好的效果。

　　看看第一條建議，首要的目的是要具有可讀性。

　　想想你在一臺27英寸的顯示器上設(shè)計(jì)一段文字(也許正你正在做。。。)，而這段文字使用了一個(gè)非常細(xì)的字體。你再使用平板或者手機(jī)上看看這段文字，現(xiàn)在你覺得效果會是什么樣?是否還是具備可讀性?(并不是)

　　還有一件事能你更為信服，蘋果在iOS7上就犯過這個(gè)錯(cuò)。當(dāng)時(shí)用戶抱怨iOS7上的字體太細(xì)，以致于很多文字都難以閱讀。蘋果在接收到用戶的這些抱怨后， 在后續(xù)的版本中就采用了粗一點(diǎn)的字體。

　　5. 考慮下圖片內(nèi)容

　　知道在什么樣的圖片或視頻上使用這些文字也是一個(gè)非常重要的環(huán)節(jié)。如果圖片或視頻的內(nèi)容和后續(xù)設(shè)計(jì)傳達(dá)的信息不一致，就算使用了世界上最美的字體也會顯得很怪異。

　　對比度也是一個(gè)很重要的因素，特別是在視頻中深色和淺色的部分是會移動的。文字就需要設(shè)計(jì)在易識別的背景遮罩層上。

　　越來越多的設(shè)計(jì)師開始選擇純色作為背景，這是一個(gè)很有趣的趨勢，也讓我們見識了很多亮眼又大膽的頁面設(shè)計(jì)，將文字突出成為了頁面上最主要的元素。如果你對你的文字設(shè)計(jì)很滿意，不妨就用純色背景來突顯它們。

　　在純色背景上使用粗體的特排字體，能非常有效的讓用戶關(guān)注到文字本身。顏色是用來將用戶的注意力吸引到你想描述的內(nèi)容上。這樣一組綜合了多種字體樣式的文字，幾乎可以適應(yīng)從高亮顏色到極簡黑白的任何配色方案。最重要的事情是你要選擇一個(gè)非常迷人的字體!

　　我是這樣理解的。有些單詞在某種特定的字體下會顯得很難看。這個(gè)很難去解釋。比如’s’在一個(gè)單詞里面出現(xiàn)多次，整個(gè)字形就不太好看。

　　這樣的情況還會發(fā)生在一些特殊字符上，比如%,$或&?；蛘吣氵x用的字體中I,l,1看起來是一樣的，而這三個(gè)字符又同時(shí)出現(xiàn)在頁面上，那么這時(shí)候你得換個(gè)字體了。

　　文字需要能吸引人的眼球。這些單詞會讓人產(chǎn)生某種感受，或渾然天成或裝飾過度。如果你覺得一些字符的組合比較奇怪，那用戶也會感覺到。

　　3. 設(shè)計(jì)更靈活

　　思考一下在你的項(xiàng)目中，你會怎么使用特排字體。是否使用不同的層次和風(fēng)格來建立正確的總體方案?你選擇的字體在輔助文字和主標(biāo)題是否都表現(xiàn)出很好的效果?

　　你需要思考所有可能的使用場景，讓你選擇的字體擁有足夠的靈活度去適應(yīng)不同使用方式。有些字體可以放大到超級大，用在只有一兩個(gè)單詞的標(biāo)題上，效果是非常棒的，但如果你還想把同樣的字體用在小標(biāo)題或輔助文字上，就比較困難。

　　如果選擇的字體能適應(yīng)不同的場景，你就能較為輕松的完成設(shè)計(jì)，并且保持設(shè)計(jì)的一致性。如果你的設(shè)計(jì)需要更多的靈活性并且兼顧一致性，那么可以考慮使用一個(gè)字體族。對于主標(biāo)題使用粗體，次一級使用細(xì)一點(diǎn)的(也可以考慮用顏色來區(qū)別)。

　　4. 謹(jǐn)慎使用細(xì)

　　有個(gè)問題經(jīng)常被拿來討論: 特排字體使用細(xì)體很難表現(xiàn)出需要的效果。

　　細(xì)小的字體有時(shí)候可以表現(xiàn)的很驚艷，也有設(shè)計(jì)師能把它設(shè)計(jì)的很漂亮，但是大部分情況下都不能展現(xiàn)出那么好的效果。

　　看看第一條建議，首要的目的是要具有可讀性。

　　想想你在一臺27英寸的顯示器上設(shè)計(jì)一段文字(也許正你正在做。。。)，而這段文字使用了一個(gè)非常細(xì)的字體。你再使用平板或者手機(jī)上看看這段文字，現(xiàn)在你覺得效果會是什么樣?是否還是具備可讀性?(并不是)

　　還有一件事能你更為信服，蘋果在iOS7上就犯過這個(gè)錯(cuò)。當(dāng)時(shí)用戶抱怨iOS7上的字體太細(xì)，以致于很多文字都難以閱讀。蘋果在接收到用戶的這些抱怨后， 在后續(xù)的版本中就采用了粗一點(diǎn)的字體。

　　5. 考慮下圖片內(nèi)容

　　知道在什么樣的圖片或視頻上使用這些文字也是一個(gè)非常重要的環(huán)節(jié)。如果圖片或視頻的內(nèi)容和后續(xù)設(shè)計(jì)傳達(dá)的信息不一致，就算使用了世界上最美的字體也會顯得很怪異。

　　對比度也是一個(gè)很重要的因素，特別是在視頻中深色和淺色的部分是會移動的。文字就需要設(shè)計(jì)在易識別的背景遮罩層上。

　　越來越多的設(shè)計(jì)師開始選擇純色作為背景，這是一個(gè)很有趣的趨勢，也讓我們見識了很多亮眼又大膽的頁面設(shè)計(jì)，將文字突出成為了頁面上最主要的元素。如果你對你的文字設(shè)計(jì)很滿意，不妨就用純色背景來突顯它們。

　　在純色背景上使用粗體的特排字體，能非常有效的讓用戶關(guān)注到文字本身。顏色是用來將用戶的注意力吸引到你想描述的內(nèi)容上。這樣一組綜合了多種字體樣式的文字，幾乎可以適應(yīng)從高亮顏色到極簡黑白的任何配色方案。最重要的事情是你要選擇一個(gè)非常迷人的字體!

　　我是這樣理解的。有些單詞在某種特定的字體下會顯得很難看。這個(gè)很難去解釋。比如’s’在一個(gè)單詞里面出現(xiàn)多次，整個(gè)字形就不太好看。

　　這樣的情況還會發(fā)生在一些特殊字符上，比如%,$或&。或者你選用的字體中I,l,1看起來是一樣的，而這三個(gè)字符又同時(shí)出現(xiàn)在頁面上，那么這時(shí)候你得換個(gè)字體了。

　　文字需要能吸引人的眼球。這些單詞會讓人產(chǎn)生某種感受，或渾然天成或裝飾過度。如果你覺得一些字符的組合比較奇怪，那用戶也會感覺到。

　　3. 設(shè)計(jì)更靈活

　　思考一下在你的項(xiàng)目中，你會怎么使用特排字體。是否使用不同的層次和風(fēng)格來建立正確的總體方案?你選擇的字體在輔助文字和主標(biāo)題是否都表現(xiàn)出很好的效果?

　　你需要思考所有可能的使用場景，讓你選擇的字體擁有足夠的靈活度去適應(yīng)不同使用方式。有些字體可以放大到超級大，用在只有一兩個(gè)單詞的標(biāo)題上，效果是非常棒的，但如果你還想把同樣的字體用在小標(biāo)題或輔助文字上，就比較困難。

　　如果選擇的字體能適應(yīng)不同的場景，你就能較為輕松的完成設(shè)計(jì)，并且保持設(shè)計(jì)的一致性。如果你的設(shè)計(jì)需要更多的靈活性并且兼顧一致性，那么可以考慮使用一個(gè)字體族。對于主標(biāo)題使用粗體，次一級使用細(xì)一點(diǎn)的(也可以考慮用顏色來區(qū)別)。

　　4. 謹(jǐn)慎使用細(xì)

　　有個(gè)問題經(jīng)常被拿來討論: 特排字體使用細(xì)體很難表現(xiàn)出需要的效果。

　　細(xì)小的字體有時(shí)候可以表現(xiàn)的很驚艷，也有設(shè)計(jì)師能把它設(shè)計(jì)的很漂亮，但是大部分情況下都不能展現(xiàn)出那么好的效果。

　　看看第一條建議，首要的目的是要具有可讀性。

　　想想你在一臺27英寸的顯示器上設(shè)計(jì)一段文字(也許正你正在做。。。)，而這段文字使用了一個(gè)非常細(xì)的字體。你再使用平板或者手機(jī)上看看這段文字，現(xiàn)在你覺得效果會是什么樣?是否還是具備可讀性?(并不是)

　　還有一件事能你更為信服，蘋果在iOS7上就犯過這個(gè)錯(cuò)。當(dāng)時(shí)用戶抱怨iOS7上的字體太細(xì)，以致于很多文字都難以閱讀。蘋果在接收到用戶的這些抱怨后， 在后續(xù)的版本中就采用了粗一點(diǎn)的字體。

　　5. 考慮下圖片內(nèi)容

　　知道在什么樣的圖片或視頻上使用這些文字也是一個(gè)非常重要的環(huán)節(jié)。如果圖片或視頻的內(nèi)容和后續(xù)設(shè)計(jì)傳達(dá)的信息不一致，就算使用了世界上最美的字體也會顯得很怪異。

　　對比度也是一個(gè)很重要的因素，特別是在視頻中深色和淺色的部分是會移動的。文字就需要設(shè)計(jì)在易識別的背景遮罩層上。

　　越來越多的設(shè)計(jì)師開始選擇純色作為背景，這是一個(gè)很有趣的趨勢，也讓我們見識了很多亮眼又大膽的頁面設(shè)計(jì)，將文字突出成為了頁面上最主要的元素。如果你對你的文字設(shè)計(jì)很滿意，不妨就用純色背景來突顯它們。

　　在純色背景上使用粗體的特排字體，能非常有效的讓用戶關(guān)注到文字本身。顏色是用來將用戶的注意力吸引到你想描述的內(nèi)容上。這樣一組綜合了多種字體樣式的文字，幾乎可以適應(yīng)從高亮顏色到極簡黑白的任何配色方案。最重要的事情是你要選擇一個(gè)非常迷人的字體!