圖形藝術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用

【摘要】網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)是綜合計(jì)算機(jī)圖形藝術(shù)和網(wǎng)絡(luò)技術(shù)的一門邊緣學(xué)科。本文探討了將圖形藝術(shù)和網(wǎng)頁(yè)設(shè)計(jì)相結(jié)合，設(shè)計(jì)出個(gè)性化的網(wǎng)頁(yè)設(shè)計(jì)圖形藝術(shù)的界面，以取得更好的信息效果。

【關(guān)鍵詞】網(wǎng)頁(yè)設(shè)計(jì)圖形藝術(shù)界面設(shè)計(jì)

在現(xiàn)代社會(huì)，網(wǎng)絡(luò)虛擬世界已經(jīng)無(wú)處不在。對(duì)于傳統(tǒng)的計(jì)算機(jī)圖形藝術(shù)設(shè)計(jì)師們來(lái)說(shuō)，不得不面臨一個(gè)新的、前景無(wú)限的設(shè)計(jì)領(lǐng)域——計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)圖形藝術(shù)。這就給網(wǎng)頁(yè)制作公司和個(gè)人帶來(lái)了許多商機(jī)，也給每一個(gè)想成為計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)圖形藝術(shù)家的人展現(xiàn)了一個(gè)廣闊的舞臺(tái)，使其成為具有最大訴求效果的構(gòu)成技術(shù)。網(wǎng)頁(yè)設(shè)計(jì)圖形藝術(shù)不但擁有傳統(tǒng)媒體的優(yōu)點(diǎn)。同時(shí)又使傳播變得更為直接、省力和有效，它是伴隨著計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)的產(chǎn)生而形成的視聽設(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)，必然要成為計(jì)算機(jī)圖形藝術(shù)的重要組成部分，并隨著網(wǎng)絡(luò)技術(shù)的發(fā)展而發(fā)展。然而，在網(wǎng)頁(yè)設(shè)計(jì)圖形藝術(shù)這個(gè)領(lǐng)域里，沒(méi)有網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的產(chǎn)生和迅猛發(fā)展，根本無(wú)從談起“網(wǎng)頁(yè)設(shè)計(jì)圖形藝術(shù)”，技術(shù)為設(shè)計(jì)建造了表現(xiàn)的基石，設(shè)計(jì)根據(jù)其需要又不斷地向技術(shù)提出新的要求，從而促進(jìn)了技術(shù)的進(jìn)步。而真正有魅力的富于表現(xiàn)性的網(wǎng)頁(yè)設(shè)計(jì)是計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)圖形藝術(shù)家們的思想、素養(yǎng)、對(duì)設(shè)計(jì)的理解及其表現(xiàn)技術(shù)的綜合性的體現(xiàn)。因此，作為計(jì)算機(jī)圖形藝術(shù)設(shè)計(jì)師必須接受這種設(shè)計(jì)與技術(shù)的綜合表現(xiàn)形式，要以掌握網(wǎng)頁(yè)設(shè)計(jì)圖形藝術(shù)與多媒體技術(shù)、計(jì)算機(jī)程序設(shè)計(jì)為前提，更有效地發(fā)揮網(wǎng)頁(yè)設(shè)計(jì)圖形藝術(shù)的表現(xiàn)性和可操作性，完成新概念的構(gòu)想而努力。

從圖形藝術(shù)到網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)的變革

