我们在谈UI设计的时候经常会涉及到基本布局和信息分层，良好的布局能够使页面更加美观，也可以突出显示更重要的内容。层级不一定需要通过明确的符号来表示，通过颜色、字体的区分也可以达到类似的效果，让用户能够在大量文字当中也能精准的定位到关键内容。

一、颜色

在通过颜色来区分不同层级的时候要记得色调设计的观感要好。一些地方采用高对比度会有比较好的效果，而一些地方则更适合使用统一的色调，或采用灰色的文字来降低该区域的权重。

二、留白

页面的格式之间留有的空间。即使是对信息密度要求最高的APP也都会留一些空白，这是因为界面美观是会影响用户体验的第一要务。在各种元素之间有一个“亲密性原则”，即相关性越高的元素距离越近，相关性越小的距离越远，这样就可以让层次显得更加分明，从而引导用户的视线。

三、图片

在图片方面，如果页面里有足够多的图片资源可以放置，要注意图片之间的色彩搭配不会让人觉得过于混乱，而如果图片资源不够丰富，也应该使用图标来让界面看上去色彩足够明艳。另外一方面，不同的权重内容图片的大小也要有所区分，这也是版式设计的重要环节。

四、文字

在文字方面，大段的文字当中一定要有轻重缓急，通过字体和留白引导用户的视线，但要注意不能使用过度。

总体上来说，UI的布局是有规律可循的，一些排版上的细节虽然不会对其效果优质的影响，但是细节的堆积可以带来用户体验的质变，因此要在布局方面进行精细的优化。

我们拥有国内顶级的设计、技术团队和多年互联网软件开发经验。