编辑导语：UI设计师在处理界面上的信息层级时，有很多小细节需要注意，比如界面上的排序、以及功能的使用性等等；本文作者分享了关于UI界面中一些常见的层级区分的设计技巧，我们一起来了解一下。

Hello，马上放假啦！先给大家拜个早年，新年快乐鸭～

今天给大家带来的主题是关于UI界面信息层级的处理小技巧；大家都知道，UI设计师最重要的工作之一就是将界面上的信息清晰有序的呈现给用户，使产品界面不仅有用，并且美观易用。

当界面具有优秀的信息层级时，用户获取信息的速度会更快，用户体验更好；而当界面毫无层级关系或层次弱时，不仅界面视觉相对平淡，甚至会使用户困惑信息之间的关系从而造成认知负担。

01 优秀的信息层级

那我们怎么去理解所谓「优秀的信息层级」呢？我们先来看下这 2 张图感受一下：

像左图，我们可以一眼区分出重点信息/次级信息以及不同的信息模块之前的关系，整体页面更有节奏感；而右图则因为模块之间划分不清晰、信息之间对比不够，使所有的信息都混为一体，页面看起来有点凌乱，信息获取成本高。

因此，我们可以总结出「优秀的信息层级」主要有这 2 个特点：

• 重点信息与次级信息对比适中；
• 信息与模块的层级关系清晰；

想要做到以上 2 点，从设计技巧上来说也是有套路的。下面我们来看看有哪些技巧吧~

02 创建优秀信息层级的设计技巧

大家在工作中可能都听过类似的声音：“感觉信息不是很突出” “感觉看起来字好多”。很多时候都是因为页面的信息层级没有拉开，也就是说重点信息和次级信息对比不够。

当对比度不够的时候，信息重要程度都是相似的，我们会把信息看成一团，没有重点。

对设计师而言，我们可以通过一些设计手法将页面中的信息进行优化调整，可以从以下几个维度着手：