做好UI界面视觉层级的的6大设计原则

本质上，设计的真正目即传达重要的想法和信息，也就是我们一直所强调的视觉层次和结构的概念，本文将介绍给各位如何做好视觉层级的6大设计原则。

什么是视觉层级？
我们设计师每天都在使用的术语，也是解释如何在设计中安排元素的设计原则之一。它对设计人员和开发人员特别有用，因为它为每个元素制定了合乎逻辑的习惯。这使您的设计易于理解。视觉层次结构之所以重要，是因为它是信息架构的关键，这是您不应该害怕的另一个设计师术语。它通过从最重要到最不重要的元素组织元素，为用户的注意力设置了一条清晰的路径。通过良好的视觉层次结构，用户的眼睛会自动定向到查看设计中元素的顺序。他们不必寻找有关如何使用设计的地图或指南。

视觉层次原则
视觉设计的每个元素都有一个特征，定义了它的重要性和与之相关的视觉重量。视觉层次的一般规则是视觉权重最大的元素吸引了最多的用户注意力。让我们看看做好UI界面视觉层级设计的的6大设计原则。

1、尺寸
人们首先注意到最大的物体，即使我们也这样做。这就是为什么在网页结构中H1最大，H2小于H2，H3，H4最小。根据菲特定律，大型交互更容易消化，因为用户不必从注意力经济中花费大量时间和精力。

2、色彩
设计师最好的技巧是他们在设计元素中使用的调色板。大胆和对比鲜明的颜色引起人们的注意并强调一个观点。如果您选择正确的颜色，CTA 按钮、错误消息、提示和弹出窗口会脱颖而出。然而，如果你最终使用太多，它可能会使你的工作显得杂乱无章，并导致认知超负荷。

3、排版
对齐是网页设计的基础，因为它会创建顺序并提示您应该在哪里。良好的对齐可以帮助元素感觉彼此关联，并且相似的内容也可以从对齐中受益。

4、接近
根据接近原则，如果将元素彼此靠近放置，则可以迫使读者认为它们是相关的。在这样做的过程中，许多设计师利用了一个好的标题，并在上面附加了其他文字。这导致对后面附加元素也收到相对更多的关注。

5、留白
空间更大的房间感觉更好，对吧？这就是留白对设计中的视觉层次结构所做的。更多的呼吸空间或元素周围的更多空间将使其脱颖而出，从而对元素产生更大的吸引力。这可能就是为什么人们经常说在你的 CTA 周围使用好的空白。

6、纹理
纹理设计侧重于设计的装饰性，无论纹理通常与美学相关联，它们都会影响您设计的视觉层次结构。他们可以制造或破坏它。如果以正确的方式添加纹理，则可以有效的将用户的注意力吸引过来。