您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 設(shè)計(jì)理論 >> 瀏覽設(shè)計(jì)教程

網(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á)到平衡。

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

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

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

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

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

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

根據(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ì)準(zhǔn)則平衡

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

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

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ì)更難以掌握。

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

試看下面這個(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ì)來。

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di1089.html
10個(gè)網(wǎng)站提高你的創(chuàng)意理念
網(wǎng)頁(yè)設(shè)計(jì)布局指南
圖趣網(wǎng)微信
建議反饋
×