提高用户界面的可读性提示

今天我们就来专门说说这个事儿-——如何提升界面设计的可读性？

如果用户连你页面上的内容都看不清楚，他们还愿意欣赏你的设计么？还会认真了解你的产品么？答案显而易见，用户绝对不会。那么不废话了，正式开始吧~

负空间(或称空白)就是页面中的空白区域。留白会出现的地方，不仅仅是某一元素的周围，也会是某些元素之间甚至是元素内部。留白就像是页面上的一个气口，是空的，纯粹的，可呼吸的。在讲排版时，我们已经提到过了留白的作用，不仅仅是对于页面排版，留白对界面布局中文字和非文字元素之间的连接也很重要。比如，在浏览一张图片很多的页面时，留白的大小和数量可以帮助你确认文字和图片的比例是否合理，关系是否连贯。

这里还是有必要说一下文案本身，界面中出现的文本内容要保证至少以下4个基本功能：

个性化用户界面可以更加准确地把控用户偏好，比如说，让用户去自定义背景颜色和文字大小。自定义功能对增加内容可读性具有重大影响，因为凡事都是因人而异，你很难去了解并照顾到每一个用户，但是用户自己知道自己喜欢什么，所以给他们选择的机会就好了。

分屏显示不同的内容现在已经非常流行了，基本的原理就是采用深色背景和浅色背景两种方案来展示不同的内容。通常使用浅色背景来展示文本居多的页面或者核心数据块，深色则展示图片或少文字的内容，这不仅确保了可读性，还形成了页面对比，一举两得。

前面已经说过了，现在用户的阅读习惯就是浏览内容。因此，为了方便用户可以快速浏览重要信息，切勿使用大篇幅段落。建议使用小段落，比如3到5行字就是一段，这样用户不仅可以浏览，还可以快速过滤掉自己不感兴趣的内容。更重要的是，用户不会错过自己真正需要的内容，因为每个段落都有专门的主题和重点。

使用带有数字或项目符号的列表可以增加内容可读性，原因很简单，列表可以清晰地罗列信息，组织结构，因此很是吸引用户注意力。

使用加粗、斜体、文字颜色等手法来突出显示某些内容，这已经是非常广泛的做法，却始终受用。当你的文本内容中有某一点需要读者特别注意，就可以突出显示。此外，锚文本也要突出显示，告知用户这个内容是可以点击的。常见的做法有加下划线、设置文字颜色或者加粗。

对比可以直接区分文本元素，并帮助读者快速浏览。但要把握好度，对比度太低会导致文本元素混在一起，难以辨认；对比度太高会导致视觉疲劳。要合理地运用对比，前提是要掌握色彩理论知识，其次，在不同的界面上做尝试，不断测试，直到找到最佳方案。

原作者：MarinaYalanska

5PLUS职业设计学院于2015年创于北京，三位联合创始人设计行业经历总计超过40年。坚守以“倾囊式教学”为中心的教学理念，知无不言言无不尽。希望借助自身行业背景及经验，打造国内最优秀的职业设计师培训学院，为设计师提供职业化进阶指导，提高设计师行业价值，为中国设计行业尽一份微薄之力。