編者(zhe)按：互(hu)聯網上 95% 的(de)信(xin)息(xi)都(dou)(dou)是以“文字”的(de)形式存在(zai)，而如何使(shi)單調的(de)文字生動(dong)化，讓用戶擁有輕(qing)松、愉悅的(de)閱(yue)讀體驗是每(mei)個設計師(shi)、站長們都(dou)(dou)得考慮(lv)的(de)問題。下面將從(cong)字體的(de)選擇、配色方(fang)(fang)案、排版布局等方(fang)(fang)面來說說“網站字體的(de) 10 個使(shi)用準(zhun)則”。

系(xi)列文(wen)章中的前兩(liang)篇：

《》

《》

本文將從(cong)剩下的 4 個方面(mian)闡述“網(wang)站字(zi)體的使用準則(ze)”：文本間距、顏色(se)食用禁(jin)忌……

七、文本的間(jian)距

據研究表明，恰當的(de)“行(xing)間距”可以(yi)提高用戶(hu)對(dui)文本(ben)內(nei)容的(de)理解度，過寬(kuan)、過窄都會對(dui)用戶(hu)閱讀體驗產生負面影響。

如下圖：

據(ju) Usaura 的(de)創始人 Dmitry Fadeyev 所說(shuo)的(de)：在文章(zhang)中適當留白(bai)，能(neng)夠提升(sheng) 20% 左右的(de)文章(zhang)可讀性。

如下圖：

八、文本顏(yan)色的“對比度(du)”

據(ju) W2C 給(gei)出的(de)建議：小(xiao)字(zi)體的(de)顏(yan)色(se)與背景色(se)的(de)對(dui)比度(du)至少應(ying)該為 4.5 ： 1 ；而大字(zi)體（14pt、18pt +）的(de)應(ying)達(da)到(dao) 3 ： 1.

通過一張對比(bi)圖感受下(xia)“對比(bi)度(du)”在文(wen)本閱讀中(zhong)的重(zhong)要性：

注意：確定字體顏色之后，較好(hao)在(zai)各種設備(bei)上進行測(ce)試(shi)，如果(guo)能讓用戶參與(yu)評測(ce)自然是較好(hao)了，然后根據評測(ce)結果(guo)進行統一校正、修改。

九、避免使用紅(hong)、綠兩色文(wen)本

 這(zhe)點主要(yao)是針對色(se)(se)盲人士，據(ju)調查顯示(shi)男性中(zhong)色(se)(se)盲率達(da)到了(le) 8%，而“紅色(se)(se)”和“綠色(se)(se)”是色(se)(se)盲中(zhong)最常見的(de)。所以，在給字(zi)體配色(se)(se)時，盡量避免單獨使用這(zhe)兩(liang)種顏(yan)色(se)(se)中(zhong)的(de)任意(yi)一種。

如下圖：

 

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

“文字閃(shan)爍”絕對是一個負面的存在，雖然吸(xi)睛(jing)，但(dan)容易(yi)引起用戶(hu)的抵觸情緒，讓用戶(hu)產生分(fen)心、厭(yan)惡(e)的心理(li)。

如下(xia)圖（gif 圖片）：以(yi)上為“網站字(zi)體 10 個使用準則”系列(lie)文章中剩下的(de)所有內容。總而(er)言(yan)之，文字(zi)的(de)選擇、配(pei)色是(shi)網頁設計(ji)中的(de)重中之重，恰到(dao)好(hao)處的(de)排(pai)版不僅能提高站點的(de)用戶滿意(yi)度，還可以(yi)帶來減少跳出率、提高回訪率等“效益”。