淺談網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)

【摘 要】網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)是伴隨著計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)的產(chǎn)生而形成的視聽(tīng)設(shè)計(jì)新課題，是網(wǎng)頁(yè)設(shè)計(jì)者以所處時(shí)代所能獲取的技術(shù)和藝術(shù)經(jīng)驗(yàn)為基礎(chǔ)，依照設(shè)計(jì)目的和要求自覺(jué)地對(duì)網(wǎng)頁(yè)的構(gòu)成元素進(jìn)行藝術(shù)規(guī)劃的創(chuàng)造性思維活動(dòng)，必然要成為設(shè)計(jì)藝術(shù)的重要組成部分，并隨著網(wǎng)絡(luò)技術(shù)的發(fā)展而發(fā)展。表面上看，它不過(guò)是關(guān)于網(wǎng)頁(yè)版式編排的技巧與方法，而實(shí)際上，它不僅是一種技能，更是藝術(shù)與技術(shù)的高度統(tǒng)一。這里將從藝術(shù)設(shè)計(jì)的內(nèi)容、原則、特點(diǎn)幾個(gè)方面進(jìn)行論述。

【關(guān)鍵詞】網(wǎng)頁(yè)藝術(shù)設(shè)計(jì) 內(nèi)容 原則 特點(diǎn)

一、網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的內(nèi)容

設(shè)計(jì)活動(dòng)中包含著主觀和客觀兩方面的因素，在確立了網(wǎng)頁(yè)主題之后，首先要明確和熟悉設(shè)計(jì)的對(duì)象和構(gòu)成的要素。網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)涉及的具體內(nèi)容很多，可以概括為視聽(tīng)元素和版式設(shè)計(jì)兩個(gè)方面。

1.視聽(tīng)元素

這里所說(shuō)的視聽(tīng)元素，主要包括：文本、背景、按鈕、圖標(biāo)、圖像、表格、顏色、導(dǎo)航工具、背景音樂(lè)、動(dòng)態(tài)影像等。無(wú)論是文字、圖形、動(dòng)畫(huà)，還是音頻、視頻，網(wǎng)頁(yè)設(shè)計(jì)者所要考慮的是如何以感人的形式把它們放進(jìn)頁(yè)面這個(gè)“大畫(huà)布”里。多媒體技術(shù)的運(yùn)用大大豐富了網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的表現(xiàn)力。

以上各視聽(tīng)元素大多數(shù)瀏覽器本身都可以顯示或收聽(tīng)，無(wú)需任何外部程序或模塊支持。比如，大部分瀏覽器都可以顯示GIF、JPEG圖形和GIF89a動(dòng)畫(huà)。另外，在瀏覽器使用插件（Plug-in）可以播放更多格式的多媒體文件。目前ActiveX、JavaApplet已經(jīng)成為熱門(mén)技術(shù)，使網(wǎng)頁(yè)中播放多媒體更加方便快捷。技術(shù)的不斷發(fā)展使多媒體元素在網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)中的綜合運(yùn)用越來(lái)越廣泛，使瀏覽者可以享受到更加完美的視聽(tīng)效果，同時(shí)也對(duì)網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)提出了更高的要求。

2.版式設(shè)計(jì)

網(wǎng)頁(yè)的版式設(shè)計(jì)同報(bào)刊雜志等平面媒體的版式設(shè)計(jì)有很多共同之處，它在網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)中占據(jù)著重要的地位。所謂網(wǎng)頁(yè)的版式設(shè)計(jì)，是在有限的屏幕空間上將視聽(tīng)多媒體元素進(jìn)行有機(jī)的排列組合，將理性思維個(gè)性化地表現(xiàn)出來(lái)，是一種具有個(gè)人風(fēng)格和藝術(shù)特色的視聽(tīng)傳達(dá)方式。它在傳達(dá)信息的同時(shí)，也產(chǎn)生感官上的美感和精神上的享受。

但網(wǎng)頁(yè)的排版與書(shū)籍雜志的排版又有很多差異。印刷品都有固定的規(guī)格尺寸，網(wǎng)頁(yè)則不然，它的尺寸是由讀者來(lái)控制的。這使網(wǎng)頁(yè)設(shè)計(jì)者不能精確控制頁(yè)面上每個(gè)元素的尺寸和位置。而且，網(wǎng)頁(yè)的組織結(jié)構(gòu)不像印刷品那樣為線性組合，這給網(wǎng)頁(yè)的版式設(shè)計(jì)帶來(lái)了一定的難度。

