論網頁美術設計的視覺要素

高平

〔摘要〕網頁美術設計是應市場而生的，屬于藝術設計與數字媒體技術相結合的學科。從受眾使用網頁的審美需求角度出發，分析網頁美術設計的視覺構成主要要素，總結網頁美術設計視覺要素設計的三大規律。

〔關鍵詞〕網頁美術設計視覺要素數字媒體藝術內容與形式

從20世紀60年代末因特網誕生到今天，互聯網的發展可以說是日新月異，成為人類生活與工作中不可缺少的一部分。網頁也由最初的電腦信息傳播，演化到今天的電腦和以智能手機為代表的移動設備兩大平臺為主的互聯網技術。網頁美術設計可以說不再是新興的學科了，隨著近幾年網絡的高速發展，它已經漸漸被人們所重視。以計算機網絡技術作為載體，可以穿過時間、空間、地區等各種限制，將各種各樣的信息互聯在一起，通過網絡的方式進行共享。它可以說是集合了美術設計和網絡技術的數字媒體藝術學科之一。

一、網頁的視覺審美需求

互聯網普及之前，它的視覺要素主要是一些文字及極為簡單的圖形，以便讓網民在有限的網速下盡量快速地瀏覽網頁內容。技術的發展，網絡的普及，使人們對網頁美術設計的要求越來越高，不僅僅是提供實用信息給人閱讀，而需要考慮如何使受眾更好地、更加友好地接收相關信息。要做到出色的網頁美術設計，就必須研究網頁美術中的視覺要素，使設計清晰美觀、整體感強，讓人們在心情愉悅的狀態下瀏覽網站信息。網頁美術設計的審美需求是對傳統的視覺傳達設計的延伸和發展，例如海報設計、雜志版式設計、報紙版式設計等。兩者的表現形式以及審美需求都具有高度的相似性，但由于技術的不同也存在諸多的不同點。將傳統的形式美應用到網頁美術設計上，增加網頁界面的美感，滿足大眾的審美需求。從美學的角度講，有變化與統一、對比與調和、對齊與均衡、感性與理性等，網頁設計中的文本、圖像以及色彩都屬于有效的視覺要素。互聯網時代初期，由于網絡技術不發達、網絡運行速度較慢，網站基本都只有簡潔的文本信息。圖一左所示為2006年期間的微軟中國首頁，只有簡單的幾張位圖作為裝飾，它顯然滿足不了現今網絡通信技術下的受眾審美需求；今天我們再打開微軟中國的網站首頁（見圖一右），可以驚喜地發現是如此的協調、簡潔，大面積平面化的圖形，整體的色塊圖片組合在一起，效果符合目前大部分受眾的審美需求，由此可見網頁設計的審美要求也是隨著時代及技術的發展而不斷更新的。

二、網頁的視覺構成要素

對于網頁美術設計來講，能否通過各種構成要素的合理編排來實現有效的傳播，是衡量設計成功與否的重要準則之一。網頁的主要構成要素有文本要素、圖形要素以及色彩要素等。

1、文本要素的編排。文本是傳達信息的主體元素，也是網頁中必不可少的視覺要素。它起描述作用，通常會占據較大的面積，文本編排合理與否直接影響到整個頁面的傳播質量。文本的主要功能是傳達信息，為了讓其主要功能發揮到最大，就必須整體布局文本設計，方能給觀眾清晰的視覺印象。盡可能避免零散、復雜的文本布局，必須減去過多的裝飾字，以達到易讀、易懂、易認的效果。網頁設計中不要過多去為文本作復雜的造型，以免忽視文本本身所傳達的內容以及表達的主題思想。文本要素的編排，首要是服從內容傳播的要求，版式的風格與內容必須統一，不能背道而馳。例如政府部門的官方網站，其文字應該具有莊重和規范的特性，給人以整齊、干凈、簡潔和大方的印象；藝術性的網站則可以注重個性效果，給人創意無限的思維空間；旅游景點的網頁文本編排則可以有輕快、活潑、跳躍的節奏感，給人生機勃勃的感受；而商業公司的網站，則要結合所經營的產品或提供的服務來進行字體編排設計。如圖二所示，分別為政府部門網站、藝術類網站、旅游景點網站的文本編排設計。

