餓了么UED-傘哥:在日常的UI設(shè)計(jì)工作中,文本作為最重要的信息載體之一,其能否被用戶(hù)清晰識(shí)別顯得尤為重要。新手設(shè)計(jì)師在選擇字體顏色時(shí)往往找不到依據(jù)、不夠自信。本文旨在分析目前在這方面比較科學(xué)的做法,剖其緣由,希望能夠拋磚引玉,給大家?guī)?lái)新的思路與思考。
早在 1862 年荷蘭眼科醫(yī)生斯奈倫 (Hermann Snellen) 為了定義視力標(biāo)準(zhǔn)發(fā)明了視力表,經(jīng)不斷優(yōu)化現(xiàn)已成為世界標(biāo)準(zhǔn),我們常見(jiàn)的 E 字形的視力表也是由此演變而來(lái)。視力表由從大到小的字母行組成,每行對(duì)應(yīng)一個(gè)分?jǐn)?shù),受檢者在距離視力表 20 英尺(約 6 米)處,所能看清的最小字母行對(duì)應(yīng)的數(shù)值即為視力值。視力水平 = 測(cè)試距離 / 字母大小。
據(jù)世界衛(wèi)生組織 2014 年統(tǒng)計(jì)數(shù)據(jù):
世界范圍內(nèi)視力受損的人數(shù)約為 2.85 億,其中 3900 萬(wàn)人患有盲癥,2.46 億人患有弱視。
全世界大約 90% 的視力受損者生活在低收入國(guó)家。
82% 的盲癥病人年齡在 50 歲及 50 歲以上。
在全球范圍內(nèi),未經(jīng)矯正的屈光不正是中度和重度視力損害的主要原因,在中、低收入國(guó)家,白內(nèi)障仍然是致盲的主要原因。
對(duì)比 2014 年全球人口數(shù)量 72 億粗略換算一下患有眼疾的人群占比約為 4%,這是個(gè)相當(dāng)高的數(shù)字了。
如今互聯(lián)網(wǎng)產(chǎn)品涉及面廣,用戶(hù)群體龐大且多樣化;顯示設(shè)備種類(lèi)繁多,色彩差異較大,同時(shí)移動(dòng)設(shè)備比臺(tái)式機(jī)、筆記本電腦更有可能在包括戶(hù)外的各種環(huán)境中使用,戶(hù)外使用的情況下難免會(huì)遭到太陽(yáng)或其他光源的眩光干擾。在這種背景下,低視力用戶(hù)在閱讀時(shí)會(huì)遇到極大挑戰(zhàn)。鑒于此,產(chǎn)品設(shè)計(jì)中應(yīng)充分考慮各種使用場(chǎng)景及視障人群的使用體驗(yàn)。
我們知道,內(nèi)容對(duì)比度過(guò)于激烈和過(guò)弱都是不利于閱讀的,萬(wàn)維網(wǎng)聯(lián)盟針對(duì)這個(gè)問(wèn)題通過(guò)大量研究在 WCAG 2.0 (Web Content Accessibility Guidelines 網(wǎng)絡(luò)內(nèi)容可用性規(guī)范) 中制定了相應(yīng)標(biāo)準(zhǔn),目前包括 Google、Apple 在內(nèi)的很多大型互聯(lián)網(wǎng)公司都已遵守這個(gè)規(guī)范。
WCAG 針對(duì)字體大小及對(duì)比度規(guī)定了兩個(gè)級(jí)別:
大號(hào)文本:字號(hào)大于 14 磅且加粗,或字號(hào)大于 18 磅。
常規(guī)文本:字號(hào)小于 18 磅,或字號(hào)小于 14 磅且加粗。
用于識(shí)別的圖形如 Icon 等至少需滿(mǎn)足 Level AA 。
注:磅(pt)為長(zhǎng)度單位,1pt=1/72inch。分辨率為 72px/inch 圖像上的文字 100% 顯示時(shí) 1pt=1px=1dp (條件:顯示器的dpi=72,鑒于目前絕大部分屏幕分辨率已遠(yuǎn)超這個(gè)數(shù)值,請(qǐng)大家借助矢量軟件對(duì)比,或在軟件設(shè)置后借助打印尺寸預(yù)覽功能對(duì)比。單位這塊不同平臺(tái)有不同的處理方式,其共同的特點(diǎn)就是要保證文本的物理尺寸,這里就不展開(kāi)說(shuō)了)。
筆者根據(jù)規(guī)范簡(jiǎn)要的畫(huà)了張圖:
△ 大號(hào)字體對(duì)應(yīng)的是在手機(jī)上查看時(shí)的大致尺寸,對(duì)比度值是在純白背景上的測(cè)試結(jié)果。