邵雪鶴

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

關鍵詞：網(wǎng)頁設計；信息 ；視覺

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

一、當前網(wǎng)頁設計中存在的問題

（一）視覺元素的堆砌和信息內(nèi)容的缺失

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

（二）商業(yè)利益帶來的干擾

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

（三）千篇一律的模仿喪失了獨立創(chuàng)造性

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

（四）動態(tài)交互網(wǎng)頁設計中的界面友好性問題

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

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

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

二、如何進行有效的網(wǎng)頁設計

（一）傳統(tǒng)平面設計美學原理的設計原則

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

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

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

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

（三）針對網(wǎng)頁的交互動態(tài)性

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

（四）設計良好的導航系統(tǒng)

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

參考文獻 ：

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

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

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

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