第七波！快速提升 UI 设计效果的 6 个小技巧

编者按：在进行 UI 规划的时分，许多小技巧可以适可而止地提高界面的规划视觉作用、用户体会。这篇来自Mark Andrew 的文章梳理了 6 个有用性很强的 UI 作用提高小技巧，是系列文章的七篇，原文最早发布于 marcandrew.me 。

在创立有用、可访问性杰出且视觉作用颇为出彩的 UI 界面的时分，我们大多只需要进行有极限的微调，即可达到颇为不错的作用。在之前，我现已编撰了许多有用的 UI & UX 优化小贴士（看完文章在文末获取），这篇文章持续增加 6 条有用的建议，一同来看看吧！

1、以成果和方针为导历来编撰案牍

编撰案牍的时分，一直以导向成果和方针的方法来编撰，在结构上，尽量以指向方针的要害词置于案牍靠前的部位，这种方法可以协助用户尽量明晰快速地了解要做什么，削减产生过错的可能性。

2、保证投影的光源方向是一致的

尽管投影在 UI 界面傍边是相对不那么明显的元素，可是当投影作用不一致的时分，也简单让人感到利诱。在投影的规划上，经常出现的过错之一便是不同元素的投影视点、方向、距离不一样，尽量让投影的方向视点是一致的，保证全体体会和视觉逻辑的一致。

3、多用明晰的留白来实现视觉层次结构

明晰的留白是出现视觉和排版层级的要害，将文本依照信息层级的重要程度进行排布之后，根据相关度进行分组，这个时分，留白就显得非常重要了。组内的文本保持接近，而不同的组之间的的留白要足够多，保证呼吸感，可是不能距离太远，否则不简单快速环视阅览。

4、为阶段选择合理的宽度

在处理阅览的可读性的时分，有许多讲究，不仅行高和距离要平衡，也要控制阶段的宽度来贴合用户的阅览习气和节奏。

一般在西文为主的排版中，以为每行 45 到 75 个字符是一个特别合适阅览的宽度，这种限制让每行不会太长，足以出现，可是也不会在扫读过程中迷失。

5、在空状况页面中给用户提示操作

空状况是许多 UI 界面和流程的根底组成部分，乃至许多时分便是初始状况。空状况是告知用户新功能、协助用户发现新功能的一个重要的渠道。不要让用户在空状况下真的「空转」，而是引导用户去做有意义的事情。

6、根据文本的x高度来设置行高

在西文傍边，小写字母x的高度被称为「x高度」，x高度决定了一般文本的视觉高度，基于文本的x高度来核算行高和行距离是最合理的根底。x高度越大的字体，行高需要恰当调整得越高。在中文傍边一般不存在这样的情况，不过中文傍边，行的宽度会影响到行高，一般每行字数越多，行高需要相应的更高一些，保证可读性。