设计师如何才能提高界面层次呢？

很多设计师设计的东西，老被领导说“空洞”、“太平了”、“没创意”、“没层次”？

那么如何才能提高界面层次呢？我们可以从两个方面入手，在设计前我们需要考虑突出内容层次的方法；在设计中需要考虑突出视觉层次的方法。

一、突出内容层次的方法

1. 将相关联的元素进行组合

2. 确认内容优先级，将优先级高的放在前面

3. 确认重要内容，将其差异化设计

二、提高视觉层次的方法

1. 利用线、面、留白将模块进行分割

2. 利用大小、投影、背景图突出视觉层次

3. 利用颜色对比提高视觉感受

4. 利用文字对比提高界面的可阅读性

1.将相关联的元素进行组合

在设计前，产品原型图已经将我们的元素进行了分类组合，但是他们更多的是考虑逻辑、功能上的层次，而如何有一个清晰的内容层次呢？设计师可以利用《格式塔心理学》中的接近性原则将相关联的元素组合在一起，不相关的拉开距离，同时形成一定的规律和节奏，这样会让用户阅读起来更轻松。

2.需要注意的间距问题

界面中的间距需要满足一定的规律和节奏，比如模块之间的间距大于标题到内容的间距；在内容中不相关联的内容间距大于相关联的间距，如下图所示。

3.确认内容优先级，将优先级高的放在前面

那么优先级如何判断呢？大家可以从三个方面去考虑，第一是遵循用户的浏览习惯；第二是用户想看的内容；第三是产品想要用户看的内容，如下图所示。

4.确认重要内容，将其差异化设计

在设计时我们需要知道，优先级高的模块不一定重要程度就高，因此我们还需要确认模块的重要层级，同时利用背景、布局等方式进行差异化设计，用起用户注意，如下图所示。

5.利用颜色对比提高视觉感受

颜色是最容易感知到的对比方式，通过颜色我们可以明确哪些是重要信息，在使用中我们可以通过色相、明暗、饱和度上进行对比，其多用在按钮、重要信息、导航、背景板中。

6.利用文字对比提高界面的可阅读性

在UI设计中我们往往都设定了字体规范，这样不仅能够达到设计统一，同时也有很好的对比性，常用字号为40, 36, 32,28,24, 22(px)，比如优酷的星球页面，通过字体大小，颜色深浅的对比，让用户首先看到重要信息，弱化次要信息。