面對(duì)新時(shí)代的到來(lái)，人們無(wú)不感到社會(huì)經(jīng)濟(jì)和文化所經(jīng)歷著的快速而深刻的變化。使得我們?cè)械膬r(jià)值觀念、思維方式、知識(shí)結(jié)構(gòu)和思想空間都面臨著各種各樣的挑戰(zhàn)。目前，網(wǎng)絡(luò)已經(jīng)越來(lái)越多地進(jìn)入了計(jì)算機(jī)圖形藝術(shù)領(lǐng)域，我們沒(méi)有任何理由忽視網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的存在。網(wǎng)絡(luò)對(duì)計(jì)算機(jī)圖形藝術(shù)行業(yè)造成的威脅與機(jī)遇并存，而且這種趨勢(shì)越來(lái)越顯著。對(duì)傳統(tǒng)的計(jì)算機(jī)圖形藝術(shù)設(shè)計(jì)師們而言，網(wǎng)絡(luò)意味著機(jī)遇。對(duì)傳統(tǒng)的印刷業(yè)而言，網(wǎng)絡(luò)則具有信息資源無(wú)限、圖文互動(dòng)、高速高效的特點(diǎn)。是印刷媒體面臨的最大威脅。越來(lái)越多的項(xiàng)目要借助于新的媒介來(lái)完成，只是利用印刷完成最后一道工序。人們看到，新的商務(wù)模式迫在眉睫，與客戶實(shí)行電子交易將成為“日常”交流服務(wù)，傳統(tǒng)的圖形藝術(shù)逐步走向網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)……。

網(wǎng)絡(luò)產(chǎn)生的這些變化不僅逐步加劇。而且孕育了自身對(duì)技術(shù)的狂熱。這些不僅影響著網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)的創(chuàng)造過(guò)程，還波及到創(chuàng)造出的作品，以及交流的進(jìn)行過(guò)程，當(dāng)然，還會(huì)決定什么樣的工作將繼續(xù)留給傳統(tǒng)的計(jì)算機(jī)圖形藝術(shù)設(shè)計(jì)師們來(lái)完成。由于傳統(tǒng)意義上的計(jì)算機(jī)圖形處理技藝并沒(méi)有消失，人們會(huì)將更多的注意力集中到如何整合各種不同的媒體，設(shè)計(jì)師們也要具有設(shè)計(jì)交叉應(yīng)用的綜合能力，才能適應(yīng)不斷變化的時(shí)代。創(chuàng)造工作將會(huì)在互聯(lián)網(wǎng)的基礎(chǔ)上草建。網(wǎng)絡(luò)創(chuàng)造人員不僅包括網(wǎng)頁(yè)設(shè)計(jì)師和程序開發(fā)員、還有制作者以及那些在網(wǎng)絡(luò)各個(gè)環(huán)節(jié)上的專家。網(wǎng)絡(luò)將會(huì)為許多設(shè)計(jì)者提供全方位的服務(wù)，包括一些源于計(jì)算機(jī)圖形藝術(shù)的傳統(tǒng)工作由于計(jì)算機(jī)本身及其網(wǎng)絡(luò)相關(guān)技術(shù)的特點(diǎn)和條件，使其對(duì)于網(wǎng)頁(yè)設(shè)計(jì)是限制的。

網(wǎng)頁(yè)設(shè)計(jì)圖形藝術(shù)與傳統(tǒng)的計(jì)算機(jī)圖形藝術(shù)設(shè)計(jì)在視覺(jué)傳達(dá)方面有極大的相似性，但是在技術(shù)實(shí)現(xiàn)方面又有著很大的區(qū)別。網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)是傳統(tǒng)的計(jì)算機(jī)圖形藝術(shù)的視覺(jué)傳達(dá)效果運(yùn)用和網(wǎng)絡(luò)技術(shù)實(shí)現(xiàn)的有機(jī)結(jié)合，我們可以說(shuō)網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)是綜合計(jì)算機(jī)圖形藝術(shù)和網(wǎng)絡(luò)技術(shù)的一門邊緣學(xué)科。

1．藝術(shù)效果的傳達(dá)

如同傳統(tǒng)的計(jì)算機(jī)圖形藝術(shù)作品一樣，網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)也要求具有一定的藝術(shù)感染力。一個(gè)雜亂無(wú)章、表現(xiàn)平庸、毫無(wú)美感可言的網(wǎng)頁(yè)是不會(huì)得到訪問(wèn)者的青睞的。訪問(wèn)者也無(wú)心思再去點(diǎn)擊頁(yè)面的其它鏈接。一旦給了訪問(wèn)者不好的第一印象，該訪問(wèn)者能否再次光顧也就很難說(shuō)了。

