【網(wǎng)站設(shè)計(jì)優(yōu)化】網(wǎng)站字體的 10 個(gè)使用準(zhǔn)則（三

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

系列文章中的前兩篇：

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

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

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

七、文本的間距

據(jù)研究表白，恰當(dāng)?shù)摹靶虚g距”可以提高用戶對(duì)文本內(nèi)容的理解度，過(guò)寬、過(guò)窄都會(huì)對(duì)用戶閱讀體驗(yàn)產(chǎn)生負(fù)面影響。

如下圖：

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

如下圖：

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

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

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

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

九、制止使用紅、綠兩色文本

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

如下圖：

十、制止使用文字閃爍效果

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

如下圖（gif 圖片）：

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

標(biāo)簽：鹽城 烏魯木齊 東營(yíng) 林芝 九江