網頁設計中信息傳遞和視覺傳達的統一

邵雪鶴

摘要：文章本著信息傳遞和視覺表達相結合的理念，對當前網頁設計中存在的問題進行了歸納，并從美學原理和技術因素雙方面入手提供了優化設計的原則。

關鍵詞：網頁設計；信息 ；視覺

網頁設計并不僅僅是腳本編程，它也屬于平面設計在信息時代的延續。其特點在于網頁是一個動態交互的視覺平臺，以超媒體的形式，向用戶傳遞非線性的信息流。設計者需要具有信息無二義的表達能力和善于引導用戶視覺注意力的藝術 ，保證用戶迅速從某個網頁中捕捉到所需的信息。故網頁設計是一項現代數字科技與傳統人文美學相結合的創造性智力活動。當前的網頁設計雖然不乏精品，但還存在著諸多問題，影響了人們在網絡沖浪時的滿意度，并使信息流動偏離了人們預期的軌道，也給設計人員帶來了挫折感。本文從分析現存的問題入手，提出網頁設計的幾個基本原則，以實現信息傳遞和視覺傳達的統一。

一、當前網頁設計中存在的問題

（一）視覺元素的堆砌和信息內容的缺失

網頁中除了包括平面視覺構成的各個元素和布局機制，還包括了動態、多媒體、交互元素等網頁特有的視覺元素。但是大量有欠規劃、缺乏審美意識的設計卻以簡單的堆砌浪費了這些資源。雜亂無章的文字、圖片、動畫、廣告窗口、色塊，都在挑戰用戶瀏覽網頁時的耐性極限。網絡倡導注意力，但是只有賞心悅目的才能夠吸引眼球，且形式和內容缺一不可。而某些設計精美的網頁卻像花瓶一樣，在觀賞者對其美麗的容貌嘖嘖贊嘆后，發現其空洞無物。

（二）商業利益帶來的干擾

由于商業利益上的考慮，某些網站的設計者故意誘使用戶不斷刷新網頁或點擊廣告，或者將真正的資源鏈接隱藏在不被注意的位置，使用戶更多地將目光放在廣告區域。某些國內網站首頁，經常存在懸浮的廣告圖片，擋住了下層的頁面內容。這些蓄意干擾，是網頁設計的大忌。畢竟用戶只有方便地從網站獲取利益之后，才樂意給予回饋。

（三）千篇一律的模仿喪失了獨立創造性

賽博空間是個雙刃劍。在帶來技術和藝術創新的同時，也使得跟風模仿更加方便。缺乏獨立創造性一直是國內網頁設計的軟肋。每個夢想成為楊致遠的人都匆匆忙忙地搭建網站開始叫賣。急功近利的結果是肆意模仿抄襲。千篇一律的網頁沒有給用戶帶來欣賞藝術品的愉悅感，而能與人內心深處情感共鳴的設計才是好的藝術設計。

（四）動態交互網頁設計中的界面友好性問題

網頁是活的，它具有交互性，可根據用戶指令的變化，顯示的信息內容和樣式產生很大的區別；它還有動態性，如圖片和文本等內容可隨時間變化而自動刷新替換。且網頁內部可通過錨點進行跳轉，網頁之間也可以通過超鏈接進行跳轉。不負責任的設計可能使得用戶在變幻莫測的網頁元素中迷失自己的初衷。

（五）技術因素帶來的視覺尷尬

網頁中包含的圖片、影像、文字等媒體內容需要通過專門的軟件（瀏覽器）在計算機屏幕上來顯示。即它的觀賞效果不僅由設計師和出版單位決定，還受到了用戶軟硬件（瀏覽器和顯示器的）的約束。設計時機器和瀏覽時機器的分辨率差異會導致網頁面容皆非。要觀賞flash動畫等媒體形式，必須安裝特定的插件程序，否則將顯示空白框和提示文字給用戶，就像被遮去了頭部的蒙娜麗莎，極大地破壞了設計師的設計初衷和作品的美感。另外，不同的瀏覽器產品對同一網頁的顯示效果也有差別，用戶常需切換瀏覽器以達到最佳欣賞效果。

