網頁頁面構圖中的重心平衡設計

孫 嘉

[摘要] 網頁頁面構圖中的重心平衡是影響一個頁面美觀的一個關鍵,如果在一個頁面上重心沒有平衡,這個頁面不論內容多豐富,圖片運用多得當,都會讓瀏覽者在瀏覽的時候產生別扭感,因此一個頁面的重心是否平衡是網頁設計者第一個要考慮的要素。

[關鍵詞] 網站 頁面 構圖 重心平衡

現在人們的日常生活和工作中對網絡的使用程度越來越高,從而促進了大量的網站的誕生,而經過這幾年網絡的高速發展,人們也不再滿足網站頁面那圖形和文字的單純結合,而追求更高層次的美的享受,而要滿足人們對美的享受這需要網站的制作者對頁面的構圖色彩搭配使用上花更多的心思,從而做出一個美觀與實用兼存的頁面。

頁面的構圖是什么呢?這就要先講一下構圖的概念,我們經常會聽到構圖這個名詞,攝影講究構圖,繪畫作品講究構圖,那么到底是構圖是個什么樣的概念?構圖是造型藝術術語。指作品中藝術形象的結構配置方法。它是造型藝術表達作品思想內容并獲得藝術感染力的重要手段。而我們在網頁制作方面,則可以把它理解為根據網站題材和建設網站的主題思想,把要表現的形象適當地組織起來,構成一個協調的完整的頁面。

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

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

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

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

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

以上簡單分析了幾種關于頁面重心平衡的幾個實例,而重心平衡是設計一個優美的頁面時必須考慮的一個重要因素,如果在制作網頁的時候,發現自己的制作的頁面看起來不協調的時候,首先考慮一下自己制作的頁面重心是否平衡。即使在一開始設計的時候,就考慮到重心平衡的問題,但是隨著設計的深入,或者一些圖片或顏色的更改和內容放置位置的改動,都會使頁面的重心發生改變,這需要設計者在頁面設計的同時,也要時刻的注意頁面重心的變化,把握好頁面重心的改變,是設計出一個美觀頁面的第一步。

參考文獻:

[1]黃光學,關南寶,鐘劍.網頁設計與制作.北京郵電大學出版社,2004.

[2]李峰.中國畫構圖法則.廣西美術出版社,2005.