編者按：互聯(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ù)摹靶虚g距”可以提高用戶對文本內(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è)計中的重中之重，恰到好處的排版不僅能提高站點的用戶滿意度，還可以帶來減少跳出率、提高回訪率等“效益”。

標(biāo)簽： 網(wǎng)站字體 網(wǎng)站設(shè)計優(yōu)化 網(wǎng)站優(yōu)化 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。