傳統(tǒng)的計(jì)算機(jī)圖形藝術(shù)作品講究頁(yè)面元素的構(gòu)成、版式布局、色彩搭配、空間表現(xiàn)等，這些要素對(duì)于網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)來(lái)說(shuō)也是適用的。在視覺(jué)傳達(dá)效果上兩者有著相似之處，頁(yè)面各種元素安排的最終結(jié)構(gòu)都要符合受眾的審美心理。如圖2所示，這是一家網(wǎng)站的主頁(yè)，盡管其載體不同于傳統(tǒng)的印刷介質(zhì)，但其藝術(shù)效果同樣給人們以強(qiáng)烈的視覺(jué)沖擊和藝術(shù)美感。

2．介質(zhì)的差異

傳統(tǒng)的計(jì)算機(jī)圖形藝術(shù)作品大多數(shù)是以印刷品的形式出現(xiàn)，而網(wǎng)頁(yè)則是通過(guò)電腦顯示器出現(xiàn)的。而且在傳輸過(guò)程中受到信道帶寬的限制。在這方面兩者存在很大的差異，計(jì)算機(jī)圖形藝術(shù)設(shè)計(jì)師們都知道，普通印刷是按色素的減法原理進(jìn)行的，設(shè)計(jì)作品為CMYK模式：而電腦顯示器的色彩工作原理是以色光加色法原理進(jìn)行的。即RGB模式。同樣的用色，但在表達(dá)效果是有很大區(qū)別的。

因受信道帶寬限制，網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)中的圖像處理也不同于傳統(tǒng)的計(jì)算機(jī)圖形藝術(shù)。為了加快下載速度，在圖像保持質(zhì)量的前提下我們盡量縮小字節(jié)數(shù)量。由于現(xiàn)在從事網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)者多數(shù)是從計(jì)算機(jī)圖形藝術(shù)的工作中轉(zhuǎn)變而來(lái)的，所以在網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)過(guò)程中為了追求頁(yè)面藝術(shù)效果，而將圖像字節(jié)數(shù)量設(shè)置過(guò)高，致使網(wǎng)頁(yè)下載速度緩慢。從網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)的實(shí)用角度來(lái)講，這是一個(gè)失敗的設(shè)計(jì)。圖像的處理技術(shù)是從事網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)者所必須掌據(jù)的。

在分辨率上，傳統(tǒng)的計(jì)算機(jī)圖形藝術(shù)是以印刷品作為介質(zhì)的。其精度越高越好，一般情況下，傳統(tǒng)的計(jì)算機(jī)圖形藝術(shù)作品在電腦中設(shè)置為360dpi(點(diǎn)／英寸)：而網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)中所使用的圖像分辨率則為72dpi。了解其介質(zhì)差異后，我們?cè)谧非笏囆g(shù)效果表達(dá)的同時(shí)應(yīng)慎重用色，不能機(jī)械地把傳統(tǒng)的計(jì)算機(jī)圖形藝術(shù)中的經(jīng)驗(yàn)套用到網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)中來(lái)。

3．功能的異同

傳統(tǒng)的計(jì)算機(jī)圖形藝術(shù)作品是以向人們傳達(dá)某種信息或訴求為目的的，而網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)除了擁有計(jì)算機(jī)圖形藝術(shù)作品的功能外，還有重要的導(dǎo)向和鏈接功能，即網(wǎng)頁(yè)應(yīng)該具有很強(qiáng)的可操作性。如頁(yè)面中的超鏈，點(diǎn)擊它們則可以進(jìn)入到其它的頁(yè)面或站點(diǎn)。這些超鏈可以是文字，也可以是動(dòng)態(tài)圖片按鈕，它們的位置安排不僅影響到整個(gè)頁(yè)面的布局，還影響到人們?yōu)g覽是否方便。互聯(lián)網(wǎng)的交互功能是最具魅力的，如何在網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)的效果表達(dá)中將這一獨(dú)特功能充分展示出來(lái)，且和網(wǎng)頁(yè)整體有機(jī)結(jié)合，也是網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)師們的一項(xiàng)重要任務(wù)。

