POST TIME:2018-12-03 17:21
編者按:互聯網上 95% 的信息都是以“文字”的形式存在,而如何使單調的文字生動化,讓用戶擁有輕松、愉悅的閱讀體驗是每個設計師、站長們都得考慮的問題。下面將從字體的選擇、配色方案、排版布局等方面來說說“網站字體的 10 個使用準則”。
系列文章中的前兩篇:
《網站字體的 10 個使用準則(一):行文本長度、字體種類等》
《網站字體的 10 個使用準則(二):字體的可讀性、兼容性等》
本文將從剩下的 4 個方面闡述“網站字體的使用準則”:文本間距、顏色食用禁忌……
七、文本的間距
據研究表白,恰當的“行間距”可以提高用戶對文本內容的理解度,過寬、過窄都會對用戶閱讀體驗產生負面影響。
如下圖:
據 Usaura 的創始人 Dmitry Fadeyev 所說的:在文章中適當留白,能夠提升 20% 擺布的文章可讀性。
如下圖:
八、文本顏色的“對比度”
據 W2C 給出的建議:小字體的顏色與配景色的對比度至少應該為 4.5 : 1 ;而大字體(14pt、18pt +)的應達到 3 : 1.
通過一張對比圖感受下“對比度”在文本閱讀中的重要性:
注意:確定字體顏色之后,,最好在各種設備上進行測試,如果能讓用戶參與評測自然是最好了,然后按照評測結果進行統一校正、修改。
九、制止使用紅、綠兩色文本
這點主要是針對色盲人士,據調查顯示男性中色盲率達到了 8%,而“紅色”和“綠色”是色盲中最常見的。所以,在給字體配色時,盡量制止單獨使用這兩種顏色中的任意一種。
如下圖:
十、制止使用文字閃爍效果
“文字閃爍”絕對是一個負面的存在,雖然吸睛,但容易引起用戶的抵觸情緒,讓用戶產生分心、厭惡的心理。
如下圖(gif 圖片):
以上為“網站字體 10 個使用準則”系列文章中剩下的所有內容。總而言之,文字的選擇、配色是網頁設計中的重中之重,恰到好處的排版不但能提高站點的用戶滿意度,還可以帶來減少跳出率、提高回訪率等“效益”。