孫 嘉

[摘要] 網(wǎng)頁頁面構(gòu)圖中的重心平衡是影響一個(gè)頁面美觀的一個(gè)關(guān)鍵,如果在一個(gè)頁面上重心沒有平衡,這個(gè)頁面不論內(nèi)容多豐富,圖片運(yùn)用多得當(dāng),都會(huì)讓瀏覽者在瀏覽的時(shí)候產(chǎn)生別扭感,因此一個(gè)頁面的重心是否平衡是網(wǎng)頁設(shè)計(jì)者第一個(gè)要考慮的要素。

[關(guān)鍵詞] 網(wǎng)站 頁面 構(gòu)圖 重心平衡

現(xiàn)在人們的日常生活和工作中對(duì)網(wǎng)絡(luò)的使用程度越來越高,從而促進(jìn)了大量的網(wǎng)站的誕生,而經(jīng)過這幾年網(wǎng)絡(luò)的高速發(fā)展,人們也不再滿足網(wǎng)站頁面那圖形和文字的單純結(jié)合,而追求更高層次的美的享受,而要滿足人們對(duì)美的享受這需要網(wǎng)站的制作者對(duì)頁面的構(gòu)圖色彩搭配使用上花更多的心思,從而做出一個(gè)美觀與實(shí)用兼存的頁面。

頁面的構(gòu)圖是什么呢?這就要先講一下構(gòu)圖的概念,我們經(jīng)常會(huì)聽到構(gòu)圖這個(gè)名詞,攝影講究構(gòu)圖,繪畫作品講究構(gòu)圖,那么到底是構(gòu)圖是個(gè)什么樣的概念?構(gòu)圖是造型藝術(shù)術(shù)語。指作品中藝術(shù)形象的結(jié)構(gòu)配置方法。它是造型藝術(shù)表達(dá)作品思想內(nèi)容并獲得藝術(shù)感染力的重要手段。而我們?cè)诰W(wǎng)頁制作方面,則可以把它理解為根據(jù)網(wǎng)站題材和建設(shè)網(wǎng)站的主題思想,把要表現(xiàn)的形象適當(dāng)?shù)亟M織起來,構(gòu)成一個(gè)協(xié)調(diào)的完整的頁面。

網(wǎng)站中一個(gè)完整的頁面,要使瀏覽者有種視覺上的享受,第一步是要做的整個(gè)頁面的一個(gè)到重心平衡,如果在一個(gè)頁面上重心沒有平衡,這個(gè)頁面不論內(nèi)容多豐富,圖片運(yùn)用多得當(dāng),都會(huì)讓瀏覽者在瀏覽的時(shí)候產(chǎn)生別扭感,而使瀏覽者不愿意在這個(gè)頁面上逗留從而影響了一個(gè)網(wǎng)站的瀏覽量,因此,一個(gè)頁面的重心是否平衡是網(wǎng)頁設(shè)計(jì)者第一個(gè)要考慮的要素。而要明白如何把握一個(gè)頁面的重心平衡的問題,就要了解什么是重心平衡。重心平衡指的就是在頁面中心反映的網(wǎng)頁上各種元素分布的協(xié)調(diào)程度。任何一張圖片,或者一段文字,甚至是一個(gè)色塊,裝飾性的線條都會(huì)在網(wǎng)頁中占據(jù)一定空間位置,我們可以把這張圖片,文字,色塊,裝飾性線條都看作一個(gè)模塊,而當(dāng)一個(gè)模塊插入到一個(gè)空白網(wǎng)頁后就會(huì)明顯改變整個(gè)網(wǎng)頁的重心,就好像在一個(gè)天平上,模塊就雷同與天平的砝碼,在天平的一頭,放置了一個(gè)砝碼,想要天平保持平衡,就需要在天平的另一邊也放置一個(gè)重量相同的砝碼,這里必須要注意的是,而作為一個(gè)模塊來說,它的本身就具有一個(gè)重心位置,而根據(jù)模塊的重心不同,插入網(wǎng)頁后對(duì)重心平衡的改變也不同,這需要設(shè)計(jì)者多次的試驗(yàn)讓頁面的重心達(dá)到一個(gè)和諧平衡的位置。如一個(gè)頁面,在頁面的左邊,插入了一張圖片,這個(gè)頁面的整個(gè)重心都改變了,頁面的重心向有圖片的那邊傾斜,整個(gè)頁面看起來有種重心失調(diào)的感覺,讓人覺得這個(gè)頁面看起來很別扭,有種左右不平衡的感覺,而且要整個(gè)頁面看起來舒服需要把這個(gè)頁面的重心調(diào)整到頁面的中心位置,要把重心調(diào)整到網(wǎng)頁的中心位置,需要在右手邊,即頁面這個(gè)空白處,插入一些元素,這些元素可以是圖片,可以是文字,或者一個(gè)表格等,插入這些元素后,這個(gè)頁面看起來就比較舒服了,重心達(dá)到個(gè)平衡的位置。

