網頁的版式設計對信息傳遞的影響

瀏覽網頁已經是現代社會人們生活中的一個重要組成部分，網頁作為網絡信息傳播的主要載體，其設計中包含的諸多因素也一直被人們進行反復討論。網頁的版面和空間設計作為網頁設計中的一個重要組成部分，起著組織和聯系網站的紐帶作用，它們如同一個網站的骨骼和框架。如何在這個“骨骼”和“框架”中將網頁信息有效地組織起來傳遞給網頁瀏覽者；瀏覽者如何能夠在最短時間內，通過最便捷的方式找到需要的信息等等，這些都要求網頁設計者將網頁的版式和空間設計放在首要考慮的位置。

而目前國內網頁設計的現狀是：為了追求頁面內容的豐富，無論網站屬于何種性質都盡可能將頁面內容做多、做長；首頁被分為若干個相應區域，每兩塊之間再加一條廣告，更有甚者會在頁面的最上端加一個所謂重中之重的綜合區域。一些企業類的網頁還會盡量將該公司所有的產品介紹都羅列到網頁上。這些網站將文字、圖片、動畫等各種信息不加考慮地塞到頁面上，不分主次，不進行規范化、條理化的歸類，更談不上藝術處理，其直接結果是導致信息傳播的效率低下，與設計者的初衷相去甚遠。

一、影響網頁版面和空間設計的生理和心理因素

1、視容量

視覺容量是指在一定時間內，視覺所能容納的信息量。人眼的視覺容量一般用比特作為計算單位，每一秒鐘正常的視覺容量是25比特，約四個信息單位(如文字)。視覺容量的接受程度受到視覺對象的清晰程度，照明對比程度以及人們的文化程度和實際經驗等因素的影響，各人略有不同。一旦視覺接受到的信息超出一定的視覺容量，人們就會產生相應的抵觸反應，引起不快。這就是為什么瀏覽一些超大容量的頁面時，人們容易產生視覺疲倦和心理抵觸的主要原因之一。

在網頁設計過程中應當重視視覺容量的限制。網頁上的內容容量需要多大?文字、圖片等信息應該如何歸類?頁面級別應如何區分等等，在進行網頁設計初始時需要進行認真規劃，才可能將網站信息有效快捷地傳遞給用戶。

2、視覺流程

人們在閱讀中，視覺有一種自然的流動習慣，視覺流程的形成是由人類的視覺特性所決定的。受生理結構限制，人眼只能產生一個焦點，不能同時把視線停留在兩處或更多的地方，所以人們只有依照一定的順序瀏覽觀察。

網頁瀏覽過程是一個動態的視覺流程。一般來說，我們的視覺習慣于從左向右，從上向下看，所以一個空白的網頁給我們帶來的自然視覺流程是從左上方到右下方的一個弧形曲線。在這個弧形曲線上，視覺優勢從上到下遞減。合理運用視覺流程原理，有助于我們合理地布置網頁中視覺元素的位置，劃分相關的頁面版式區域，提高信息傳播的效率。

二、通過合理的設計有效傳達信息

1、合理借鑒傳統信息載體的信息規劃方法

“版面編排”實際上就是中國古代畫論中的“經營位置”。而網頁的版面設計也遵循著同樣的規律。尤其是起著門戶作用的首頁，其版面的設計規劃更需要慎之又慎。作為版面內容的文字和圖片都需要第一時間展示給用戶，所以決不能簡單地羅列在頁面上。首頁的作用就像書籍的目錄：作為傳統的信息載體，書籍的目錄主要起著引導瀏覽的作用，而作為網頁的首頁也起著相同的作用。因此在設計過程中就要盡量避免將過多的信息內容堆放在首頁上，只需將主要導覽信息列入即可，這樣反而更有助于瀏覽者快速找到所需信息，提高信息傳達的效率。這也正是中國傳統繪畫中所講的“少即是多”。

