决定UI界面设计中元素层次结构的7大设计要点

在UI界面设计中的层次结构是按照用户处理信息的顺序来决定的。就像在任何其他形式的设计中一样，这个概念是必要的。通过正确规划信息的层次结构，大脑可以对元素进行分组和优先排序，给予一个特定的、有逻辑性的顺序层级，有助于用户理解你想要传达的产品内容。在UI界面设计中的一个常见问题是将各类元素分散在屏幕上，如果没有通过正确的层次结构作为引导，很容易导致产品界面的混乱，今天一起来看一下决定UI界面设计中的元素层次及结构的五大要点。

元素的尺寸
元素的尺寸越大，就越会吸引人们的注意力，人们首先看到更大的物体，其中包括文本和图像，使用尺寸层次背后的想法是为开始视觉之旅提供一个焦点。但是2组不同大小的文字之间的大小差异也不要过大，这反而会影响视觉过渡性。

色彩设定
颜色明亮的色彩比柔和的色调更突出。颜色是一种强大的视觉引导点，正确使用可以有效地分离屏幕中的元素以优先或降低它们的优先级。在UI界面设计中，通常最强烈的颜色是用于可交互的地方，比如按钮设计，因为用户需要采取行动或接收来自系统的反馈。

元素的位置
彼此靠近的元素比远处的元素更能吸引注意力。在创建阅读顺序时，使用距离进行分组是一种非常可行的资源。人类的视觉倾向于对元素进行分类，因此，进行这种聚合基本上有利于用户的脑力劳动。

对齐和整洁

对齐任何与其他元素对齐的元素都会引起注意。这是因为对齐在元素之间创造了秩序，这条规则的任何变化都会引起人类视觉的兴趣，因此会非常突出。

重复样式
重复的样式给人的印象是元素是相关的。这种类型的层次结构包括在界面中重用相同或相似的元素。基于视觉模式，重复也提供了一些优势。如果某件事被重复，那是因为它很重要。

负空间
元素周围的空间越大，产生的注意力就越多。负空间的意思就是显示更多空白区域，给予界面更多呼吸感，不仅可以在同一元素周围找到，还可以在同一元素之间和内部找到。不适合单一的颜色，而是采用背景的颜色来给人以空间的错觉。

更多细节
更多的细节和复杂度比平面更受关注，墙壁的平坦表面将比人行道的表面更突出。这是因为复杂性总是比极简主义更能吸引用户的注意力。细节的使用还融入了其他重要的设计元素，如风格和氛围。

总结，当你的UI设计没有清晰的视觉层次结构时，用户会无规则的进入混乱阅读模式，可能视觉视线流是F型或Z型模式，也可能是其他，但是作为设计师，我们需要强化这些模式或打破她们以找到更多的阅读模式，以此去引导用户的视线流，从而提升产品的用户体验度。