饿了么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,鉴于目前绝大部分屏幕分辨率已远超这个数值,请大家借助矢量软件对比,或在软件设置后借助打印尺寸预览功能对比。单位这块不同平台有不同的处理品牌网站建设方式,其共同的特点就是要保证文本的物理尺寸,这里就不展开说了)。
笔者根据规范简要的画了张图:
△ 大号字体对应的是在手机上查看时的大致尺寸,对比度值是在纯白背景上的测试结果。
南京牧狼文化传媒有限公司简介:
牧狼传媒,牧者之心,狼者之性,以牧之谦卑宽容之心待人,以狼之团结无畏之性做事!
公司注册资金100万,主营众筹全案服务、网站营销全案服务、网站建设、微信小程序开发、电商网店设计、H5页面设计、腾讯社交广告投放以及电商营销推广全案等相关业务,致力于为客户提供更有价值的服务,创造让用户满意的效果!
为百度官方及其大客户、苏宁易购、金山WPS秀堂、美的、创维家电、新东方在线、伊莱克斯、宝丽莱等国内国外知名品牌服务过,服务经验丰富!同时,公司也是南京电子商务协会会员单位、猪八戒网官方认证签约服务商、江苏八戒服务网联盟、南京浦口文化产业联合会会员单位,可以为您提供更好的服务!
主营项目:众筹全案服务、网站营销全案服务、网站建设、微信小程序开发、电商网店设计、H5页面设计、腾讯社交广告投放、竞价托管、网站优化、电商代运营等
合作客户:百度、苏宁易购、饿了么、美的、创维家电、新东方在线、宝丽莱、金山WPS秀堂、伊莱克斯
资质荣誉:百度商业服务市场2017年度最佳图片服务商、南京电子商务协会会员单位、猪八戒网官方认证签约服务商、江苏八戒服务网联盟、南京浦口文化产业联合会会员单位、八戒通TOP服务商、"易拍即合杯"H5创意大赛"三等奖"。