編者按：互聯(lián)網(wǎng)上 95% 的信息都是以“文字”的形式存在，而如何使單調(diào)的文字生動化，讓用戶擁有輕松、愉悅的閱讀體驗是每個網(wǎng)站設計師、站長們都得考慮的問題。下面將從字體的選擇、配色方案、排版布局等方面來說說“網(wǎng)站字體的 10 個使用準則”。

本文先從字體使用數(shù)量、文本長度等 3 個方面開始闡述

一、使用一種字體足矣

據(jù)調(diào)查表明，當一個頁面中使用的字體超過 3 種時，會給用戶帶來“不專業(yè)”、“沒有權威性”、“沒有層次結構”之類的感覺。

如下圖：

正常情況下，頁面中采用一種字體就好了，兩種的話勉強可以接受，但必須要盡量把字體間的差異性降到最低，且設計上也得盡量和諧。

比如：同時使用 Georgia 和 Verdana 這兩種字體，就相對比較和諧。另外，Baskerville 和 Impact 兩者結合使用也會帶來較好的視覺體驗。

二、使用標準字體

當人們在熟悉的環(huán)境面前，會更加“如魚得水”。同理，當瀏覽網(wǎng)頁時，看到是的熟悉的字體，用戶能夠更加快速的 get 到自己想到的信息。

另外，由于瀏覽器的“限制”，不是所有的字體都能與所有瀏覽器“兼容”，即有些能在 Google Chrome 中顯示的字體，也許到了火狐上就會顯示出錯，這樣容易影響到用戶的閱讀體驗。

最保守的做法就是采用系統(tǒng)默認字體：比如 Arial、Calibri、Trebuchet 等。

三、合理設置行文本的長度

據(jù)國外研究所調(diào)查表明：如果想要給用戶一個良好的閱讀體驗，網(wǎng)頁中的行文本長度最好控制在 60 個字符（約 30 個漢字）左右，這可以提高文本的可讀性。

如下圖：

這是因為當行文本太短時，用戶眼睛回轉(zhuǎn)的頻率增大了，閱讀節(jié)奏容易被打破。而當行文本太長時，又容易引起用戶閱讀疲勞（專注力下降），從而導致其喪失閱讀欲望。

另外，如果是移動設備的話，行文本長度則以 30 - 40 個字符為最佳。

下圖是正、反案例對比，左圖中的行文本長度約在 50 - 75 個字符，右圖的則保持在 30 - 40 個字符左右，相比之下，右圖的閱讀體驗明顯優(yōu)于左邊的：以上為“網(wǎng)站字體 10 個使用準則”系列文章中的前三個標準，在之后文章中我們將繼續(xù)為您分享剩下的 7 個準則。

四、字體的可讀性

不管你選擇哪種字體、使用哪種大小規(guī)格，“可讀性”絕對是需要優(yōu)先考慮的第一要素?！翱勺x性”除了字體本身外，還需要考慮到訪問設備的“兼容性”問題。

如今，移動設備的流量甚至已經(jīng)超過了 PC 端。用戶可能通過手機、也可能平板等移動設備訪問你的站點，所以這時候應該考慮到字體在不同設備的顯示問題，即：在小屏設備中是否也同樣具有“可讀性”。

建議：保證網(wǎng)頁字體在小屏設備中的“可讀性”，最好不要使用“草書字體”。

正面例子： Roboto 字體

這款字體的“可讀性”非常強，不管哪種大小、在哪種設備中都能夠清晰可見。

反面例子：Vivaldi 字體

這款字體雖然好看，但可讀性太低，尤其是在小屏設備上顯示狀態(tài)奇差，十分不利于用戶閱讀體驗。

五、字母的“可辨性”

這點在中文里比較不容易產(chǎn)生影響，更多是使用英文時需要注意。

在英文中，很多字母容易產(chǎn)生混淆，比如大寫的“I”和小寫的“l(fā)”、當“r”和“n”連在一起時可能產(chǎn)生“m”的錯覺。所以，在選擇字體時，也應該注意“字母的可辨性”。

六、別都用大寫字母

這點也多存在于英文中，也還是涉及到了“可讀性”的問題，雖然所有字母都采用大寫確實挺好看的，但“可讀性”卻較小寫字母降低了不少。

如下圖：

所以，除了大標題外，盡量不要所有文字都采用大寫字母，如果是正文中的小標題可以使用首字母大寫便可。

思睿鴻途-北京網(wǎng)站建設|北京做網(wǎng)站|北京建網(wǎng)站|專業(yè)網(wǎng)站建設|H5網(wǎng)站開發(fā)|微信公眾號開發(fā)我們值得信賴.  http://www.www.idbear.com