加入收藏 | 设为首页 | 会员中心 | 我要投稿 云计算网_泰州站长网 (http://www.0523zz.com/)- 视觉智能、AI应用、CDN、行业物联网、智能数字人!
当前位置: 首页 > 运营中心 > 建站资源 > 优化 > 正文

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

发布时间:2017-09-03 21:18:16 所属栏目:优化 来源:饿了么UED
导读:副标题#e# 饿了么UED-伞哥:在日常的UI设计工作中,文本作为最重要的信息载体之一,其能否被用户清晰识别显得尤为重要。新手设计师在选择字体颜色时往往找不到依据、不够自信。本文旨在分析目前在这方面比较科学的做法,剖其缘由,希望能够抛砖引玉,给大家

如何验证

人肉验证

在IxDC的一次分享中,Airbnb的设计负责人@Vivian Wang @Alex Schleifer 在《如何在全球化设计理念和本土化需求中找到平衡》的主题中给出了视力水平与内容对比度的对应关系。本文末尾的附件中提供了斯奈伦标准视力表文件,感兴趣的同学给自己测一下即可得到自己的视力水平。再根据上文我提到的对比度相关知识多设置几组对比度样本,可以多找些同学多获取些数据,根据得到的结果统计出平均值。注意,结论应充分考虑眼疾患者和室外环境的使用场景。

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

工具验证

网络上有很多根据此规范设计的在线检测工具,搜索关键词 Color Contrast Accessibility 可以找到很多,笔者这里测试了几个,推荐给大家。

1. Contrast-A

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

显示结果比较详细,取色和显示都比较直观。注意:此工具依赖Flash!!

2. tanaguru contrast finder

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

除了给出测试结果外还可以给出近似的建议值。

3. Contrast 推荐

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

刚上架没多久的 macOS 应用,目前售价 6.99 刀,特点是轻量高效,可以直接吸取屏幕颜色并给出结果。

4. Material Design Color Tool 力荐

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

Color Tool 是谷歌为设计师和工程师打造的全能配色工具。包含调色、可用性测试、导出工程文件三大功能。

(编辑:云计算网_泰州站长网)

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

热点阅读