計算機系統為用戶提供了常用的字體，同時也為適應個性化文本編輯的需求允許用戶自行安裝字體，產生了豐富多彩的藝術字體供設計師使用。字庫的豐富，為設計師提供了方便，同時也是對文本編排設計能力的考驗。因為同一個頁面當中，并不適合使用太多不同的字體。一般三到四種字體已經足夠讓頁面豐富起來，再多會顯得過于花哨。總之，文本作為網頁的重要視覺要素之一，除了傳達具體信息以外，版式設計上需要重視情感的傳達，才能給受眾愉悅的閱讀感受。

2、圖形要素的設計。圖形是繼文本之后最早應用到網頁美術設計的數字媒體元素，它大大地豐富了信息量。圖形的參與，可以圖文并茂的形式向受眾展現所傳播的信息，也對美化網頁界面起到了極大的作用。對于通過視覺傳播的信息來說，圖文結合的形式遠遠超過了純粹的文本，使信息的趣味性更高。既然圖形要素這么重要，在設計過程中應該注意什么便是網頁設計師不斷思考的一個問題。首先要分析網絡圖片的特點：圖片質量不宜太高，否則會因加載太慢，受眾沒有耐心等待而失去信息傳播的功能，以目前的網絡流行技術來說，分辨率一般72dpi便足夠了。圖形在網頁中的位置、長寬比、構圖等都直接影響信息的傳播效果，在圖形設計和優化的同時，應該充分考慮與文本要素的搭配，才能起到和諧、美觀的效果。

3、色彩要素的搭配。網頁界面不僅要求具有優美動人的文本要素，同時也要求版面新穎、簡潔明了。作為網頁視覺要素之一的色彩最能體現藝術性，黑白分明的色彩搭配給人以強烈的感覺；柔和的色彩搭配給人清新怡人的感覺；灰色調則給人沉穩莊嚴的感覺，等等。色彩要素的搭配方面應該注意什么，是考驗網頁美術設計師的標準之一。

網頁中的色彩要素設計應該根據網頁主題性質的不同，把握好主色調、背景明度方面的選擇。主色調可以幫助網站突出主題，通常會以淺色系作為背景，如粉藍、草綠、淺灰等。以淺色為底有什么好處呢？根據受眾的閱讀習慣，文本通常會使用深色系來編排，所以有了淺色為底，配上深色文本，閱讀便更加簡便，整體也會顯得自然流暢。有了主色調，其它次要的元素則可以使用灰色系為主的圖形，避免喧賓奪主。通常明亮的色彩應起到畫龍點睛的作用，跳躍的明亮色彩會產生強烈的視覺沖擊力，但應用過多便會適得其反，會使受眾頭暈眼花。此外，在背景色調的搭配上并不適合用強烈的對比，特別是對比色及互補色的使用。背景占據頁面的面積較大，適宜用低對比度、不會影響前景圖形及文本要素的色彩為主。否則便使文本淹沒于背景里面，難以識別。因此，背景的色彩設計多以單純為主，如果一定要有變化也須在統一的基礎下進行合理的變動。背景除了可以統一整體的色彩和格調，對吸引網民的注意力和體現網站主題也是很有意義的。

三、網頁視覺要素設計的一般規律

網頁作為數字媒體的載體之一，與傳統的媒體（報紙、雜志等）有著諸多的共同點，所以在設計上也有它的一般性規律。數字媒體作為新的學科，由于表現形式及運行狀態、社會受眾都有所不同，所以網頁的視覺元素設計規律是技術性的，也是藝術性的，是內容與形式的完美統一。

1、規律一：主題突出。網頁美術設計是帶有所表達的意圖及其要求的，必須有明確的主題，否則受眾瀏覽后無從明白所傳遞信息。根據視覺心理學的規律和形式，初始狀態下就必須將主題有效地傳達給受眾，以達到訴求、傳播的目的。網頁主題能否被受眾理解和接受，能否滿足受眾的實用需求，這都要求網頁視覺元素在純粹、簡潔、精確的同時強調藝術性，突出鮮明的主題。

網頁設計的最終目標是將主題信息以藝術性的方式推送到受眾面前，也就是說設計之前必須先分析這是什么樣的網站，是個性化的個人網站，還是商業網站，其性質不同所傳達的主題自然也就不同。設計師應理清基本的次序：首先要明白設計是為主題服務的，而設計的表達需要通過技術來實現，即是說“美”與“技術”要有機整合在一起。例如圖三所示為微軟的“必應”搜索網站，它首先是實現了功能性的作用：搜索作為它的功能，又是它的主題。

