在网页设计中发展平衡

你的设计应该是邀请，让你的用户坐下来，放松，挂出，也许环顾一下，达到这个目的的最好方法是通过视觉平衡。视觉平衡基本上只是平衡彼此的设计元素 - 就好像您的设计元素坐在跷跷板上一样。

在为网页设计时，最不想做的事情是让用户感到烦躁或不舒服，就像他们正盯着一个装满脏盘子的水槽一样。如果您的网站设计在视觉上不平衡，您的网站会感觉更混乱，并且会让用户感到不舒服。你的设计应该是邀请，让你的用户坐下来，放松，挂出，也许环顾一下，达到这个目的的最好方法是通过视觉平衡。视觉平衡基本上只是平衡彼此的设计元素 - 就好像您的设计元素坐在跷跷板上一样。

我们通常会考虑通过重量来衡量一个规模上的两个或更多的项目。物理重量和设计重量是非常相似的，一个物理对象可以是非常小的，而不管质量很重，就像一个视觉设计元素可以很小，但仍然需要眼睛注意。物理对象的重力与设计元素的视觉兴趣相同，每个元素将其他设计元素推到同一个对象的重力推动和拉动其他物理对象。

在处理设计元素的视觉兴趣时，有几个不同的因素起作用。如何平衡两个或多个元素相互之间的关系，以及如何表达元素的视觉属性 - 平衡的类型和平衡的属性。

平衡类型

有许多不同的平衡类型 - 设计元素在构图中彼此交互的方式。您可以使用这些不同的方法来安排和组织您的元素的“引力”拉，创造一个平衡的感觉，让您的用户感觉舒适。基本上有五种方法可以达到平衡

• 水平平衡

• 垂直平衡

• 径向平衡

• 对称平衡

• 不对称的平衡

水平和垂直平衡

管理视觉兴趣的一个好方法就是将它们平衡在水平或垂直的中心轴上。水平平衡是你平衡彼此左右的元素的地方 - 字面上就像一个跷跷板。垂直平衡是您对中心轴上下的元素进行称重的地方。

径向平衡

除了在中心轴上平衡构成要素之外，还可以平衡中心点之外的元素- 径向平衡。基本上，您可以将元素放置在中心轴周围，或者甚至可以让元素感觉像是从中心轴点（如朝阳）出来。

对称和不对称平衡

通常与水平，垂直和径向平衡组合的另一种平衡是对称和不对称平衡。对称平衡是指构图的两面是彼此的镜像 - 或将一张纸折叠成一半。对称是一个非常正式的平衡，它在眼睛上更加舒缓和舒适，因此被广泛用于建筑设计或网格布局。随着响应式网页设计变得越来越流行，它也越来越受欢迎，因为它更容易以更大或更小的尺寸进行再现。

不对称可能是最常见的平衡形式。本质上，它与对称平衡相反，在这种平衡中，元素彼此平衡，但彼此之间并不完全一致。不对称性比对称性更有趣，因为对称性往往缺乏视觉层次结构，因为不对称布局往往具有高度的视觉层次。然而，不对称并不意味着组成中没有平衡，而仅仅意味着元素不是彼此的碳拷贝。

平衡的属性

任何构图中的每个对象都有自己的属性以及与其他对象相关的属性。平衡的主要特性是：尺寸，颜色，形状，价值和位置。这些属性中的每一个都可以单独使用来创建一个对称的平衡，但是为了在不对称的构图中创造平衡，需要每个构件的组合 - 一个变化会影响另一个。

尺寸

一个大的空物体具有较轻的视觉重量，所以它可以与一个较小的填充或更密集的物体平衡。例如，具有内容区域和边栏的博客具有两个不同尺寸的对象，内容区域通常比边栏大。你可以通过在内容区域添加更多的空白区域来填补这两者的空白，并用更直观的方式填充侧栏。如果你想在你的设计中实现对称平衡，那么无论视觉重量如何，你都需要确保元素的大小相同。

颜色

构图中物体的颜色可以使物体变得更轻或更重。大胆的颜色和深色的颜色在视觉上要比柔和的浅色更重 - 红色视觉上比黄色更重，因为它要求你的眼睛注意。如果您试图平衡一个更大胆，更深的彩色元素与另一个或多个更亮的彩色元素，您可以与其他属性的平衡 - 或改变周围的元素的背景颜色。

形状

组成中元素的形状可以彻底改变组成的平衡。一个真正的波浪状或锯齿状的形状在视觉上更有趣，因此比具有非常干净的直线的形状更重。而是将复杂的形状与另一种复杂的形状相平衡 - 造成混乱 - 用干净而更大胆的形状来平衡复杂的物体。

值

对比度可能是成分平衡的一个重要因素。物体的对比度越高，物体越重，物体的对比度越低，视觉上越轻。有几种方法可以解决高对比度和低对比度物体之间的平衡问题; 一个很好的方法是用对比的背景颜色或纹理来抵消低对比度元素。您还可以添加简单的边框，渐变和阴影以降低对比度元素。

位置

这是一个很重要的因素，也是你可以使用最多的财产来平衡形状，颜色，价值和尺寸不同的其他元素。正如我们前面所谈到的，一个大的物体比一个小的物体重，但是这些物体越靠近或者越往中心轴，它们越重或越轻。靠近中心线的物体比远处的物体重得多，因此如果靠近中心轴的是一个大的红色物体，则可以将其从中心线移开，或将其他物体靠近中心线。