計算機網頁藝術設計淺析

摘 要：網頁藝術設計是藝術與技術的高度統一，包含視聽元素與版式設計兩項內容，具有交互性與持續性、多維性、綜合性、版式的不可控性、藝術與技術結合的緊密性等五個特點。

關鍵詞：網頁藝術設計；設計內容；設計原則；設計特點

中圖分類號：G434 文獻標識碼：A 文章編號：1009-010X（2012）08-0021-02

設計，有“人為設定，先行計算，預估達成” 的含意，設計就是具有美感、使用與紀念功能的造形活動。網頁設計是一門新興的設計類和網絡的交叉學科。隨著時代的發展，網站建設越來越接近于一門藝術而不僅僅是一項技術。在這樣大的背景之下，逐步產生了對于網頁的審美需求。網頁不光是把各種東西放上去，能看就行，還要考慮如何讓瀏覽者能更多的和更有效率的接收網頁上的信息，從而使他們對網站留下很好的印象，那就更能促進自己網站的發展。

本文將網頁藝術設計與其他藝術設計形式進行比較，嘗試從網頁藝術設計的內容、原則和特點等方面對這個新的藝術設計領域進行初步的歸納總結和理論探討。

一、網頁藝術設計的內容

設計活動中包含著主觀和客觀兩方面的因素，可以概括為視聽元素和版式設計兩個方面。

（一）視聽元素

這里所說的視聽元素，主要包括：文本、背景、圖像、表格、背景音樂、動態影像等。無論是文字、圖形、動畫，還是音頻、視頻，網頁設計者所要考慮的是如何以感人的形式把它們放進頁面這個“大畫布”里。這些視聽元素大多數瀏覽器本身都可以顯示或收聽，無需任何外部程序或模塊支持。另外，在瀏覽器使用插件（Plug-in）可以播放更多格式的多媒體文件。還有一種播放多媒體的技術是JavaApplet。相比于插件和ActiveX，JavaApplet具有更大的靈活性和良好的跨平臺能力，因此具有很好的發展前景。總之，技術的不斷發展使多媒體元素在網頁藝術設計中的綜合運用越來越廣泛，使瀏覽者可以享受到更加完美的視聽效果。這對網頁的藝術設計提出了更高的要求。

（二）版式設計

網頁的版式設計同報刊雜志等平面媒體的版式設計有很多共同之處，但網頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規格尺寸，網頁的尺寸則是由讀者來控制的。這使網頁設計者不能精確控制頁面上每個元素的尺寸和位置。而且，網頁的組織結構不像印刷品那樣為線性組合，這給網頁的版式設計帶來了一定的難度。

二、網頁藝術設計的原則

網頁作為傳播信息的一種載體，要遵循一般設計的基本原則，但它還有其自身的特殊規律，所以設計者必須掌握以下三個主要原則。

（一）主題鮮明

視覺設計要表達一定的意圖和要求，有明確的主題，并按照視覺心理規律和形式將主題主動地傳達給觀賞者。這就要求視覺設計不但要單純、簡練、清晰和精確，而且在強調藝術性的同時，更應該注重通過獨特的風格和強烈的視覺沖擊力，以鮮明地突出設計主題。例如，設計個人站點與商業站點性質不同，目的也不同，所以評論的標準也不同。首先，設計是為主題服務的；其次，設計是藝術和技術結合的產物，就是說，既要“美”，又要實現“功能”；最后，“美”和“功能”都是為了更好地表達主題。

（二）形式與內容統一

任何設計都有一定的內容和形式。內容是構成設計的一切內在要素的總和，是設計的基礎，被稱為“設計的靈魂”；形式是構成內容諸要素的內部結構或內容的外部表現方式。一個優秀的設計必定是形式對內容的完美表現。據有關資料所做的保守估計，目前在WWW上網頁數據傳輸平均以每秒1.5k的速度到達客戶端。假設某個網頁為了豐富其藝術性而追趕時髦大量地使用圖像或其它多媒體元素等，雖然達到了其靜態形式美的效果，卻造成多達幾十K甚至更大的網頁數據，使瀏覽者必須等待很長時間才能看到“廬山真面目”，這樣的網頁就不是一個優秀的網頁，因為它不符合網頁傳播信息的突出特性之一——快捷性，使網頁內容不能很快地到達訪問者，影響了訪問效果和質量，損害了訪問者的情趣和積極性，這種技術要素影響了傳達信息的效果，因而不是形式與內容的完美統一。

