校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 快速排名 > 常見問題 > 超強干貨!如何更加科學地提高文本可讀性?

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

POST TIME:2018-12-03 17:37

 

餓了么UED-傘哥:在日常的UI設計工作中,文本作為最重要的信息載體之一,其能否被用戶清晰識別顯得尤為重要。新手設計師在選擇字體顏色時往往找不到依據、不夠自信。本文旨在分析目前在這方面比較科學的做法,剖其緣由,希望能夠拋磚引玉,給大家帶來新的思路與思考。

配景

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

據世界衛生組織 2014 年統計數據:

世界范圍內視力受損的人數約為 2.85 億,其中 3900 萬人患有盲癥,2.46 億人患有弱視。

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

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

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

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

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

規范

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

WCAG 針對字體大小及對比度規定了兩個級別:

大號文本:字號大于 14 磅且加粗,或字號大于 18 磅。

常規文本:字號小于 18 磅,或字號小于 14 磅且加粗。

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

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

筆者按照規范簡要的畫了張圖:

△  大號字體對應的是在手機上查看時的大致尺寸,對比度值是在純白配景上的測試結果。

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



收縮
  • 微信客服
  • 微信二維碼
  • 電話咨詢

  • 400-1100-266
主站蜘蛛池模板: 樟树市| 铜鼓县| 聊城市| 盈江县| 托里县| 望都县| 桦川县| 攀枝花市| 志丹县| 汉川市| 卢湾区| 明光市| 禄丰县| 元朗区| 新竹市| 安化县| 六枝特区| 保山市| 金溪县| 尼勒克县| 安庆市| 都兰县| 阿拉善右旗| 镇宁| 北辰区| 鄂州市| 金沙县| 韶山市| 宜昌市| 乌拉特后旗| 仪征市| 岢岚县| 泸水县| 花垣县| 政和县| 吉隆县| 隆化县| 潞西市| 景泰县| 阳朔县| 民丰县|