如果一個設計師只注重主題思想，而忽視網頁設計的形式美組合，整體效果會變得特別平庸。要想網頁設計能夠有很好的吸引力，鮮明地突出主題，要注重各種視覺要素之間的層級關系、主次關系、邏輯性等的合理應用。

2、規律二：形式與內容的統一。黑格爾《美學》第三卷中說到：“工藝的美不在于要求實用品的外部造型、色彩、紋樣去模擬事物，再現現實，而在于使其外部形式傳達和表現出一定的情緒、氣氛、格調、風尚、趣味，使物質經由象征變成相似于精神生活的有關環境。”

優秀的藝術作品必定將形式與內容進行統一的設計，內容是構成網頁要素的總和，包括它的主題、形象等；形式指的是它的結構、風格等。一方面，網頁設計所追求的形式美必須符合主題的整體需要，這是前提。如果設計師過于強調形式而將內容忽視，這樣的網頁將會因為空洞而無法吸引受眾。設計師必須將形式與內容統一起來，融入思想。設計并非是“多”就等于“好”，只有形式與內容有效統一，才是真正體現實用性且富有美感的網頁界面設計。根據目前網頁數據傳輸速度，網頁設計中仍然不適合為了豐富的視覺元素而過分使用視頻、高清圖像等，不適合為形式美的需求而傳輸大量的數據。受眾必須經過長時間等待才能夠瀏覽的網頁，不符合網絡傳輸快捷方便的特性，會嚴重影響受眾接受信息的主動性和積極性。所以通過大量的多媒體元素來豐富網頁設計以達到形式與內容的統一是不可取的。網絡由成千上萬的網站共同構成，而網站則由成千上萬的頁面來構成。網頁具有多屏和分頁的特性，設計師可以對其形式進行多變性的效果處理以達到形式美感。設計師要注意每一個獨立的頁面設計，同時也要考慮與內容的統一和協調。

3、規律三：強調整體效果。整體效果可以從很多方面去考慮，如程序設計師可以從每一個頁面的代碼及整個網站的整體性上去考慮，而美術設計師所考慮的整體性則是在視覺的角度來考慮。通過統一的整體效果，才能讓受眾更好地接受它，以達到滿足受眾實用的目標，達到整體的美感，讓設計師和受眾通過網頁進行無形的交流與溝通。面對各種各樣的網頁要素，如何去強調它的整體性呢？設計師要理解網站組成的共性部分和個性部分，即通過共性來統一，通過個性來變化。例如在版式上可以將整個網站的框架進行統一，將導航菜單、banner等位置、像素等進行統一；而主體內容則根據信息而變，獲得色彩在變化中的和諧統一。強調整體效果的同時，設計師也要避免進入另一個極端：呆板。整體是建立在變化的基礎上，變化是在統一的前提下。

結語

網頁作為藝術與計算機技術相結合的一種數字傳播媒體，雖然發展歷程并不悠久，但它卻綜合了消費心理學、視覺傳達學、人機交互學等多個領域的知識，特別是與傳統的視覺傳達設計有著眾多相通的特征，且更快捷、方便，突破時間和空間限制。隨著網站數量增多，向移動設備快速普及的同時，受眾對網頁設計的審美也有了更高的要求。作為網頁設計的主要視覺要素：文本、圖形、色彩等，它們之間是否協調、是否合理，決定著網頁美術設計的成敗。網頁美術設計是一項繁雜的工作，如果沒有掌握好一般的視覺要素設計規律，不僅設計效率低下，而且質量也難以保證。要有效實現網頁的信息傳播功能，就必須掌握其視覺要素設計的一般規律：主題突出、形式與內容統一、強調整體效果，并在其基礎上進行創新、發展，才能創造更高的價值。（責任編輯尹雨）

參考文獻：

[1]顧群業，張軍波.網頁藝術設計的原則[J].設計藝術.2000（8）.

[2]徐珂，苗彤，趙暉.網頁視覺與設計[M].人民郵電出版社.2001.

[3]許廣彤.網頁美術設計[M].中國人民大學出版社.2011.6.