雖然重心平衡的原理就是簡(jiǎn)單的讓頁面中的所有元素處于一個(gè)互相平衡的位置上面,但是初學(xué)者在實(shí)際的操作中很容易忽視這個(gè)問題,或者是對(duì)重心平衡這個(gè)問題感到非常的困惑,初學(xué)者面對(duì)著一個(gè)頁面上那么多不同的元素,例如,文字、圖片、表格、按鈕等等東西,感到無從下手,不知道如何把那么多的元素在一個(gè)頁面上安排妥當(dāng),使頁面重心平衡,讓瀏覽者看起來舒服。針對(duì)這個(gè)問題,這里簡(jiǎn)單的分析幾種常用的重心平衡的設(shè)計(jì)實(shí)例:

第一種是衛(wèi)星式類型。這個(gè)類型的最大特點(diǎn)是:中心有重點(diǎn),四周元素圍繞重這個(gè)中心點(diǎn)展開,傳遞穩(wěn)定而牢固的印象。而中心點(diǎn)可以是圖片、文字等等,這里就要注意到一個(gè)問題,中心點(diǎn)的位置問題,它的位置建議是在頁面的三分之一處,在這個(gè)位置對(duì)初學(xué)者來說比較容易把握。值得注意的是根據(jù)中心點(diǎn)的大小,顏色或是文字的舒密程度不同,四周元素的顏色、文字的舒密程度也需要相應(yīng)的有所改變。

第二種是散開式類型。散開式類型網(wǎng)頁版式的特征是不受限制的優(yōu)雅與自由,使瀏覽者對(duì)頁面產(chǎn)生流動(dòng)的印象,常用來表現(xiàn)輕松氛圍。這中類型對(duì)于第一種類型來說,難度比較大一點(diǎn),這種類型講究一種疏,疏說的就是空間上的留白,一個(gè)頁面要向?yàn)g覽者表達(dá)一種輕松,自由的氛圍,那就需要在頁面上大量的留白,然后看似隨意放置的一些元素,這些看似隨意放置的元素,都是經(jīng)過深思熟濾的,這些元素的放置注重各元素之間的承接連貫,假設(shè)頁面在左邊放置了柱體,右邊放置個(gè)不規(guī)則的幾何圖形,使到重心很好的保持保持平衡,而不規(guī)則的幾何圖很好的破除了左邊的柱體的呆板,使整個(gè)頁面更加活潑。

第三種是對(duì)稱類型。從它的名字就可以知道,它的特征是,或上下,或左右對(duì)稱,保持該對(duì)稱的做法是放置圖片或文字時(shí),在畫面中央引出一條虛擬的中軸線,然后以此為軸進(jìn)行上下或左右對(duì)稱的配置。

以上簡(jiǎn)單分析了幾種關(guān)于頁面重心平衡的幾個(gè)實(shí)例,而重心平衡是設(shè)計(jì)一個(gè)優(yōu)美的頁面時(shí)必須考慮的一個(gè)重要因素,如果在制作網(wǎng)頁的時(shí)候,發(fā)現(xiàn)自己的制作的頁面看起來不協(xié)調(diào)的時(shí)候,首先考慮一下自己制作的頁面重心是否平衡。即使在一開始設(shè)計(jì)的時(shí)候,就考慮到重心平衡的問題,但是隨著設(shè)計(jì)的深入,或者一些圖片或顏色的更改和內(nèi)容放置位置的改動(dòng),都會(huì)使頁面的重心發(fā)生改變,這需要設(shè)計(jì)者在頁面設(shè)計(jì)的同時(shí),也要時(shí)刻的注意頁面重心的變化,把握好頁面重心的改變,是設(shè)計(jì)出一個(gè)美觀頁面的第一步。

參考文獻(xiàn):

[1]黃光學(xué),關(guān)南寶,鐘劍.網(wǎng)頁設(shè)計(jì)與制作.北京郵電大學(xué)出版社,2004.

[2]李峰.中國畫構(gòu)圖法則.廣西美術(shù)出版社,2005.