合理布局的網(wǎng)頁(yè)圖形藝術(shù)界面設(shè)計(jì)

一般來(lái)說(shuō)，電腦顯示器的尺寸有限，通常只有17英寸。布局合理，流暢使視線融會(huì)貫通，是網(wǎng)頁(yè)設(shè)計(jì)圖形藝術(shù)必不可少的關(guān)鍵所在。在瀏覽網(wǎng)頁(yè)時(shí)，人們的視線通常垂直地落在計(jì)算機(jī)屏幕的中心，然后再向四周游動(dòng)。網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)師應(yīng)考慮將重要信息或視覺(jué)流程的停留點(diǎn)安排在注目?jī)r(jià)值高的最佳視域，使得整個(gè)網(wǎng)頁(yè)的設(shè)計(jì)主題一目了然。在界面之中，不同的視域，所引起的瀏覽者的注目程度不同，所給予的心理感受也不盡相同。網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)師可根據(jù)具體元素的傳達(dá)需要，依照畫面的重心關(guān)系，合理安排各自適當(dāng)?shù)奈恢谩＞W(wǎng)頁(yè)設(shè)計(jì)藝術(shù)中有效提高視覺(jué)傳達(dá)的效率需要把握以下幾點(diǎn)：

(1)符合人的視覺(jué)習(xí)慣

(2)避免產(chǎn)生疲勞感

(3)強(qiáng)化頁(yè)面的主從關(guān)系

(4)安排合理的視覺(jué)流程

(5)注重清晰的導(dǎo)航

另外，網(wǎng)頁(yè)設(shè)計(jì)圖形藝術(shù)還具有動(dòng)態(tài)的方面。亦即網(wǎng)頁(yè)本身具有不停閃爍的文字、不斷變化的色彩和Flash動(dòng)畫：此外，網(wǎng)頁(yè)之間的鏈接，使得人們具有訪問(wèn)更深層次頁(yè)面的興趣。在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)圖形藝術(shù)作品的創(chuàng)作中，為了能夠吸引訪問(wèn)者進(jìn)一步地觀賞網(wǎng)站，使網(wǎng)站的信息、說(shuō)明和文件更加清晰、明了地處于視覺(jué)可及范圍之內(nèi)，而不是深藏于某處無(wú)法發(fā)現(xiàn)，就需要建立導(dǎo)航系統(tǒng)來(lái)引導(dǎo)訪問(wèn)者的視覺(jué)流程。網(wǎng)站的導(dǎo)航系統(tǒng)在于如何運(yùn)用簡(jiǎn)短、易于理解的方式來(lái)呈現(xiàn)網(wǎng)站的諸多視覺(jué)方向。好的網(wǎng)站設(shè)計(jì)應(yīng)該讓其導(dǎo)航系統(tǒng)的功能使用起來(lái)自然而然、明確清楚、簡(jiǎn)便而又新穎別致。通過(guò)網(wǎng)站導(dǎo)航系統(tǒng)，可以讓瀏覽者在網(wǎng)絡(luò)空間中從站點(diǎn)的某一個(gè)地方隨意跳轉(zhuǎn)到不同層次的其他地方。

個(gè)性化的網(wǎng)頁(yè)設(shè)計(jì)----圖形藝術(shù)的界面處理