在網頁設計中，網頁的空間結構反映了網站內各種信息之間的關系，是直接影響視覺信息傳達效果的重要因素。網頁之間的關系就像書籍中各章節之間的聯系一樣，形成一個無形的“空間”。這個“空間”包含物理和心理兩個方面：物理空間如首頁與各級頁面之間的聯系。各級頁面之間的設計風格的相互統一，內容的相互協調，都對這個“空間”的形成起著至關重要的作用。從心理方面來講：為網頁創造人性化的視覺和心理空間也是必需的，我們可以從整個WEB站點的角度出發，考察頁面之間的空間關系，充分利用網頁這種信息載體的特點，創造更高效的思維互動心理空間。

2、傳統形式美法則同樣適用于網頁版面設計

作為傳統平面媒體版面設計的一些基本原則，依然可以在網頁的版式和空間設計中發揮其重要的作用，比如：

(1)變化和統一。

在圖形設計中運用變化與統一的規律，是處理形象和組織的對立統一過程，那么在網頁設計中同樣要恰當地的利用這種規律。在我們把大量的信息塞到網頁上去的時候，應該考慮怎樣把它們用合理的、統一的方式來排列組織，使網頁整體感強并且富于變化，使頁面更豐富，更有生氣。

(2)條理與反復。

條理與反復的原則是圖形構成整體的秩序美的基礎，這種手法在很多優秀的網頁設計作品中運用的較多。這類網站信息含量大，需要運用一定的方式將信息條理化并加以歸納后重復利用，使頁面整潔，脈絡清晰，信息瀏覽方便快捷。當然，對于信息量較少的網站同樣需要條理與反復，以達到更富有變化和清晰的視覺效果。

(3)對比和調和。

對比是指在質或量方面相互差異甚大的兩個視覺要素同時配置在一起時，兩者之間相互作用給人以更加強烈的視覺沖擊力。那么在網頁設計中，如何利用它來達到好的效果呢?首先合理地利用對比的因素，例如文本和圖片尺寸、比例以及位置的排布等等，最終的目的就是如何取得較為強烈的視覺效果。此外還要恰如其分地找到調和的因素，即版面和空間的聯系點，使整體感覺突出，不至于僅僅因為對比而造成割裂的感覺。只有做到對比和調和的相輔相成，才能使網頁頁面鮮明、突出，更好地傳達出設計者的意圖。

(4)均齊與平衡。

這是設計中求得中心穩定的兩種組織形式。在網頁設計中，平衡是一個動態的平衡，因為頁面上兩邊的配置不會總是絕對統一的。更多的時候是版面中各個區域的相互平衡，這是一種動態的平衡。這種方法可以滿足人們視覺上的整體平衡感，也是人的心理因素的一種圖形化表現，當然不是片面地追求靜止的對稱，那種僵硬的、不生動的形式同樣會失去美感。

(5)節奏與韻律。

運動中的事物都具有節奏和韻律的形式規律。在具體的網頁設計的運用中，版面的編排就經常會遇到這個問題，優秀的版而設計富有音樂般的美感，同時絲毫不損其實用性，這需要不僅是從形狀上，而且要從整體的色澤、大小等綜合方面人手。

(6)適當留自。

網頁設計并非要把整個頁面塞滿了才能體現信息的豐富性，只要合理地安排，使頁面達到平衡，即使在一邊的部分大面積留白，同樣不會讓人感到內容空泛，信息量貧乏，相反這樣會給人留下廣闊的思考空間，給人回味。

作為形式美的法則。會隨著時代的不同而不斷發展進步，但是美的本質是一樣的。在設計網頁時，我們必須充分考慮到瀏覽者在閱讀網頁時的生理和心理狀態，要讓讀者在最短的時間內，迅速地理解網頁里所提供的信息內容，優秀的網頁設計必須對網頁信息內容進行大的分類、篩選，把提煉出來的最根本的核心內容，通過合理化的、人性化的版面和空間規劃呈現出束，充分利用版面和空間的“骨骼”和“框架”作用，采取簡潔明了的設計手法將信息提供給用戶，這是一個非常重要的課題，也是每個網頁設計師的義務。