超強干貨！如何更加科學地提高文本可讀性？

餓了么UED-傘哥：在日常的UI設(shè)計工作中，文本作為最重要的信息載體之一，其能否被用戶清晰識別顯得尤為重要。新手設(shè)計師在選擇字體顏色時往往找不到依據(jù)、不夠自信。本文旨在分析目前在這方面比較科學的做法，剖其緣由，希望能夠拋磚引玉，給大家?guī)硇碌乃悸放c思考。

早在 1862 年荷蘭眼科醫(yī)生斯奈倫 (Hermann Snellen) 為了定義視力尺度發(fā)明了視力表，經(jīng)不停優(yōu)化現(xiàn)已成為世界尺度，我們常見的 E 字形的視力表也是由此演變而來。視力表由從大到小的字母行組成，，每行對應(yīng)一個分數(shù)，受檢者在距離視力表 20 英尺（約 6 米）處，所能看清的最小字母行對應(yīng)的數(shù)值即為視力值。視力水平 = 測試距離 / 字母大小。

據(jù)世界衛(wèi)生組織 2014 年統(tǒng)計數(shù)據(jù)：

世界范圍內(nèi)視力受損的人數(shù)約為 2.85 億，其中 3900 萬人患有盲癥，2.46 億人患有弱視。

全世界大約 90％ 的視力受損者生活在低收入國家。

82% 的盲癥病人年齡在 50 歲及 50 歲以上。

在全球范圍內(nèi)，未經(jīng)矯正的屈光不正是中度和重度視力損害的主要原因，在中、低收入國家，白內(nèi)障仍然是致盲的主要原因。

對比 2014 年全球人口數(shù)量 72 億粗略換算一下患有眼疾的人群占比約為 4%，這是個相當高的數(shù)字了。

如今互聯(lián)網(wǎng)產(chǎn)品涉及面廣，用戶群體龐大且多樣化；顯示設(shè)備種類繁多，色彩差異較大，同時移動設(shè)備比臺式機、條記本電腦更有可能在包孕戶外的各種環(huán)境中使用，戶外使用的情況下不免會遭到太陽或其他光源的眩光干擾。在這種配景下，低視力用戶在閱讀時會遇到極大挑戰(zhàn)。鑒于此，產(chǎn)品設(shè)計中應(yīng)充分考慮各種使用場景及視障人群的使用體驗。

我們知道，內(nèi)容對比度過于激烈和過弱都是倒霉于閱讀的，萬維網(wǎng)聯(lián)盟針對這個問題通過大量研究在 WCAG 2.0 (Web Content Accessibility Guidelines 網(wǎng)絡(luò)內(nèi)容可用性規(guī)范) 中制定了相應(yīng)尺度，目前包孕 Google、Apple 在內(nèi)的很多大型互聯(lián)網(wǎng)公司都已遵守這個規(guī)范。

WCAG 針對字體大小及對比度規(guī)定了兩個級別：

大號文本：字號大于 14 磅且加粗，或字號大于 18 磅。

常規(guī)文本：字號小于 18 磅，或字號小于 14 磅且加粗。

用于識另外圖形如 Icon 等至少需滿足 Level AA 。

注：磅（pt）為長度單位，1pt=1/72inch。分辨率為 72px/inch 圖像上的文字 100% 顯示時 1pt=1px=1dp (條件：顯示器的dpi=72，鑒于目前絕大部分屏幕分辨率已遠超這個數(shù)值，請大家借助矢量軟件對比，或在軟件設(shè)置后借助打印尺寸預(yù)覽功能對比。單位這塊差別平臺有差別的處理方式，其共同的特點就是要保證文本的物理尺寸，這里就不展開說了)。

筆者按照規(guī)范簡要的畫了張圖：

△  大號字體對應(yīng)的是在手機上查看時的大致尺寸，對比度值是在純白配景上的測試結(jié)果。

標簽：九江 東營 烏魯木齊 林芝 鹽城