人们通常认为设计是在工业革命期间出现的，但你知道吗，当史前人类用火光创造艺术和设计时，它就进入了存在的掌心？我们也不知道。

大约 15，000 年前，石头被切割成图案。就像向空中扔石头一样落在水中，留下许多涟漪。同样的涟漪，在某种程度上，让位于现代设计。

从本质上讲，设计的真正目的并没有改变，那就是传达重要的想法和信息。

在本文中，我们将了解视觉层次结构的含义以及您必须了解的视觉层次结构的 6 个原则。

什么是视觉层次结构

嗯，这是设计师使用的日常术语，也是解释您应该如何在设计中安排元素的设计原则之一。它对设计师和开发人员特别有帮助，因为它为每个元素列出了逻辑举止。这使您的设计易于理解。

视觉层次结构之所以重要，是因为它是信息架构的关键，这是您不应该害怕的另一个设计师术语。它通过从最重要到最不重要的组织元素来为用户的注意力设置清晰的路径。

通过良好的视觉层次结构，用户的视线会自动定向到设计中查看元素的顺序。他们不必寻找地图或有关如何使用设计的指南。

视觉层次结构原则

视觉设计的每个元素都有一个特征，该特征定义了其重要性和与之相关的视觉重量。视觉层次结构的一般规则是，具有最多视觉权重的元素吸引最多的用户注意力。让我们看看视觉层次结构的原则是什么。

大小

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

大小无关紧要 情侣在运球的穿梭车

正如有人曾经说过的那样，越大越好，设计中的大元素是最引人注目的，它们传达了最强烈的信息。

颜色和对比度

设计师袖子里最好的技巧是他们在设计元素中使用的调色板。大胆而对比鲜明的颜色可以引起人们的注意并强调一个观点。如果您选择正确的颜色，CTA 按钮、错误消息、提示和弹出窗口会脱颖而出。

正因为如此，双色调已经流行了一段时间并越来越受欢迎。视觉层次的色彩原则可以帮助您在创作中创造节奏和平衡。

但是，如果您最终使用太多，可能会使您的工作显得杂乱无章并导致认知过载。

对准

对齐是设计网页时的基础，因为它可以创建顺序并为您提供有关所有内容应该在哪里的提示。良好的对齐方式可以帮助元素感觉彼此关联，而相似的内容也受益于对齐。

如果我们想象一个来自Microsoft Excel的数据表并删除边框，由于数据中存在的对齐方式，我们的大脑仍然可以关联列和行。

接近

对齐是超级的，但接近是超级骗人的。尽管它们看起来很相似，但根据邻近原则，如果您将元素彼此靠近放置，它会迫使读者认为它们是相关的。

在这样做的过程中，许多天才设计师利用了一个好的标题的力量，并附加了其他文本。这导致对后面附加元素的关注增加。

空白

空间更大的房间感觉更好，对吧？这就是空白对设计中的视觉层次结构的作用。元素周围有更多的呼吸空间或更多的空间会让它脱颖而出，从而对元素产生更大的吸引力。这可能就是为什么人们经常说在您的 CTA 周围使用良好的空白。

纹理和风格

纹理和样式与其他视觉层次结构原则不同，因为它们侧重于设计的装饰属性。无论纹理通常与美学相关联，它们都会影响设计的视觉层次结构。他们可以成就或破坏它。

如果以正确的方式添加纹理，则可以将用户的注意力吸引到放置该纹理的位置。

ui设计公司

人机交互设计公司,上海UI设计公司,用户体验设计咨询公司,UI界面设计公司,深圳UED设计公司,UI设计公司