（三）強調整體

網頁是傳播信息的載體，設計時強調其整體性，可以使瀏覽者更快捷、更準確、更全面地認識它、掌握它，并給人一種內部有機聯系、外部和諧完整的美感。整體性也是體現一個站點獨特風格的重要手段之一。

這主要從版式、色彩、風格等方面入手。例如：在版式上，將頁面中各視覺要素作通盤考慮，以周密的組織和精確的定位來獲得頁面的秩序感，即使運用“散”的結構，也是經過深思熟慮之后的決定；一個站點通常只使用兩到三種標準色，并注意色彩搭配的和諧；對于分屏的長頁面，不可設計完第一屏再考慮下一屏。同樣，整個網頁內部的頁面，都應統一規劃，統一風格，讓瀏覽者體會到設計者完整的設計思想。

三、網頁藝術設計的特點

（一）交互性與持續性

網頁不同于傳統媒體之處，就在于信息的動態更新和即時交互性。這種持續的交互，使網頁藝術設計不像印刷品設計那樣，發表之后就意味著設計的結束。網頁設計人員必須根據網站各個階段的經營目標，配合網站不同時期的經營策略，以及用戶的反饋信息，經常地對網頁進行調整和修改。

（二）多維性

多維性源于超級鏈接，主要體現在網頁設計中對導航的設計上。由于超級鏈接的出現，網頁的組織結構更加豐富，瀏覽者可以在各種主題之間自由跳轉，從而打破了以前人們接收信息的線性方式。

（三）多種媒體的綜合性

目前國內網頁已經出現了模擬三維的操作界面，在數據壓縮技術的改進和流（Stream）技術的推動下，Internet網上出現實時的音頻和視頻服務，典型的有在線音樂、在線廣播、網上電影、網上直播等。因此，多種媒體的綜合運用是網頁藝術設計的特點之一，是未來的發展方向。

（四）版式的不可控性

網頁版式設計與傳統印刷版式設計有著極大的差異：

1.印刷品設計者可以指定使用的紙張和油墨，而網頁設計者卻不能要求瀏覽者使用什么樣的電腦或瀏覽器；

2.網絡正處于不斷發展之中，不像印刷那樣基本具備了成熟的印刷標準；

3.網頁設計過程中有關Web的每一件事都可能隨時發生變化。

這些說明，網絡應用尚處在發展之中，關于網絡應用也很難在各個方面都制訂出統一的標準，這必然導致網頁版式設計的不可控制性。其具體表現為：

（1）網頁頁面會根據當前瀏覽器窗口大小自動格式化輸出；（2）網頁的瀏覽者可以控制網頁頁面在瀏覽器中的顯示方式；（3）不同種類、版本的瀏覽器觀察同一個網頁頁面，效果會有所不同。

把所有這些問題歸結為一點，即網頁設計者無法控制頁面在用戶端的最終顯示效果，但這也正是網頁設計的吸引人之處。

（五）技術與藝術結合的緊密性

網絡技術主要表現為客觀因素，藝術創意主要表現為主觀因素，網頁設計者應該積極主動地掌握現有的各種網絡技術規律，注重技術和藝術緊密結合，這樣才能窮盡技術之長，實現藝術想象，滿足瀏覽者對網頁信息的高質量需求。

網絡技術與藝術創意的緊密結合，使網頁的藝術設計由平面設計擴展到立體設計，由純粹的視覺藝術擴展到空間視聽藝術，網頁效果不再近似于書籍或報刊雜志等印刷媒體，而更接近于電影或電視的觀賞效果。技術發展促進了技術與藝術的緊密結合，把瀏覽者帶入一個真正現實中的虛擬世界。

所以說，網頁設計表面上看，不過是關于網頁版式編排的技巧與方法，而實際上，它不僅是一種技能，更是藝術與技術的高度統一。將一些平面設計中美的基本形式運用到網頁中去就能使網頁更加富有美感，要想將頁面做的更漂亮，要求設計師有較好的審美方面的素質，同時要有豐富的平面設計的經驗。這樣才能在設計時駕輕就熟。