二、網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的原則

網(wǎng)頁(yè)作為傳播信息的一種載體，同其他出版物如報(bào)紙、雜志等在設(shè)計(jì)上有許多共同之處，也要遵循一些設(shè)計(jì)的基本原則。但是，由于表現(xiàn)形式、運(yùn)行方式和社會(huì)功能的不同，網(wǎng)頁(yè)設(shè)計(jì)又有其自身的特殊規(guī)律。網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)，是技術(shù)與藝術(shù)的結(jié)合，內(nèi)容與形式的統(tǒng)一。它要求設(shè)計(jì)者必須掌握以下三個(gè)主要原則：

1.主題鮮明

視覺(jué)設(shè)計(jì)表達(dá)的是一定的意圖和要求，有明確的主題，并按照視覺(jué)心理規(guī)律和形式將主題主動(dòng)地傳達(dá)給觀賞者。訴求的目的，是使主題在適當(dāng)?shù)沫h(huán)境里被人們即時(shí)地理解和接受，以滿(mǎn)足人們的實(shí)用和需求，這就要求視覺(jué)設(shè)計(jì)不但要單純、簡(jiǎn)練、清晰和精確，而且在強(qiáng)調(diào)藝術(shù)性的同時(shí)，更應(yīng)該注重通過(guò)獨(dú)特的風(fēng)格和強(qiáng)烈的視覺(jué)沖擊力，來(lái)鮮明地突出設(shè)計(jì)主題。

根據(jù)認(rèn)知心理學(xué)的理論，較小而分立的信息要比較長(zhǎng)而不分立的信息更為有效和容易瀏覽。這個(gè)規(guī)律蘊(yùn)含在人們尋找信息和使用信息的實(shí)踐活動(dòng)中，它要求視覺(jué)設(shè)計(jì)者的設(shè)計(jì)活動(dòng)必須自覺(jué)地掌握和遵從。

要使網(wǎng)頁(yè)從形式上獲得良好的誘導(dǎo)力，鮮明地突出訴求主題，具體可以通過(guò)對(duì)網(wǎng)頁(yè)的空間層次、主從關(guān)系、視覺(jué)秩序及彼此間的邏輯性的把握運(yùn)用來(lái)達(dá)到。

2.形式與內(nèi)容統(tǒng)一

任何設(shè)計(jì)都有一定的內(nèi)容和形式。內(nèi)容是構(gòu)成設(shè)計(jì)的一切內(nèi)在要素的總和，是設(shè)計(jì)存在的基礎(chǔ)，被稱(chēng)為“設(shè)計(jì)的靈魂”；形式是構(gòu)成內(nèi)容諸要素的內(nèi)部結(jié)構(gòu)或內(nèi)容的外部表現(xiàn)方式。設(shè)計(jì)的內(nèi)容就是指它的主題、形象、題材等要素的總和，形式就是它的結(jié)構(gòu)、風(fēng)格或設(shè)計(jì)語(yǔ)言等表現(xiàn)方式。內(nèi)容決定形式，形式反作用于內(nèi)容。一個(gè)優(yōu)秀的設(shè)計(jì)必定是形式對(duì)內(nèi)容的完美表現(xiàn)。

一方面，網(wǎng)頁(yè)設(shè)計(jì)所追求的形式美，必須適合主題的需要，這是網(wǎng)頁(yè)設(shè)計(jì)的前提。只講花哨的表現(xiàn)形式以及過(guò)于強(qiáng)調(diào)“獨(dú)特的設(shè)計(jì)風(fēng)格”而脫離內(nèi)容，或者只求內(nèi)容而缺乏藝術(shù)的表現(xiàn)，網(wǎng)頁(yè)設(shè)計(jì)都會(huì)變的空洞而無(wú)力。設(shè)計(jì)者只有將二者有機(jī)地統(tǒng)一起來(lái)，深入領(lǐng)會(huì)主題的精髓，再融合自己的思想感情，找到一個(gè)完美的表現(xiàn)形式，才能體現(xiàn)出網(wǎng)頁(yè)設(shè)計(jì)獨(dú)具的分量和特有的價(jià)值。另一方面，要確保網(wǎng)頁(yè)上的每一個(gè)元素都有存在的必要性，不要為了炫耀而使用冗余的技術(shù)。那樣得到的效果可能會(huì)適得其反。只有通過(guò)認(rèn)真設(shè)計(jì)和充分的考慮來(lái)實(shí)現(xiàn)全面的功能并體現(xiàn)美感才能實(shí)現(xiàn)形式與內(nèi)容的統(tǒng)一。

