餓了么UED-傘(san)哥(ge)：在(zai)日常的(de)(de)UI設計工作中，文本作為(wei)最重要的(de)(de)信息(xi)載(zai)體之(zhi)一(yi)，其能(neng)(neng)否(fou)被用(yong)戶清晰識(shi)別顯得尤為(wei)重要。新手(shou)設計師在(zai)選擇字體顏色時往往找不到依據、不夠自(zi)信。本文旨在(zai)分析(xi)目前(qian)在(zai)這(zhe)方面比較(jiao)科學的(de)(de)做法，剖其緣(yuan)由，希望能(neng)(neng)夠拋(pao)磚引玉，給大家帶(dai)來新的(de)(de)思路與思考。
早在 1862 年荷蘭眼科醫生斯奈倫 (Hermann Snellen) 為了定義視力標準發明了視力表，經不斷優化現已成為世界標準，我們常見的 E 字形的視力表也是由此演變而來。視力表由從大到小的字母行組成，每行對應一個分數，受檢者在距離視力表 20 英尺（約 6 米）處，所能看清的最小字母行對應的數值即為視力值。視力水(shui)平 = 測(ce)試距離 / 字母大小。
據(ju)世界衛生組織 2014 年(nian)統計數據(ju)：
世(shi)界范圍內視力受(shou)損的(de)人(ren)數約(yue)為(wei) 2.85 億(yi)，其中 3900 萬人(ren)患有盲癥，2.46 億(yi)人(ren)患有弱視。
全(quan)世界大(da)約 90％ 的視力受損者生活在(zai)低收(shou)入國家。
82% 的盲癥病人年齡在 50 歲(sui)(sui)及 50 歲(sui)(sui)以上(shang)。
在全球范(fan)圍內，未經(jing)矯正的屈光不正是(shi)中度(du)(du)和重度(du)(du)視力損(sun)害(hai)的主(zhu)要原因(yin)，在中、低(di)收(shou)入國家，白(bai)內障仍然是(shi)致盲的主(zhu)要原因(yin)。
對比 2014 年全球人(ren)口(kou)數(shu)量 72 億粗略換算一下患有眼疾的(de)人(ren)群占比約為 4%，這是個相當高(gao)的(de)數(shu)字了。
如今互(hu)聯網產(chan)品涉及面(mian)廣，用(yong)戶(hu)群(qun)(qun)體龐大且多樣化(hua)；顯示設(she)備種(zhong)(zhong)類繁(fan)多，色(se)彩差異較大，同時(shi)移動(dong)設(she)備比臺式機、筆記本(ben)電(dian)腦更(geng)有可能在包(bao)括戶(hu)外的(de)各種(zhong)(zhong)環境中使用(yong)，戶(hu)外使用(yong)的(de)情況下難免會遭到(dao)(dao)太陽或(huo)其他光(guang)源的(de)眩(xuan)光(guang)干擾。在這種(zhong)(zhong)背景(jing)下，低視(shi)力用(yong)戶(hu)在閱讀(du)時(shi)會遇到(dao)(dao)極(ji)大挑戰。鑒于此，產(chan)品設(she)計中應(ying)充分(fen)考(kao)慮各種(zhong)(zhong)使用(yong)場景(jing)及視(shi)障人(ren)群(qun)(qun)的(de)使用(yong)體驗。
我們(men)知(zhi)道，內容對比度過(guo)于(yu)激烈和過(guo)弱都(dou)是不利(li)于(yu)閱讀的(de)，萬維網(wang)(wang)聯盟針對這個問題通過(guo)大(da)(da)量研究在 WCAG 2.0 (Web Content Accessibility Guidelines 網(wang)(wang)絡內容可用性規(gui)范) 中制定了相應標準(zhun)，目前包括 Google、Apple 在內的(de)很多大(da)(da)型互聯網(wang)(wang)公司(si)都(dou)已(yi)遵守這個規(gui)范。
WCAG 針對字體(ti)大(da)小及對比度(du)規定了兩個(ge)級(ji)別：
大(da)(da)號(hao)文本：字號(hao)大(da)(da)于(yu) 14 磅且(qie)加粗，或字號(hao)大(da)(da)于(yu) 18 磅。
常規文(wen)本：字號小于(yu) 18 磅，或(huo)字號小于(yu) 14 磅且(qie)加粗。
用于(yu)識別的圖形如 Icon 等至(zhi)少(shao)需滿(man)足 Level AA 。
注：磅（pt）為長度(du)單位，1pt=1/72inch。分辨(bian)率(lv)為 72px/inch 圖像上的文(wen)字(zi) 100% 顯(xian)(xian)示時 1pt=1px=1dp (條件：顯(xian)(xian)示器的dpi=72，鑒于目前絕大(da)部分屏幕分辨(bian)率(lv)已(yi)遠超這個數值，請大(da)家借助矢(shi)量(liang)軟件對(dui)(dui)比，或在軟件設置后借助打印尺寸預覽功能對(dui)(dui)比。單位這塊不(bu)同平臺有不(bu)同的處(chu)理方式，其(qi)共同的特點就是要(yao)保證文(wen)本的物理尺寸，這里就不(bu)展開(kai)說了)。
筆(bi)者(zhe)根據規范簡要的畫了張圖：
△ 大號字體對應的(de)(de)(de)是在(zai)手機上查看(kan)時(shi)的(de)(de)(de)大致尺(chi)寸，對比度(du)值是在(zai)純白背景上的(de)(de)(de)測試結果。
