網(wǎng)頁(yè)設(shè)計(jì)中的平衡準(zhǔn)則

平衡作為一種自然規(guī)律，發(fā)揮著相當(dāng)重要的作用。如工作與娛樂的平衡、中國(guó)的陰陽(yáng)平衡等。一個(gè)姣好的面容往往是五官比較平衡對(duì)稱。
因此從美學(xué)上講，平衡對(duì)于網(wǎng)頁(yè)設(shè)計(jì)而言，是一個(gè)重要的設(shè)計(jì)準(zhǔn)則。通過掌握平衡，你可以設(shè)計(jì)出視覺上愉悅的網(wǎng)頁(yè)，可以讓你更好地控制網(wǎng)頁(yè)設(shè)計(jì)。

1.什么是設(shè)計(jì)平衡

先不涉及到設(shè)計(jì)，先考慮一下物理學(xué)上的平衡。

如下圖所示，放置一個(gè)杠桿，中間是一個(gè)支點(diǎn)，如果在離支點(diǎn)相同距離的兩邊各放置一個(gè)同樣質(zhì)量的物體，那么這個(gè)杠桿就可以達(dá)到平衡。

我們可以用一個(gè)簡(jiǎn)單的方程式來解釋它：

F1*D1=F2*D2（F表示力的大小，D表示物體和支點(diǎn)的距離）。

當(dāng)方程式兩邊，力大小乘于距離相等時(shí)，那么就達(dá)到了平衡。

看下圖例子，假如支點(diǎn)離開中心，偏向左邊，那么這個(gè)杠桿如何平衡？

根據(jù)方程式我們知道，左邊距離變短，相應(yīng)的，左邊的力應(yīng)該增大才能達(dá)到平衡。

雖然是物理學(xué)的概念，但是相信這并不難理解。設(shè)計(jì)上的平衡也是一樣。網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該有一個(gè)看不見的中心軸（水平或者垂直）。各個(gè)設(shè)計(jì)元素的輕重以及它們距離中心軸的距離，會(huì)決定你的網(wǎng)頁(yè)設(shè)計(jì)是否達(dá)到平衡。

從上面的示例可以知道，有兩種類型的平衡，一種是對(duì)稱平衡，一種是非對(duì)稱平衡。

但是應(yīng)該如何界定設(shè)計(jì)元素的視覺上的輕重呢？

2.設(shè)計(jì)元素的視覺輕重

物理學(xué)的平衡和設(shè)計(jì)的平衡最大的不同之處在于設(shè)計(jì)元素沒有一個(gè)物理重量，但是，設(shè)計(jì)元素卻有一個(gè)視覺重量。

這里列出一些影響設(shè)計(jì)元素視覺重量的東西：

• 大小：顯然尺寸越大，視覺上越重。
• 色彩：一些色彩看上去會(huì)比其他色彩要重一些，比如紅色看上去最重，而黃色看上去最輕。
• 密度：區(qū)域內(nèi)的東西越多，密度越大就顯得越重。
• 亮度：暗的物體看上去總是比亮的物體重。

3.對(duì)稱平衡

對(duì)稱平衡類似于支點(diǎn)放在杠桿的中間，要達(dá)到這種平衡，對(duì)稱軸兩邊的物體的重要就要一樣。

對(duì)稱平衡看上去更加正式、穩(wěn)定。給人以一致、高雅、經(jīng)典的感覺。

比如婚禮請(qǐng)柬，通常字會(huì)居中，這樣會(huì)形成一種對(duì)稱平衡，給人予莊重、高雅的感覺，很貼合婚禮請(qǐng)柬所要傳達(dá)的意思。

《最后的晚餐》是一副平衡用得非常好的經(jīng)典名畫。左邊的視覺重量和右邊的視覺重量幾乎一樣，整個(gè)畫面的中心軸在耶穌那里，這樣就達(dá)成了一個(gè)完美的平衡。

看一下下列的網(wǎng)頁(yè)設(shè)計(jì)例子Tilly Moss，這個(gè)網(wǎng)頁(yè)中，在水平方向和垂直方向上都是平衡的。

4.非對(duì)稱平衡

非對(duì)稱平衡相當(dāng)于支點(diǎn)偏離中心杠桿中心。這樣兩邊距離不一樣，就造成了兩邊物體也要不一樣才能形成平衡，在設(shè)計(jì)上，這種非對(duì)稱平衡往往體現(xiàn)在，一邊是一個(gè)或兩個(gè)視覺較重，占主導(dǎo)地位的設(shè)計(jì)元素，而另一邊則是幾個(gè)視覺上相對(duì)較輕的設(shè)計(jì)元素。

非對(duì)稱平衡的設(shè)計(jì)往往更富于動(dòng)感，因?yàn)橐曈X元素的一些變化，但是正因?yàn)槿绱?，使非?duì)稱平衡的設(shè)計(jì)更難以掌握。

試看下面這個(gè)網(wǎng)頁(yè)設(shè)計(jì)的例子

這是Ernest Hemingway Collection網(wǎng)站的首頁(yè)。網(wǎng)頁(yè)的主要內(nèi)容放在右邊，要使設(shè)計(jì)達(dá)到平衡，左邊放置了幾個(gè)物體，而且左邊整體色調(diào)要更暗一些，這樣也為左邊增加了視覺重量。想象一下，如果將棕黑色咖啡的位置放到頂部或者底部，網(wǎng)頁(yè)設(shè)計(jì)是否能到達(dá)平衡？

5.徑向平衡和馬賽克平衡

一般而言，我們接觸到比較多的是對(duì)稱平衡和非對(duì)稱平衡。但是這里有兩種類型的平衡同樣值得一提：

• 徑向平衡：各個(gè)元素基于中心向內(nèi)或向外輻射。試想一下太陽(yáng)光線向外發(fā)射，徑向平衡創(chuàng)造出一種基于中心點(diǎn)的平衡。
• 馬賽克平衡：許多元素散亂排列創(chuàng)造出的平衡。馬賽克平衡看上去可能比較凌亂，而且很難定義它的中心點(diǎn)。

6.總結(jié)：

平衡作為設(shè)計(jì)準(zhǔn)則之一，在網(wǎng)頁(yè)設(shè)計(jì)上是很重要的。一個(gè)平衡的設(shè)計(jì)會(huì)給瀏覽者傳遞一種統(tǒng)一正確的感覺，而不平衡的設(shè)計(jì)則很容易突出某一具體的設(shè)計(jì)元素，而忽略了整個(gè)設(shè)計(jì)風(fēng)格。

現(xiàn)在開始觀察別人的網(wǎng)頁(yè)設(shè)計(jì)是如何達(dá)到平衡的，哪一些設(shè)計(jì)元素比較輕？哪一些比較重？為什么？

通過這樣的眼力訓(xùn)練，你很快就可以找到平衡的感覺，從而創(chuàng)造出視覺愉悅的網(wǎng)頁(yè)設(shè)計(jì)來。