網(wǎng)頁(yè)具有多屏、分頁(yè)、嵌套等特性，設(shè)計(jì)者可以對(duì)其進(jìn)行形式上的適當(dāng)變化以達(dá)到多變性處理效果，豐富整個(gè)網(wǎng)頁(yè)的形式美。這就要求設(shè)計(jì)者在注意單個(gè)頁(yè)面形式與內(nèi)容統(tǒng)一的同時(shí)，更不能忽視同一主題下多個(gè)分頁(yè)面組成的整體網(wǎng)頁(yè)的形式與整體內(nèi)容的統(tǒng)一。

因此，在網(wǎng)頁(yè)設(shè)計(jì)中必須注意形式與內(nèi)容的高度統(tǒng)一。

3.強(qiáng)調(diào)整體

網(wǎng)頁(yè)的整體性包括內(nèi)容和形式上的整體性，這里主要討論設(shè)計(jì)形式上的整體性。設(shè)計(jì)時(shí)強(qiáng)調(diào)其整體性，可以使瀏覽者更快捷、更準(zhǔn)確、更全面地認(rèn)識(shí)它、掌握它，并給人一種內(nèi)部有機(jī)聯(lián)系、外部和諧完整的美感。整體性也是體現(xiàn)一個(gè)站點(diǎn)獨(dú)特風(fēng)格的重要手段之一。

從某種意義上講，強(qiáng)調(diào)網(wǎng)頁(yè)結(jié)構(gòu)形式的視覺(jué)整體性必然會(huì)犧牲靈活的多變性，“物極必反”就是這個(gè)道理。因此，在強(qiáng)調(diào)網(wǎng)頁(yè)整體性設(shè)計(jì)的同時(shí)必須注意：過(guò)于強(qiáng)調(diào)整體性可能會(huì)使網(wǎng)頁(yè)呆板、沉悶，以致影響訪問(wèn)者的情趣和繼續(xù)瀏覽的欲望。“整體”是“多變”基礎(chǔ)上的整體。

三、網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的特點(diǎn)

1.交互性與持續(xù)性

網(wǎng)頁(yè)不同于傳統(tǒng)媒體之處，就在于信息的動(dòng)態(tài)更新和即時(shí)交互性。即時(shí)的交互性是Web成為熱點(diǎn)的主要原因，也是網(wǎng)頁(yè)設(shè)計(jì)時(shí)必須考慮的問(wèn)題。傳統(tǒng)媒體（如廣播、電視節(jié)目、報(bào)刊雜志等）都以線性方式提供信息，即按照信息提供者的感覺(jué)、體驗(yàn)和事先確定的格式來(lái)傳播。而在Web環(huán)境下，人們不再是一個(gè)傳統(tǒng)媒體方式的被動(dòng)接受者，而是以一個(gè)主動(dòng)參與者的身份加入到信息的加工處理和發(fā)布之中。這種持續(xù)的交互，使網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)不像印刷品設(shè)計(jì)那樣，發(fā)表之后就意味著設(shè)計(jì)的結(jié)束。網(wǎng)頁(yè)設(shè)計(jì)人員必須根據(jù)網(wǎng)站各個(gè)階段的經(jīng)營(yíng)目標(biāo)，配合網(wǎng)站不同時(shí)期的經(jīng)營(yíng)策略，以及用戶(hù)的反饋信息，經(jīng)常地對(duì)網(wǎng)頁(yè)進(jìn)行調(diào)整和修改。

2.多維性

多維性源于超級(jí)鏈接，主要體現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)中對(duì)導(dǎo)航的設(shè)計(jì)上。由于超級(jí)鏈接的出現(xiàn)，網(wǎng)頁(yè)的組織結(jié)構(gòu)更加豐富，瀏覽者可以在各種主題之間自由跳轉(zhuǎn)，從而打破了以前人們接收信息的線性方式。例如，可將頁(yè)面的組織結(jié)構(gòu)分為序列結(jié)構(gòu)、層次結(jié)構(gòu)、網(wǎng)狀結(jié)構(gòu)、復(fù)合結(jié)構(gòu)等。但頁(yè)面之間的關(guān)系過(guò)于復(fù)雜，不僅使瀏覽者檢索和查找信息增加了難度，也給設(shè)計(jì)者帶來(lái)了更大的困難。為了讓瀏覽者在網(wǎng)頁(yè)上迅速找到所需的信息，設(shè)計(jì)者必須考慮快捷而完善的導(dǎo)航設(shè)計(jì)。

