加入收藏 | 设为首页 | 会员中心 | 我要投稿 厦门网 (https://www.xiamenwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

超强干货!怎样越发科学地进步文本可读性?

发布时间:2017-09-07 05:53:24 所属栏目:建站 来源:饿了么UED
导读:副问题#e# 饿了么UED-伞哥:在一般的UI计划事变中,文本作为最重要的信息载体之一,其可否被用户清楚辨认显得尤为重要。新手计划师在选择字体颜色时每每找不到依据、不足自信。本文旨在说明今朝在这方面较量科学的做法,剖其缘由,但愿可以或许抛砖引玉,给各人
副问题[/!--empirenews.page--]

饿了么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,鉴于今朝绝大部门屏幕判别率已远超这个数值,请各人借助矢量软件比拟,或在软件配置后借助打印尺寸预览成果比拟。单元这块差异平台有差异的处理赏罚方法,其配合的特点就是要担保文本的物理尺寸,这里就不睁开说了)。

笔者按照类型扼要的画了张图:

超强干货!奈何加倍科学地前进文本可读性?

△  大号字体对应的是在手机上查察时的大抵尺寸,比拟度值是在纯白配景上的测试功效。

(编辑:厦门网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读