网页中的平衡、对比、连贯和留白
- 2022-01-30
- 来源/作者： 不详 / 佚名
- 5 次浏览
一、平衡
如果你的页面是平衡的，当用户浏览这个页面的时候就会感觉它们是一个整体，看得时候目光的跳转也会很自然。同时，构成页面的元素仍然是彼此独立（注意不是孤立）的，你不需要用线用颜色将它们直接地串接起来，这是为什么呢？因为它们彼此之间是平衡的。这就好比跷跷板，即便你看不到连接两端的人的木板，你也能感觉到他们是一个整体，因为“平衡”！
1、对称平衡 对称是最常见、最自然的平衡手段，这种方式通常用来设计比较正式的页面，不过也还需要和下面介绍的多种方式结合起来使用。比如图 1所示的网站，如果你在页面正中间划一条垂直向下的直线，你会发现页面的两边的布局是基本对称。
图 1
2、非对称平衡
非对称其实并不是真正的“不对称”，而是一种层次更高的“对称”，如果把握不好页面就会显得乱，因此使用起来要慎重，更不可用的过滥。比如这个网站http://www.graphic.com.cn（图 2）就打破了常见的对称。但是如果仔细看的话还是能够感到某种“对称”的影子。
图 2
页面中的元素以某一个点为中心展开就可以构成辐射平衡。比如图3就是典型的例子，页面的正中是一个大大的LOGO，外侧环绕着多个链接 。
图 3
4、实战平衡
下面我们通过一个LOGO设计实例来看一看平衡的多种变化。图 4是LOGO的初稿。
图 4
如何知道它是不是“平衡”的呢？我们可以用色块来代替LOGO中的元素，如果我们用三个黑色矩形代替这个LOGO中的三个单词，就可以得到图 5。可见这个LOGO是“平衡”的，基本合格。
图 5
但是这个LOGO的结构显得比较简单，也比较呆板，我们可以加一个底边将对称打破，这样整个画面就有了一分动感，同时Asteroid和Studio之间也建立了某种联系，形成一个整体，如图 6。
图 6
通过图 7我们可以看出这个设计仍然是“基本对称”的，有些保守。
图 7
我们不妨再进一步打破对称，如图 8。注意打破对称不是打破平衡，而是用非对称平衡代替对称平衡。
图 8
