超强干货！如何更加科学地提高文本可读性？

　　饿了么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，鉴于目前绝大部分屏幕分辨率已远超这个数值，请大家借助矢量软件对比，或在软件设置后借助打印尺寸预览功能对比。单位这块不同平台有不同的处理方式，其共同的特点就是要保证文本的物理尺寸，这里就不展开说了)。

　　笔者根据规范简要的画了张图：

　　△ 大号字体对应的是在手机上查看时的大致尺寸，对比度值是在纯白背景上的测试结果。

本站资源均来自互联网或会员发布，如果不小心侵犯了您的权益请与我们联系。我们将立即删除！谢谢！