网站制作视觉层次结构的15条重要法则

在设计中，在页面上建立焦点很重要。这为访问者带来了一个开始浏览网站并向他们显示重要信息的地方。它带来了指导，并帮助传达了您希望他们下一步做什么（即在哪里进行转换）。

当我们使用视觉层次结构时，我们使访问者更容易找到他们想要的东西。它为转换带来了明确的途径，并有助于突出我们希望访客采取的行动。

下面15条黄金法则，*，这些原则应该可以帮助您实现网站营销和网站建设目标。让我们再谈一些关于它们的信息：

1.联络点

焦点是构图中的一个有兴趣区域，该区域捕获并吸引了观众的注意力。在网页设计中，这通常是重要的号召性用语或形式。

2.运动

人眼会自动吸引到某些兴趣点。尽管这取决于个人，但大多数人倾向于遵循趋势，包括他们怎样浏览网站。

从左到右阅读的文化有两种阅读模式：Z模式和F模式。使您的设计/文本与这些移动方式保持相同，可以帮助您较好地接收内容。要是您的访客沒有按照您希望的方式移动，则遵循这些模式的A/B测试布局可能会非常有用。

3.黄金分割

TutsPlus好地定义了它，他说：“黄金比例是自然界中常见的一种数学比例，在古典设计理论中用于创建平衡的构图。”简而言之，它的布局让人联想起螺旋形。您可以在这里看到花朵和贝壳中的花朵。

4.平衡

在设计方面，平衡是元素对称时。它创造和谐，秩序和凝结力。另一方面，您可能会出现不对称现象，从而导致视觉上有趣的结果返回。

5.重复

重复很棒，代表了相对的重要性。例如，假设您所有的标题或子标题都具有特定的大小和颜色。用户可能会看到一个模式并赋予其含义。文字和号召性用语中的链接還是那样。

6.空白

用Web设计的术语来说，空白是指“图形，列，图像，文本，边距和其他元素之间的空间。”

它是重要的设计工具之一，由于它决定了页面的流动方式，读取方式以及对视觉层次结构的帮助。它可以使您的访客有时间喘口气，并可以帮助某些元素脱颖而出。

7.视觉三角

可视三角形是当您使用三个元素在要强调的内容周围创建“三角形”时。这是剪贴簿中常用的设计技术。在此处了解更多信息。

8.纹理

添加一些纹理以帮助小化负空间。在空的空间中添加纹理可以从战略上吸引访问者的注意力。

9.类型

正确的字体不仅有助于印刷层次结构和组织设计，并且样式选择有助于设计的整体风格，是一种自然的强调方式。例如，将装饰性字体与更简易的sans-serif配对是肯定文本之间视觉差异和重要性的好方法。

10.随机

有时违背模式并随机进行可能会有利于您，但是必须计算随机性。您不能在沒有任何特定原因的情况下就开始在设计上抛出元素。有策略地使用它。打破通常的设计或模板，对吸引特定項目并脱颖而出非常合理。

11.规则

标准尺寸，模板，网格；这些全是在这里指导您的，但是您不必总是遵循这些“规则”。打破它们是创建视觉兴趣和吸引注意力的简易方法之一。

12.对齐

如上所述，使用网格有助于使元素保持相同，这有助于使事物井井有条，也使您的网站更易于研发和适应各种设备。

13.线

从热图我们知道，大多数西方游客遵循从左到右阅读的趋势。不要让访问者的视线到处乱跳，保持直线。

14.对比

对比度可以包含以下元素：颜色，纹理，形状，方向或大小。这是创建视觉重要性并告诉人们在页面上看什么的简易方法之一。考虑使用鲜红色或橙色的号召性用语。

15.三分法则

这是一种简易的技术，您可以将设计分为三行三列。垂直线和水平线相交的点便是焦点。