網(wǎng)站建設中5條建議教您如何選擇合適的字體發(fā)布者：本站     時(shí)間：2022-05-06 10:05:35

時(shí)下一種流行的設計方式是在頁(yè)面頂部使用配有簡(jiǎn)潔文字的大幅圖片或者視頻，以此吸引用戶(hù)進(jìn)入網(wǎng)站。這種設計方式最頭疼的就是如何為這些文字選擇合適的字體。

從樣式繁多的字體庫中找到一個(gè)合適的字體，往往會(huì )讓設計師感到舉步維艱。但是我們可以使用一些小技巧，就能找到我們需要的字體。讓我們通過(guò)下面幾個(gè)精彩的案列來(lái)分享這5條建議。

 

什么是特排字體(Display Type)
5條建議教您如何選擇合適的字體

在開(kāi)始之前，我們來(lái)了解下什么是特排字體?（如果已知曉請直接跳到建議1）

特排字體通常指是字號偏大，特別引人注目的文字，通常用于標題或需要放大顯示的文字。 特排字體并不只是在網(wǎng)頁(yè)設計中使用，它源自于印刷設計師的一個(gè)術(shù)語(yǔ)。(譯者:更多說(shuō)明參見(jiàn)Display_type In Wiki)

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

用于首頁(yè)展示的網(wǎng)站名稱(chēng)，例如Walk West （上圖）
用于每個(gè)頁(yè)面的大標題，或者橫幅頁(yè)頭的標題。雖然作為標題使用的字體不如首頁(yè)名稱(chēng)的字體那樣巨大醒目，但卻更廣泛的被使用在網(wǎng)站中各個(gè)頁(yè)面上。
1、具備可讀性
5條建議教您如何選擇合適的字體

MADEBYAUGUST.COM
為了確保信息傳遞的有效性，特排字體需要有良好的可讀性。這聽(tīng)起來(lái)像是一句廢話(huà)，但實(shí)際上你會(huì )發(fā)現很多大標題閱讀困難的網(wǎng)站，這是因為現在有太多各式各樣的字體可以選擇。

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

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

2、字體和單詞匹配
5條建議教您如何選擇合適的字體

GODAYTRIP.COM
若不是親眼見(jiàn)證，你可能很難理解為什么字體需要匹配單詞。

我是這樣理解的。有些單詞在某種特定的字體下會(huì )顯得很難看。這個(gè)很難去解釋。比如’s’在一個(gè)單詞里面出現多次，整個(gè)字形就不太好看。這樣的情況還會(huì )發(fā)生在一些特殊字符上，比如%,$或&?；蛘吣氵x用的字體中I,l,1看起來(lái)是一樣的， 而這三個(gè)字符又同時(shí)出現在頁(yè)面上，那么這時(shí)候你得換個(gè)字體了。

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

3.設計更靈活
5條建議教您如何選擇合適的字體

NORDHOUSE.COM.AU
思考一下在你的項目中，你會(huì )怎么使用特排字體。是否使用不同的層次和風(fēng)格來(lái)建立正確的總體方案？你選擇的字體在輔助文字和主標題是否都表現出很好的效果？

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

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

4.謹慎使用細體
5條建議教您如何選擇合適的字體

dunlopbuilders.co.nz

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

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

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

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

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

5.考慮下圖片內容
5條建議教您如何選擇合適的字體

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

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

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

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