平衡是构成中最重要的元素之一。

平衡是创造平衡与和谐的要素的对立。平衡状态对观众来说是直观舒适的。

人体是对称的垂直，我们的视觉接收与此相对应。我们喜欢与垂直轴平衡的物体。我们总是倾向于平衡一种力量与另一种力量。

Illustration: Outcrowd

在设计上下文中，平衡基于元素的视觉重量。视觉重量是观众对图像的关注范围。如果网站是平衡的，访问者下意识地感到舒适。网站平衡被视为其元素的视觉比例排列。

如何使您的网站看起来平衡？

对称平衡

最常见的平衡例子就是使用对称。

在潜意识层面上，对称的视觉能让人愉悦，能让画面看起来和谐有条理。对称的平衡是通过在水平或垂直的中轴两侧均匀放置元素来创造的。也就是说，画面中间假想线的两边实际上是彼此的镜像。有些人认为对称的平衡是无聊和可预测的，但它经受住了时间的考验，到现在仍然是在页面上创造舒适和稳健感觉的最好方法之一。

Illustration: Outcrowd

不对称平衡

两侧重量不相同的元素构成具有不对称平衡。

动态平衡通常会比静态平衡更有设计感，让画面不至于呆板。在缺乏平衡的情况下，我们的目光会条件反射性地开始寻找平衡点，这是一个很好的机会，可以将注意力吸引到页面上可能还没被注意到的部分。页面重点就应该放在这里——抓住用户的注意力，就像产品的生命线一样。

Landing page — Asian Cuisine

比如一般这样去“配重”的元素会是一个按钮或者标题。

重要信息（或者是行动按钮）就是我们需要去配重的价值元素。

不对称的现象越严重，用户就越想找出其中的原因（检查配重）。人们本能地比平时更仔细地研究这样的画面。然而，这里需要注意分寸，过于古怪的构图并不总是能被很好的感知。

径向平衡

Illustration: Outcrowd

平衡中的另一种类型，特点是视觉元素从一个共同的中心点放射出来。径向平衡在设计中不常用。它的优点是，注意力很容易找到并保持一个焦点——恰好就在它的中心，这通常是构图中最引人注目的部分。

马赛克平衡

这是一种平衡中的混乱，就像 Jackson Pollock的画作一样。这样的组成没有突出的焦点，所有的元素都有同样的视觉重量。没有层次，乍一看，画面就像视觉噪音，但所有元素又相互匹配，形成一个连贯的整体。

（彩云注：这是一种比较高阶的设计平衡处理手法，用的好可以让画面非常具有设计感，但把握不好的话，就会非常凌乱。所以，我们平时能看到很多大师的作品看似一些简单图形的使用，但就是好看，轮到自己设计的时候就会发现，越简单的设计似乎越难设计好。）

Illustration: Outcrowd

视觉平衡的秘密

当谈到构图中的重量平衡时，他们经常将其与物理世界中的重量进行比较：重力、杠杆、重量和支点。我们的大脑和眼睛感知平衡的方式非常类似于力学定律。我们很容易把一幅画想象成一个在某一点上平衡的平面，就像一个天平。如果我们在图像的边缘添加一个元素，它就会失去平衡，有必要修复它。元素是否是一组色调、颜色还是点并不重要，目标是找到图像的视觉“重心”，即图像的重心。

不幸的是，没有精确的方法来确定一个物体的视觉质量。一般来说，设计师依赖于他们的直觉。不过，下面这些有用的观察可能会有所帮助:

大小：大的物体总是更重

形状：不规则形状比规则形状的元素轻

颜色：暖色比冷色重

色调：深色物体比浅色物体重

图案：带有图案的元素显得更重

3D：带有纹理贴图的元素显得更重

位置：物体离中心越远，其视觉重量越大

方向：垂直元素比水平元素更重

密度：许多小元素可以抵消一个大元素

内部复杂性：物体内部越复杂，视觉重量更大

填充空间关系：正形空间比负形空间更重

对重量的感知：照片中的哑铃看起来会比一只钢笔更重

总结 

当使用对称时，作品看起来可以更加的专业和有科学性。其中，静态对称的作品显得更加有专业精神和严肃；而动态对称的设计方法则能吸引用户的兴趣，表达出个性和创造力，能让用户集中注意力。

原文地址：medium   作者：Erik Messaki