创建层次结构依靠的核心就是制造对比。一个元素和另外一个元素构成对比，让用户看到不同内容和元素之间的差异。通过视觉上的差异(大小、颜色、样式)营造出对比度，但是在对比的时候还要确保整体上的均衡，尽量不要因为对比而让某些元素被用户忽略掉。

　　留白

　　用户界面当中会有许多元素和组件，想要它们被用户注意到，那么设计师需要让这些元素周围有足够的留白。留白同时也常常被称为负空间，元素和元素之间的空白区域就是留白。许多设计师常常会忽略留白，但是留白应该被视作为构造设计的重要组成部分。正是因为留白和元素本身之间的构成的疏密对比，才让用户注意到留白包围下的内容。

　　靠近

　　正如同我之前所说的，视觉层次的建立很大程度上是基于格式塔原理，所以设计师对于UI元素之间的靠近度会非常注意。人们倾向于将视觉上比较靠近的元素视为一组，而设计师也正是基于这种认知，将不同的元素分为不同的组。让相关的相似的元素更靠近一点，让不同和无关的元素隔得远一些，不同的靠近度让元素称为了不同的类别和分组。

　　重复

　　同样的，即使是在不同的地方出现，用户还会很轻松地注意到相同的元素。这就是重复的元素发挥作用的工作原理。不断重复的元素、样式、色彩、文本会被用户注意到，它们会被识别为一种固定的模式，或者说规律，这样也就构成了统一的推则。比如，设计师会在文章中引用重要的句子，这些句子会用单独的样式和色彩高亮突出，当你下一次在另一篇文章当中看到类似的色彩和文本，会迅速明白你看到的是一句引用。

　　视觉层次是搭建有效信息架构的基础。当用户界面的元素需要结构化和组织化的时候，视觉层次的构建能够有效地帮你达成这个目标。清晰的视觉层级是整个导航体系中不可分割的一部分，它们让用户更快了解产品的特征。