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

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

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

调色

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

Color Tool 预置了全色相色彩模板,并支持自定义颜色。通过在右侧调色面板可设置主色和辅色,在左侧的预览窗口可直接查看不同布局的显示效果。

可用性测试

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

在可用性标签内会非常详细的显示文本与背景的显示效果,并给出极限值。值得注意的是 Material Design 通过控制字体颜色的不透明度来定义文本或 icon 的颜色层级,目前越来越多的互联网公司已采用这种形式,这么做有很多好处,在这里就不一一列举了,感兴趣的同学可以到 Material Design 查看。

导出工程文件

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

颜色选定后可以一键导出开发可用的工程文件,高效的简直令人发指!目前支持 iOS、Android、Html5。

结语

写这篇文章的过程中笔者检查了国内很多应用,多数不满足这个标准。使用较多的「 369 大法」其实缺乏理论支持。如果单纯为了区分信息层级除了颜色外还有大小、字重、间距等(层级这块儿 @icojump 在 iOS 11 设计理念和 3 个设计方向的文章中有更加详细的解答)。笔者也在思考到底是理论重要还是设计师的感觉重要?不同的人也许有不同的答案。笔者想表达的观点是:在制定颜色规范前要充分考虑目标用户群体特点,比如年龄分布、收入状况、使用场景等,因为这些要素与视力水平及可用性都有着直接关系。在不完全确定的情况下请尊重标准,不要重新发明轮子。毕竟,也许我们眼中的美感往往是「自私」和带有「偏见」的。

(编辑:核心网)

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

热点阅读