創(chuàng)意新穎、設(shè)計(jì)精美和布局合理，是計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)圖形藝術(shù)吸引瀏覽者、增加回頭率的關(guān)鍵所在。精彩的網(wǎng)頁(yè)能促使瀏覽者增加點(diǎn)擊網(wǎng)頁(yè)的沖動(dòng)和興趣，讓人在瀏覽網(wǎng)頁(yè)的整個(gè)過(guò)程中一直興趣盎然。因此．網(wǎng)頁(yè)設(shè)計(jì)圖形藝術(shù)師和開發(fā)小組就需要利用一切最先進(jìn)的技術(shù)手段來(lái)描畫和裝飾用戶所能看到的頁(yè)面，使其變得亮麗迷人、更有吸引力、更具有視覺(jué)沖擊感，確保每一網(wǎng)頁(yè)均能保持較強(qiáng)的個(gè)性化和統(tǒng)一性。要利用諸多視覺(jué)造型元素，如色彩、圖形、按鈕、聲音、動(dòng)畫等。當(dāng)然，在利用一切設(shè)計(jì)手段、最先進(jìn)的軟件和技術(shù)手段的同時(shí)，也必然要加道什么時(shí)候是不需要用它們的，做到運(yùn)用自如，因?yàn)楦咝实匕延杏眯畔鬏斀o受眾才是最主要、最關(guān)鍵的。所以，應(yīng)充分利用軟件工具，配合各種音樂(lè)和聲音，使設(shè)計(jì)制作的網(wǎng)站能為瀏覽者提供一定的交互功能，而不僅僅是死板的信息張貼。要使訪問(wèn)者看到的是一個(gè)豐富多彩、智能互動(dòng)、舒適流暢、度身定做的精彩網(wǎng)站，從而全面提升企業(yè)的整體形象。

技術(shù)的分離與藝術(shù)的成熟

這似乎是每一門藝術(shù)形式的必由之路，因?yàn)樗囆g(shù)的產(chǎn)生必然會(huì)經(jīng)歷一個(gè)由實(shí)用到審美，以勞動(dòng)為前提的發(fā)展過(guò)程。如建筑藝術(shù)最初是為了滿足人們最基本的生存需求，在幾千年的歷史中審美性和藝術(shù)性不斷發(fā)展，到今天這個(gè)幾乎沒(méi)有什么方案不可能實(shí)現(xiàn)的時(shí)代，對(duì)美的追求則成了建筑設(shè)計(jì)藝術(shù)中最重要的方向。

數(shù)字化藝術(shù)設(shè)計(jì)也是如此。以網(wǎng)頁(yè)中的圖形設(shè)計(jì)為例，在最初用HTML和Java語(yǔ)言的年代里。網(wǎng)絡(luò)圖形的設(shè)計(jì)幾乎全部是技術(shù)人員的工作。然而在滿足了傳遞信息的最基本需求之后，對(duì)藝術(shù)的要求顯得越來(lái)越重要。對(duì)美的追求越來(lái)越深入。到了今天。Microson Froltpaqe、MacromediaDreamweaver等軟件的出現(xiàn)令數(shù)字化藝術(shù)設(shè)計(jì)中的技術(shù)與藝術(shù)的分離成為可能。而在未來(lái)的藝術(shù)創(chuàng)作中，技術(shù)問(wèn)題將退至后臺(tái)由專門的技術(shù)人員完成。展現(xiàn)在觀賞者面前的是藝術(shù)家和設(shè)計(jì)師對(duì)每當(dāng)感受、表現(xiàn)和創(chuàng)造。另一方面，網(wǎng)絡(luò)圖形的藝術(shù)性也將不斷提升，普及，這則是藝術(shù)形式成熟的必然結(jié)果，而區(qū)別于傳統(tǒng)藝術(shù)形式的多媒體性、互動(dòng)性、延續(xù)性和系統(tǒng)性則是這一成長(zhǎng)過(guò)程中的有力武器。

注：本文中所涉及到的圖表、注解、公式等內(nèi)容請(qǐng)以PDF格式閱讀原文。