3.多種媒體的綜合性

目前網(wǎng)頁(yè)中使用的多媒體視聽(tīng)元素主要有文字、圖像、聲音、視頻等，隨著網(wǎng)絡(luò)帶寬的增加、芯片處理速度的提高以及跨平臺(tái)的多媒體文件格式的推廣，必將促使設(shè)計(jì)者綜合運(yùn)用多種媒體元素來(lái)設(shè)計(jì)網(wǎng)頁(yè)，以滿(mǎn)足和豐富瀏覽者對(duì)網(wǎng)絡(luò)信息傳輸質(zhì)量提出的更高要求。目前國(guó)內(nèi)網(wǎng)頁(yè)已經(jīng)出現(xiàn)了模擬三維的操作界面，在數(shù)據(jù)壓縮技術(shù)的改進(jìn)和流（Stream）技術(shù)的推動(dòng)下，Internet網(wǎng)上出現(xiàn)實(shí)時(shí)的音頻和視頻服務(wù)，典型的有在線音樂(lè)、在線廣播、網(wǎng)上電影、網(wǎng)上直播等。因此，多種媒體的綜合運(yùn)用是網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的特點(diǎn)之一，是未來(lái)的發(fā)展方向。

4.版式的不可控性

網(wǎng)頁(yè)版式設(shè)計(jì)與傳統(tǒng)印刷版式設(shè)計(jì)有著極大的差異，網(wǎng)絡(luò)應(yīng)用尚處在發(fā)展之中，關(guān)于網(wǎng)絡(luò)應(yīng)用也很難在各個(gè)方面都制訂出統(tǒng)一的標(biāo)準(zhǔn)，這必然導(dǎo)致網(wǎng)頁(yè)版式設(shè)計(jì)的不可控制性。其具體表現(xiàn)為：

(1)網(wǎng)頁(yè)頁(yè)面會(huì)根據(jù)當(dāng)前瀏覽器窗口大小自動(dòng)格式化輸出；

(2)網(wǎng)頁(yè)的瀏覽者可以控制網(wǎng)頁(yè)頁(yè)面在瀏覽器中的顯示方式；

(3)不同種類(lèi)、版本的瀏覽器觀察同一個(gè)網(wǎng)頁(yè)頁(yè)面，效果會(huì)有所不同；

(4)用戶(hù)的瀏覽器工作環(huán)境不同，顯示效果也會(huì)有所不同。

把所有這些問(wèn)題歸結(jié)為一點(diǎn)，即網(wǎng)頁(yè)設(shè)計(jì)者無(wú)法控制頁(yè)面在用戶(hù)端的最終顯示效果，但這也正是網(wǎng)頁(yè)設(shè)計(jì)的吸引人之處。

網(wǎng)絡(luò)技術(shù)與藝術(shù)創(chuàng)意的緊密結(jié)合，使網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)由平面設(shè)計(jì)擴(kuò)展到立體設(shè)計(jì)，由純粹的視覺(jué)藝術(shù)擴(kuò)展到空間聽(tīng)覺(jué)藝術(shù)，網(wǎng)頁(yè)效果不再近似于書(shū)籍或報(bào)刊雜志等印刷媒體，而更接近于電影或電視的觀賞效果。技術(shù)發(fā)展促進(jìn)了技術(shù)與藝術(shù)的緊密結(jié)合，把瀏覽者帶入一個(gè)真正現(xiàn)實(shí)中的虛擬世界。

參考文獻(xiàn)：

[1]網(wǎng)頁(yè)設(shè)計(jì)探索之旅.電子工業(yè)出版社.

[2]設(shè)計(jì)師談成功網(wǎng)頁(yè)設(shè)計(jì)原則.電子工業(yè)出版社.

[3]Dreamweaver MX時(shí)尚創(chuàng)作百例.機(jī)械工業(yè)出版社.

[4]網(wǎng)站規(guī)劃建設(shè)與管理維護(hù).工業(yè)出版社.

(作者單位：吉林財(cái)經(jīng)學(xué)校）