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

系列文章中的前兩篇：

《網(wǎng)站字體的 10 個使用準(zhǔn)則（一）：行文本長度、字體種類等》

《網(wǎng)站字體的 10 個使用準(zhǔn)則（二）：字體的可讀性、兼容性等》

本文將從剩下的 4 個方面闡述“網(wǎng)站字體的使用準(zhǔn)則”：文本間距、顏色食用禁忌……

七、文本的間距

據(jù)研究表明，恰當(dāng)?shù)?ldquo;行間距”可以提高用戶對文本內(nèi)容的理解度，過寬、過窄都會對用戶閱讀體驗產(chǎn)生負(fù)面影響。

如下圖：

據(jù) Usaura 的創(chuàng)始人 Dmitry Fadeyev 所說的：在文章中適當(dāng)留白，能夠提升 20% 左右的文章可讀性。

如下圖：

八、文本顏色的“對比度”

據(jù) W2C 給出的建議：小字體的顏色與背景色的對比度至少應(yīng)該為 4.5 ： 1 ；而大字體（14pt、18pt +）的應(yīng)達(dá)到 3 ： 1.

通過一張對比圖感受下“對比度”在文本閱讀中的重要性：

注意：確定字體顏色之后，較好在各種設(shè)備上進(jìn)行測試，如果能讓用戶參與評測自然是較好了，然后根據(jù)評測結(jié)果進(jìn)行統(tǒng)一校正、修改。

九、避免使用紅、綠兩色文本

這點主要是針對色盲人士，據(jù)調(diào)查顯示男性中色盲率達(dá)到了 8%，而“紅色”和“綠色”是色盲中最常見的。所以，在給字體配色時，盡量避免單獨使用這兩種顏色中的任意一種。

如下圖：

 

十、避免使用文字閃爍效果

“文字閃爍”絕對是一個負(fù)面的存在，雖然吸睛，但容易引起用戶的抵觸情緒，讓用戶產(chǎn)生分心、厭惡的心理。

如下圖（gif 圖片）：以上為“網(wǎng)站字體 10 個使用準(zhǔn)則”系列文章中剩下的所有內(nèi)容。總而言之，文字的選擇、配色是網(wǎng)頁設(shè)計中的重中之重，恰到好處的排版不僅能提高站點的用戶滿意度，還可以帶來減少跳出率、提高回訪率等“效益”。