二、如何進行有效的網頁設計

（一）傳統平面設計美學原理的設計原則

文字作為最原始、最有力的信息傳遞方式，在網頁設計中至關重要。通常可在CSS（層疊樣式表）中為字體指定多個方案，并默認為機器常用字體如宋體。這樣可使網頁在安裝了相關字體的機器上顯示獨特的效果卻不影響標配機器的使用。大小指定為印刷字號如12px，顏色要視背景色而定，原則上以能看清且與整個頁面搭配和諧為準。顏色搭配要避免產生視覺疲勞，如黑字配白底能保證用戶長時間地瀏覽網頁而不厭煩。色彩，在一個頁面不應超過三個，其中擇一為主色調；應恰當使用顏色蘊含的文化心理信息，如綠色表示環保、藍色表示科技，年輕人喜歡鮮艷的顏色、老年人喜歡灰色系、女性喜歡粉色系等；注意色彩的功能性，如藍色表示超鏈接，紅色表示刪除等警示操作；要注意色彩的誘目性及視認性，如彩度高鮮艷的顏色可以用于提示標題、關鍵字和當前活動區域，并且注意色彩的搭配和諧，還需要注意色彩的周期性，即色彩的定義會因時因地因人產生不同解讀。

網頁布局大致可分為“國”字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等。如果信息內容多，可以用國字型或拐角型；雅虎就是典型的“國”字型。綱要性的網頁可以考慮標題正文型；框架結構的一個共同特點就是瀏覽方便、速度快，但結構變化不靈活；對于企業宣傳和個人簡歷而言，封面型是首選布局；Flash型則更靈活，但是不能表達過多的文字信息。由于網頁不像紙張有版面限制，所以應把盡可能多的信息集中在一個頁面上，做到一目了然；對必須分屏的頁面也應統一風格。

（二）對新型媒體的設計要求

若帶寬允許，多媒體元素必能增加設計的情趣和個性，否則弄巧成拙，將影響用戶對目的信息的及時獲取。如應避免“Gif”圖片、flash動畫過大而增加網頁下載時間，分散觀眾對網站其他信息的注意力。有些網站大量地使用誘人的Flash技術，但其漫長的等待下載和令人迷惑的結構讓用戶難以忍受，不得不“暫時停止營運”。網頁設計還要注意瀏覽器的兼容性，設計人員應當針對不同系統平臺和軟件環境進行測試。

（三）針對網頁的交互動態性

網頁并非繪畫雕塑不可修改，其發布并非設計工作的終結。而應根據網站各個階段的經營目標，以及用戶的反饋信息，經常地對網頁進行調整和修改，這就需要設計者在保持網站視覺形象一貫性的基礎上，不斷創作出新的網頁設計作品。

（四）設計良好的導航系統

網絡導航可以解決網頁設計的非線性瀏覽問題。對于網頁設計者來說，面對的不是按順序排列的印刷頁面，而是自由分散的網頁。因此必須考慮構建合理的頁面組織結構，理清網頁內容之間的關系，以有限清晰的鏈接進行組織；建立包括站點索引，幫助頁面，查詢功能，網站地圖在內的導航系統；當用戶瀏覽每個頁面時，清晰醒目的提示本頁面所在位置，并且提供返回主頁面的鏈接和的歷史瀏覽的導航服務。

參考文獻 ：

[1]黃海燕，張輝.網頁設計和平面設計[J].包裝工程，2004（1）

[2]袁璐.論網頁 藝術 設計的人性化[J].武漢科技學院學報，2005（11）

[3]張雪艷.初探色彩與網頁設計[J].吉林工程技術師范學院學報，2005（5）

[4]蘇玉蒼.網頁視覺藝術的探討[J].甘肅科技，2005（3）endprint