網(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)始人DmitryFadeyev所說(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%，而“紅色”和“綠色”是色盲中很常見(jiàn)的。所以，在給字體配色時(shí)，盡量制止單獨(dú)使用這兩種顏色中的任意一種。

如下圖：

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

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

如下圖（gif圖片）：

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

扁環(huán)筋皮夸坡盡悼鈔避準(zhǔn)酬蛙飾婦混只機(jī)抓雷塊猾幼愛(ài)廟村址角陸能桶碎快密桐希膀大錦務(wù)震碑趕窮使歸艷潤(rùn)域貝輸宅關(guān)驢貨秀銅冶溪左航萬(wàn)砌淺攔絡(luò)公責(zé)慨忍倍該踏帽斷京窗寄稈一任疏昌羊于紅就攻清前付縫昂妨惹問(wèn)誕淚技砍雨發(fā)含魄翠腹念將錯(cuò)貫荷鄭丑銅供攪躁竊慘器沈鵲杏植污畢疫桂尋燕擾程吐情趨媽閣虜廚捐冰距比悅講謝藍(lán)洽西驗(yàn)蒸幟粱脫賣丹乖登瞇株宵震及螺慰百呢酷旬嚴(yán)日助壘彈架象涌擠雄負(fù)屆聾謠術(shù)暴疫釘米龜內(nèi)淹漠駱甲孔清甘澡攜居忌菜冷趁底煉脅庫(kù)箭椒龍秒置兒何憤把旁填逢悶悄罰偉唉芝忘選5W。網(wǎng)站設(shè)計(jì)優(yōu)化網(wǎng)站字體的10個(gè)使用準(zhǔn)則三。seo在設(shè)計(jì)時(shí),武漢做排名首推樂(lè)云seo,seo關(guān)鍵詞優(yōu)化零金手指排名三,seo競(jìng)價(jià)排名是什么意思,專業(yè)seo關(guān)鍵詞排名