網(wǎng)頁藝術(shù)設(shè)計(jì)畢業(yè)論文

1、<p><b>　　畢業(yè)論文（設(shè)計(jì)）</b></p><p>　　題 目 網(wǎng)頁藝術(shù)設(shè)計(jì)</p><p>　　學(xué) 號 014910110320</p><p>　　學(xué) 生 </p><p><b>　　指導(dǎo)教師 </b></p><p

2、><b>　　評閱教師 </b></p><p>　　2012年3月20日</p><p><b>　　中文摘要</b></p><p>　　隨著網(wǎng)絡(luò)信息的飛速發(fā)展，網(wǎng)絡(luò)傳媒越來越重要。人們獲取信息的方式更多是來源于互聯(lián)網(wǎng)，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用，而網(wǎng)站就是傳媒很好的一種方式。吸引瀏覽

3、用戶的則是視覺效果出色、信息量豐富、使用起來便捷的網(wǎng)頁，所以網(wǎng)站建設(shè)越來越接近于一門藝術(shù)而不僅僅是技術(shù)。網(wǎng)頁的藝術(shù)設(shè)計(jì)，日益被網(wǎng)站建設(shè)者所注重。我將網(wǎng)頁藝術(shù)設(shè)計(jì)與其他藝術(shù)設(shè)計(jì)進(jìn)行比較，嘗試從網(wǎng)頁設(shè)計(jì)的環(huán)境、內(nèi)容、原則和特點(diǎn)等四個(gè)方面，對這個(gè)新的藝術(shù)設(shè)計(jì)領(lǐng)域進(jìn)行初步的歸納總結(jié)和理論探討。我認(rèn)為網(wǎng)頁藝術(shù)設(shè)計(jì)在網(wǎng)絡(luò)的技術(shù)環(huán)境和網(wǎng)絡(luò)的媒體環(huán)境下，網(wǎng)頁藝術(shù)設(shè)計(jì)是藝術(shù)設(shè)計(jì)與技術(shù)的高度統(tǒng)一，指出網(wǎng)頁藝術(shù)設(shè)計(jì)包含視聽元素與版式設(shè)計(jì)兩項(xiàng)內(nèi)容；以主題鮮明、

4、形式與內(nèi)容統(tǒng)一、強(qiáng)調(diào)整體為設(shè)計(jì)原則；具有交互性與持續(xù)性、多維性、綜合性、版式的不可控制性、藝術(shù)與技術(shù)結(jié)合的緊密性等五個(gè)特點(diǎn)。在明確了網(wǎng)頁藝術(shù)設(shè)計(jì)與網(wǎng)站主題的關(guān)系的基礎(chǔ)上，提出了“美”和“功能”都是為了更好地表達(dá)網(wǎng)站主題這一觀點(diǎn)。</p><p>　　關(guān)鍵詞：互聯(lián)網(wǎng) 網(wǎng)頁 藝術(shù)設(shè)計(jì)</p><p><b>　　緒言</b></p><p>　　I

5、nternet是目前世界上最大的計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)，它遍布全球，將世界各地各種規(guī)模的網(wǎng)絡(luò)連接成一個(gè)整體。作為Internet上一種先進(jìn)的，易于被人們所接受的信息檢索手段，World Wide Web(簡稱WWW)發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫。據(jù)估計(jì)，目前Internet上已有上百萬個(gè)Web站點(diǎn)，其內(nèi)容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各個(gè)領(lǐng)域，其用戶群十分龐大，因此，建設(shè)一個(gè)好的Web站點(diǎn)對于

6、一個(gè)機(jī)構(gòu)的發(fā)展十分重要。近年來，隨著網(wǎng)絡(luò)用戶要求的不斷提高及計(jì)算機(jī)科學(xué)的迅速發(fā)展，Web站點(diǎn)向用戶提供的服務(wù)將越來越豐富，越來越人性化。而網(wǎng)頁的設(shè)計(jì)也越來越被網(wǎng)站建設(shè)者所重視，隨著人們對美的認(rèn)識和欣賞要求越來越高，因此網(wǎng)頁的藝術(shù)設(shè)計(jì)者們也越來越專業(yè)化、藝術(shù)化。</p><p>　　網(wǎng)頁藝術(shù)設(shè)計(jì)是伴隨著計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)的產(chǎn)生而形成的視聽設(shè)計(jì)新課題，是網(wǎng)頁設(shè)計(jì)者以所處時(shí)代所能獲取的技術(shù)和藝術(shù)經(jīng)驗(yàn)為基礎(chǔ)，依照設(shè)計(jì)目的和要

7、求自覺地對網(wǎng)頁的構(gòu)成元素進(jìn)行藝術(shù)規(guī)劃的創(chuàng)造性思維活動(dòng)，必然要成為設(shè)計(jì)藝術(shù)的重要組成部分，并隨著網(wǎng)絡(luò)技術(shù)的發(fā)展而發(fā)展。表面上看，它不過是關(guān)于網(wǎng)頁版式編排的技巧與方法，而實(shí)際上，它不僅是一種技能，更是藝術(shù)與技術(shù)的高度統(tǒng)一。</p><p><b>　　目 錄</b></p><p>　　1網(wǎng)頁藝術(shù)設(shè)計(jì)的環(huán)境.................................

8、.........................4</p><p>　　1.1網(wǎng)絡(luò)的技術(shù)環(huán)境…………………………………………………….……………5</p><p>　　1.2網(wǎng)絡(luò)的媒體環(huán)境………………………………………………………………….4</p><p>　　2網(wǎng)頁藝術(shù)設(shè)計(jì)的內(nèi)容.........................................

9、.................7</p><p>　　1.1視聽元素………....................................................................7</p><p>　　1.2版式設(shè)計(jì)………...................................................................

10、.7</p><p>　　3網(wǎng)頁藝術(shù)設(shè)計(jì)的原則..........................................................9</p><p>　　1.1主題鮮亮……......................................................................9</p><p>　　

11、1.2形勢和內(nèi)容統(tǒng)一…………….…...............................................11</p><p>　　1.3強(qiáng)調(diào)整體..........................................................................11</p><p>　　4網(wǎng)頁藝術(shù)設(shè)計(jì)的特點(diǎn)...............

12、.........................................13</p><p>　　1.1交互性和持續(xù)性…………………………………………………….……。..…13</p><p>　　1.2多維性.............................................................................13</p&

13、gt;<p>　　1.3多種媒體的綜合性.............................................................14</p><p>　　1.4版式的不可控性.......................................................................15</p><p>　　1

14、.5技術(shù)和藝術(shù)結(jié)合的緊密性...........................................................16</p><p>　　5結(jié)束語..........................................................................................18</p><p>　　6致謝詞

15、..........................................................................................19</p><p>　　7參考文獻(xiàn)......................................................................................20</p>

16、<p>　　1網(wǎng)頁藝術(shù)設(shè)計(jì)的環(huán)境</p><p>　　在網(wǎng)頁的設(shè)計(jì)和制作過程中，了解技術(shù)和媒體因素是網(wǎng)頁藝術(shù)設(shè)計(jì)的前提，可以說，技術(shù)和藝術(shù)的結(jié)合是網(wǎng)頁設(shè)計(jì)的最高境界。從技術(shù)為人民服務(wù)的觀念出發(fā)，我們盡可能地從用戶的角度來設(shè)計(jì)。例如，用戶是普通的沖浪者，那么，應(yīng)該采用通用的技術(shù)進(jìn)行設(shè)計(jì)，盡量少用圖形比考慮以640×480dpi作為基本分辨率。而如果用戶主要是高級技術(shù)人員，則可采用更高分辨率和連接

17、速度。總之，若想更多的人能很好的訪問你設(shè)計(jì)的網(wǎng)頁站點(diǎn)，就必須適應(yīng)不同的瀏覽器、操作系統(tǒng)和計(jì)算機(jī)平臺訪問的技術(shù)環(huán)境。</p><p>　　1.1網(wǎng)頁的技術(shù)環(huán)境</p><p>　　1.1.1關(guān)于瀏覽器的技術(shù)</p><p>　　為了設(shè)計(jì)一個(gè)吸引人的網(wǎng)頁，我們必須盡量滿足不同的瀏覽器的要求。為保證兼容性，有些網(wǎng)頁設(shè)計(jì)建議使用老版本的HTML，而另一些人則認(rèn)為應(yīng)當(dāng)使用最新

18、的標(biāo)準(zhǔn)和功能以推動(dòng)技術(shù)的進(jìn)步。下面是確定設(shè)計(jì)站點(diǎn)網(wǎng)頁的最佳方式。</p><p>　?。?）采用可兼容性技術(shù)</p><p>　　盡管設(shè)計(jì)出總能正常顯示的頁面看起來很難，但也并非不可能。例如采用可兼容性技術(shù)，該方法使用比最新版本稍舊的HTML進(jìn)行編碼，故可在不同的瀏覽器之間達(dá)到最大兼容性。</p><p><b>　?。?）采用最新技術(shù)</b>

19、</p><p>　　一些設(shè)計(jì)者堅(jiān)持要求用戶采用最新的瀏覽器以便跟上他們。這種方法使得站點(diǎn)緊跟技術(shù)發(fā)展的步伐，因此令人興奮、更具有吸引力，通常用戶不僅要有最新的瀏覽器，還要有能夠顯示特殊媒體類型的增強(qiáng)插件，如FLASH的播放器，沒有這種插件，用戶將無法看到頁面的動(dòng)畫效果。</p><p>　　（3）采用聲明瀏覽器技術(shù)</p><p>　　這種方法是聲明本站點(diǎn)使用特點(diǎn)

20、瀏覽器。該聲明使站點(diǎn)的設(shè)計(jì)者已經(jīng)放棄了對其它瀏覽器的支持，也許設(shè)計(jì)者想使用一些獨(dú)特的技術(shù)，但也可能發(fā)現(xiàn)站點(diǎn)在其它瀏覽器上顯示不正常。總之，這樣聲明一下也許是一種最便利的方法。</p><p>　　1.1.2關(guān)于屏幕分辨率的技術(shù)</p><p>　　作為一名網(wǎng)頁設(shè)計(jì)者，應(yīng)懂得如何適應(yīng)不同的分辨率。目前采用的分辨率為640×480，因?yàn)榇蠖鄶?shù)顯示器的缺省設(shè)置為640×480

21、，如果按高分辨率進(jìn)行設(shè)計(jì)時(shí)，一定要小心，任何無法在640×480窗口中完全顯示的內(nèi)容將會自動(dòng)產(chǎn)生滾動(dòng)條，用戶在閱讀時(shí)不得不頻繁的從左向滾動(dòng)屏幕。盡管垂直滾動(dòng)條很常見，但水平滾動(dòng)條卻很令人討厭。如果知道用戶使用的是高分辨率，則可以按此設(shè)計(jì)，否則應(yīng)按較低的分辨率設(shè)計(jì)以保證頁面的正常顯示。同樣，為保證用戶能正常閱讀頁面，應(yīng)在不同的分辨率下進(jìn)行測試。</p><p>　　1.1.3關(guān)于寬帶的技術(shù)</p&g

22、t;<p>　　多數(shù)用戶也許還需要進(jìn)過數(shù)年的時(shí)間才能穩(wěn)定高速地連入互聯(lián)網(wǎng)，在這之前，設(shè)計(jì)站點(diǎn)的觀感時(shí)要考慮到用戶的低寬帶連接。許多設(shè)計(jì)者忽略了在不同的</p><p><b>　　第1頁</b></p><p>　　連接速度下進(jìn)行測試。如果不進(jìn)行測試，那么將無法知道用戶在不同連接速度下瀏覽網(wǎng)頁的真實(shí)情況，并可能因此失去有價(jià)值的用戶。所以說，；連接速度將影

23、響網(wǎng)頁的設(shè)計(jì)，我們應(yīng)該精心規(guī)劃頁面以使其能適應(yīng)不同的連接速度。</p><p>　　影響網(wǎng)頁顯示速度最主要的因素是頁面上圖形的大小和數(shù)量，所以設(shè)計(jì)時(shí)應(yīng)盡量簡化頁面，少使用圖形。</p><p>　　1.2網(wǎng)頁的媒體環(huán)境</p><p>　　計(jì)算機(jī)屏幕是網(wǎng)頁的最終目的地，它與那些傳統(tǒng)的基于紙張的媒體完全不同。在設(shè)計(jì)站點(diǎn)，記住信息顯示的載體是計(jì)算機(jī)，而非打印紙。作為一名

24、網(wǎng)頁設(shè)計(jì)者，必須針對計(jì)算機(jī)屏幕進(jìn)行設(shè)計(jì)，必須考慮布局、字體和顏色以及它們?nèi)绾物@示。必須考慮超文本的非線性特點(diǎn)，把適合的鏈接和相關(guān)內(nèi)容有機(jī)地結(jié)合起來。通過提供對相關(guān)主題的鏈接，使用戶可以自主地選擇訪問信息的路徑。要讓用戶在你的站點(diǎn)中感到舒適，讓他們知道自己在哪兒，可以到什么地方去。</p><p>　　2網(wǎng)頁藝術(shù)設(shè)計(jì)的內(nèi)容</p><p>　　設(shè)計(jì)活動(dòng)中包含著主觀和客觀兩方面的因素，在確立了

25、網(wǎng)頁主題之后，首先要明確和熟悉設(shè)計(jì)的對象和構(gòu)成的要素。網(wǎng)頁藝術(shù)設(shè)計(jì)涉及的具體內(nèi)容很多，可以概括為視聽元素和版式設(shè)計(jì)兩個(gè)方面。</p><p><b>　　1.1視聽元素</b></p><p>　　這里所說的視聽元素，主要包括：文本、背景、按鈕、圖標(biāo)、圖像、表格、顏色、導(dǎo)航工具、背景音樂、動(dòng)態(tài)影像等。無論是文字、圖形、動(dòng)畫、還是音頻、視頻、網(wǎng)頁設(shè)計(jì)者所要考慮的是如何以

26、感人的形式把它們放進(jìn)頁面這個(gè)“大畫布”里。多媒體技術(shù)的運(yùn)用大大豐富了網(wǎng)頁藝術(shù)設(shè)計(jì)的表現(xiàn)力。</p><p>　　以上各視聽元素大多數(shù)瀏覽器本身都可以顯示或收聽，無需任何外部程序或模塊支持。比如。大部分瀏覽器都可以顯示GIF、JPEG圖形和GIF89a動(dòng)畫。還有些多媒體文件（如MP3音樂）需要先下載到本地硬盤上，然后啟動(dòng)相應(yīng)的外部程序來播放。另外，在瀏覽器使用插件(Plug—in)可以播放更多格式的多媒體文件。微軟

27、推出IE瀏覽器后，提供了基于OLE的ActiveX技術(shù)，用來在網(wǎng)頁中播放多媒體。目前ActiveX已經(jīng)成為熟門技術(shù)。另一種播放多媒體的技術(shù)是JavaApplet。它是用Java語言編寫的應(yīng)用于網(wǎng)頁之中的小應(yīng)用程序，相比于插件和ActiveX, JavaApplet具有更大的靈活性和良好的跨平臺能力，因此具有很好的發(fā)展前景?？傊夹g(shù)的不斷發(fā)展使多媒體元素在網(wǎng)頁藝術(shù)設(shè)計(jì)中的綜合運(yùn)用越來越廣泛，使瀏覽者可以享受到更加完美的視聽效果。這些新技

28、術(shù)的出現(xiàn)，也對網(wǎng)頁的藝術(shù)設(shè)計(jì)提出了更高的要求。</p><p><b>　　1.2版式設(shè)計(jì)</b></p><p>　　網(wǎng)頁的版式設(shè)計(jì)同報(bào)刊雜志等平面媒體的版式設(shè)計(jì)有很多共同之處，它在網(wǎng)頁的藝術(shù)設(shè)計(jì)中占據(jù)著重要的地位。所謂網(wǎng)頁的版式設(shè)計(jì)，是在有限的屏幕空間</p><p><b>　　第2頁</b></p>

29、<p>　　上將視聽多媒體元素進(jìn)行有機(jī)的排列組合，將理性思維個(gè)性化的表現(xiàn)出來，是一種具有個(gè)人風(fēng)格和藝術(shù)特色的視聽傳達(dá)方式。它在傳達(dá)信息的同時(shí)，也產(chǎn)生感官上的美感和精神上的享受。</p><p>　　但網(wǎng)頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規(guī)格尺寸，網(wǎng)頁則不然，它的尺寸是由讀者來控制的。這使網(wǎng)頁設(shè)計(jì)者不能精確控制頁面上每個(gè)元素的尺寸和位置。而且，網(wǎng)頁的組織結(jié)構(gòu)不像印刷品那樣為線性組合，這

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

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

32、t;/p><p>　　根據(jù)認(rèn)知心理學(xué)的理論，大多數(shù)人在短期記憶中只能同時(shí)把握4到7條分立的信息，而對多于7條的分立信息或者不分立的信息更為有效和容易瀏覽。這個(gè)規(guī)律蘊(yùn)含在人們尋找信息和使用信息的實(shí)踐活動(dòng)中，它要求視覺設(shè)計(jì)者的設(shè)計(jì)活動(dòng)必須自覺地掌握和遵從。</p><p>　　作為視覺設(shè)計(jì)范疇一種的網(wǎng)頁藝術(shù)設(shè)計(jì)，其最終目的是達(dá)到最佳的主題訴求效果。這種效果的取得，一方面通過對網(wǎng)頁主題思想運(yùn)用邏輯規(guī)

33、律進(jìn)行條理性處理，使之符合瀏覽者而獲取信息的心理需求和邏輯方式，讓瀏覽者快速地理解和吸收；另一方面通過對網(wǎng)頁構(gòu)成元素運(yùn)用藝術(shù)的形式美法則進(jìn)行條理性處理，更好地營造符合設(shè)計(jì)目的的視覺環(huán)境，突出主題，增強(qiáng)瀏覽者對網(wǎng)頁的注意力，增進(jìn)對網(wǎng)頁內(nèi)容的理解。只有兩個(gè)方面有機(jī)的統(tǒng)一，才能實(shí)現(xiàn)最佳的主題訴求效果。</p><p>　　優(yōu)秀的網(wǎng)頁設(shè)計(jì)必然服務(wù)與網(wǎng)站的主題，就是說，什么樣的網(wǎng)站，應(yīng)該有什么樣的設(shè)計(jì)。例如：設(shè)計(jì)類的個(gè)人站

34、點(diǎn)與商業(yè)站點(diǎn)性質(zhì)不同，目的也不同，所以評論的標(biāo)準(zhǔn)也不同。網(wǎng)頁藝術(shù)設(shè)計(jì)與網(wǎng)站主題的關(guān)系應(yīng)該是這樣：首先，設(shè)計(jì)是為主題服務(wù)的；其次，設(shè)計(jì)是藝術(shù)和技術(shù)結(jié)合的產(chǎn)物，就是說。即要“美”，又要實(shí)現(xiàn)“功能”；最后，“美”和“功能”都是為了更好地表達(dá)主題。例如，雅虎作為一個(gè)搜索引擎，首先要實(shí)現(xiàn)“搜索”的“功能”。它的主題即是它的“功能”。而一個(gè)個(gè)人網(wǎng)站，可以只體現(xiàn)作者的設(shè)計(jì)思想，或者僅僅以設(shè)計(jì)出“美”</p><p><b

35、>　　第3頁</b></p><p>　　的網(wǎng)頁為目的。它的主題只有一個(gè)，就是——美。</p><p>　　只注重主題思想的條理性而忽視網(wǎng)頁構(gòu)成元素空間關(guān)系的形式美組合，或者只重視網(wǎng)頁形式上的條理而淡化主題思想的邏輯，都將削弱網(wǎng)頁主題的最佳訴求效果，難以吸引瀏覽者的注意力，出現(xiàn)平庸的網(wǎng)頁設(shè)計(jì)或使網(wǎng)頁設(shè)計(jì)以失敗而告終。</p><p>　　要使網(wǎng)頁從

36、形式上獲得良好的誘導(dǎo)力，鮮明地突出訴求主題，具體可以通過對網(wǎng)頁的空間層次、主從關(guān)系、視覺秩序及彼此間的邏輯性的把握運(yùn)用來達(dá)到。</p><p>　　1.2形式與內(nèi)容統(tǒng)一</p><p>　　任何設(shè)計(jì)都有一定的內(nèi)容和形式。內(nèi)容是構(gòu)成設(shè)計(jì)的一切內(nèi)在要素的總和，</p><p>　　是設(shè)計(jì)存在的基礎(chǔ)，被稱為“設(shè)計(jì)的靈魂”：形式是構(gòu)成內(nèi)容諸要素的內(nèi)部結(jié)構(gòu)</p>

37、<p>　　或內(nèi)容的外部表現(xiàn)方式。設(shè)計(jì)的內(nèi)容就是指它的主題、形象、題材等要素的總和，形式就是它的結(jié)構(gòu)、風(fēng)格或設(shè)計(jì)必定是形式對內(nèi)容的完美表現(xiàn)。正如黑格爾所說“工藝的美就不在于要求實(shí)用品的外部造型、色彩、紋樣去模擬事物，再現(xiàn)現(xiàn)實(shí)，而在于使其外部形式傳達(dá)和表現(xiàn)出一定的情緒、氣氛、格調(diào)、風(fēng)尚、趣味，使物質(zhì)經(jīng)由象征變成相似于精神生活的有關(guān)環(huán)境?！?黑格爾《美學(xué)》第三卷)</p><p>　　一方面，網(wǎng)頁設(shè)計(jì)所

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

39、和充分的考慮來實(shí)現(xiàn)全面的功能并體現(xiàn)美感才能實(shí)現(xiàn)形式與內(nèi)容的統(tǒng)一。</p><p>　　據(jù)有關(guān)資料所做的保守估計(jì)，目前在WWW上網(wǎng)頁數(shù)據(jù)傳輸平均以每秒1.5k的速度到達(dá)客戶端。假設(shè)某個(gè)網(wǎng)頁為了豐富其藝術(shù)性而追趕時(shí)髦地大量使用圖像或其它多媒體元素等，雖然達(dá)到了其靜態(tài)形式美的效果，卻造成多達(dá)幾十k甚至更大的網(wǎng)頁數(shù)據(jù)，使瀏覽者必須等待很長時(shí)間才能看到“廬山真面目”，這樣的網(wǎng)頁就不是一個(gè)優(yōu)秀的網(wǎng)頁，因?yàn)樗环暇W(wǎng)頁傳播信息

40、的突出特性之一——快捷性，使網(wǎng)頁內(nèi)容不能很快地到達(dá)訪問者，影響了訪問效果和質(zhì)量，損害了訪問者的情趣和積極性，這種技術(shù)要素影響了傳達(dá)信息的效果，因而不是形式與內(nèi)容的完美統(tǒng)一。</p><p>　　網(wǎng)頁具有多屏、分頁、嵌套等特性，設(shè)計(jì)者可以對其進(jìn)行形式上的適當(dāng)變化以達(dá)到多變性處理效果，豐富整個(gè)網(wǎng)頁的形式美。這就要求設(shè)計(jì)者在注意單個(gè)頁面形式與內(nèi)容統(tǒng)一的同時(shí)，更不能忽視同一主題下多個(gè)分頁面組成的整體網(wǎng)頁的形式的整體內(nèi)容的

41、統(tǒng)一、</p><p>　　為了將豐富的意義和多樣的形式組織成統(tǒng)一的頁面結(jié)構(gòu)，形式語言必須符合</p><p>　　頁面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。靈活運(yùn)用對比與調(diào)和、對稱與平衡、節(jié)奏與</p><p>　　韻律以及留白等手段，通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對稱原則在頁面設(shè)計(jì)中，它的均衡有時(shí)會使頁面顯得呆板，但如果加入一些富

42、有動(dòng)感的文字、圖案，或采用夸張的手法來表現(xiàn)內(nèi)容往往</p><p><b>　　第4頁</b></p><p>　　會達(dá)到比較好的效果。點(diǎn)、線、面作為視覺語言中的基本元素，巧妙地互相穿插、</p><p>　　互相村托、互相補(bǔ)充構(gòu)成最佳的頁面效果，充分表達(dá)完美的設(shè)計(jì)意境。</p><p>　　因此，在網(wǎng)頁設(shè)計(jì)中必須注意形

43、式與內(nèi)容的高度統(tǒng)一。</p><p><b>　　1.3強(qiáng)調(diào)整體</b></p><p>　　網(wǎng)頁的整體性包括內(nèi)容和形式上的整體性，這里主要討論設(shè)計(jì)形式上的整體性。網(wǎng)頁時(shí)傳播信息的載體，它要表達(dá)的是一定的內(nèi)容，主題和意念，在適當(dāng)?shù)臅r(shí)間和空間環(huán)境里為人們所理解和接受，它以滿足人們的實(shí)用和需求為目標(biāo)。設(shè)計(jì)時(shí)強(qiáng)調(diào)其整體性，可以使瀏覽者更快捷、更準(zhǔn)確、更全面地認(rèn)識它、掌握它，

44、</p><p>　　并給人一種內(nèi)部有機(jī)聯(lián)系、外部和和諧完整的美感。整體性也是體現(xiàn)一個(gè)站點(diǎn)獨(dú)特風(fēng)格的重要手段之一。</p><p>　　網(wǎng)頁的結(jié)構(gòu)形式是由各種視聽要素組成。在設(shè)計(jì)網(wǎng)頁時(shí)，強(qiáng)調(diào)頁面各組成部分的共性因素或者使諸部分共同含有某種形式特征，是求得整體的常用方法。這主要從版式、色彩、風(fēng)格等方面入手。例如：在版式上，將頁面中各種視覺要素作通盤考慮，以周密的組織和精確的定位來獲得頁面的秩

45、序感，即使運(yùn)用“散”的結(jié)構(gòu)，也是經(jīng)過深思熟慮之后的決定：一個(gè)站點(diǎn)通常只使用兩到三種標(biāo)準(zhǔn)色，并注意色彩搭配的和諧；對于分屏的長頁面，不可設(shè)計(jì)完第一屏再考慮下一屏。同樣，整個(gè)網(wǎng)頁內(nèi)部的頁面，都應(yīng)統(tǒng)一規(guī)劃，統(tǒng)一風(fēng)格，讓瀏覽者體會到設(shè)計(jì)者的完整的設(shè)計(jì)思想。</p><p>　　從某種意義上講，強(qiáng)調(diào)網(wǎng)頁結(jié)構(gòu)形式的視覺整體性必然會犧牲靈活的多變性，“物極必反”就是這個(gè)道理。因此，在強(qiáng)調(diào)網(wǎng)頁整體性設(shè)計(jì)的同時(shí)必須注意，過于強(qiáng)調(diào)整

46、體性可能會使網(wǎng)頁呆板、沉悶，以致影響訪問者的情趣和繼續(xù)瀏覽的欲望。“整體”是“多變”基礎(chǔ)上的整體。</p><p>　?。ㄋ模┚W(wǎng)頁藝術(shù)設(shè)計(jì)的特點(diǎn)</p><p>　　1.1交互性與持續(xù)性</p><p>　　網(wǎng)頁不同于傳統(tǒng)媒體之處，就在于信息的動(dòng)態(tài)更新和即時(shí)交互性。即時(shí)的交互性是Web成為熱點(diǎn)的主要原因，也是網(wǎng)頁設(shè)計(jì)時(shí)必須考慮的問題。傳統(tǒng)媒體（如廣播、電視節(jié)目、報(bào)刊

47、雜志等）都以線性方式提供信息，即按照信息提供者的感覺、體驗(yàn)和事先確定的格式來傳播。而是以一個(gè)主動(dòng)參與者的身份加入到信息的加工處理和發(fā)布之中。這種持續(xù)的交互，使網(wǎng)頁藝術(shù)設(shè)計(jì)不像印刷品設(shè)計(jì)那樣，發(fā)表之后就意味著設(shè)計(jì)的結(jié)束。網(wǎng)頁設(shè)計(jì)人員必須根據(jù)網(wǎng)站各個(gè)階段的經(jīng)營目標(biāo)，配合網(wǎng)站不同時(shí)期的經(jīng)營策略，以及用戶的反饋信息，經(jīng)常地對網(wǎng)頁進(jìn)行調(diào)整和修改。例如，為了保持瀏覽者對網(wǎng)站的新鮮感，很多大型網(wǎng)站總是定期或不</p><p>

48、<b>　　第5頁</b></p><p>　　定期的進(jìn)行改版，這就需要設(shè)計(jì)者在保持網(wǎng)站視覺形象一貫性的基礎(chǔ)上，不斷創(chuàng)</p><p>　　作出新的網(wǎng)頁設(shè)計(jì)作品。</p><p><b>　　1.2多維性</b></p><p>　　多維性源于超級鏈接，主要體現(xiàn)在網(wǎng)頁設(shè)計(jì)中對導(dǎo)航的設(shè)計(jì)上。由于超級鏈

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

50、品中導(dǎo)航問題不是那么突出，如果一個(gè)句子在頁尾突然中止，讀者會很自然地翻到下一頁查找剩余部分，為了幫助讀者找到他們要找信息，出版者提供了目錄、索引或腳注。如果文章從期刊中的一頁跳到后面的非順序頁時(shí)，讀者會看到類似于“續(xù)68”這樣的指引語句。然而，作為一名網(wǎng)頁設(shè)計(jì)者，你以前所學(xué)的導(dǎo)航技術(shù)沒有一種完全適合于網(wǎng)頁導(dǎo)航。在替瀏覽者考慮得周到的網(wǎng)頁中，導(dǎo)航提供了足夠的、不同角度的連接，幫助讀者在網(wǎng)頁的各個(gè)部分之間跳轉(zhuǎn)，并告知瀏覽者現(xiàn)在所在的位置、當(dāng)

51、前頁面時(shí)按層次結(jié)構(gòu)組織的，通常還有一個(gè)返回主頁的按鈕或鏈接，如果頁面時(shí)按層次結(jié)構(gòu)組織的，通常還有一個(gè)返回上級頁面的鏈接。對于網(wǎng)頁設(shè)計(jì)者來說，面對的不是按順序排列的印刷頁面，而是自由分散的網(wǎng)頁，因此必須考慮更多的問題。如：怎樣構(gòu)建合理的頁面組織結(jié)構(gòu)，讓瀏覽者對你提供的巨量信息感到條理？怎樣建立包括站點(diǎn)索引、幫助頁面、查詢功能在內(nèi)的導(dǎo)航系統(tǒng)？這一切從那兒開始，到那兒結(jié)束？</p><p>　　1.3多媒體的綜合性&l

52、t;/p><p>　　目前網(wǎng)頁中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等，隨著網(wǎng)絡(luò)寬帶的增加、芯片處理速度的提高以及跨平臺的多媒體文件格式的推廣，必</p><p>　　須促使設(shè)計(jì)者綜合運(yùn)用多種媒體元素來設(shè)計(jì)網(wǎng)頁，以滿足和豐富瀏覽者對網(wǎng)絡(luò)信息傳輸質(zhì)量提出的更高要求。目前國內(nèi)網(wǎng)頁已經(jīng)出現(xiàn)了模擬三維的操作界面，在數(shù)據(jù)壓縮技術(shù)的改進(jìn)和流（Stream）技術(shù)的推動(dòng)下，Internet網(wǎng)上出現(xiàn)

53、實(shí)時(shí)的音頻和視頻服務(wù)，典型的有在線音樂、在線廣播、網(wǎng)上電影、網(wǎng)上直播等。因此，多媒體的綜合運(yùn)用時(shí)網(wǎng)頁藝術(shù)設(shè)計(jì)的特點(diǎn)之一，是未來的發(fā)展方向。</p><p>　　1.4版式的不可控性</p><p>　　網(wǎng)頁版式設(shè)計(jì)與傳統(tǒng)印刷版式設(shè)計(jì)有著極大的差異：</p><p>　?。?）印刷品設(shè)計(jì)者可以指定使用的紙張和油墨，而網(wǎng)頁設(shè)計(jì)者卻不能要求瀏覽者使用什么樣的電腦或?yàn)g覽器；

54、</p><p>　?。?）網(wǎng)絡(luò)正處于不斷發(fā)展之中，不像印刷那樣基本具備了成熟的印刷標(biāo)準(zhǔn)；</p><p>　　（3）網(wǎng)頁設(shè)計(jì)過程中有關(guān)Web的每一件事都可能隨時(shí)發(fā)生變化。</p><p>　　這一切說明，網(wǎng)絡(luò)應(yīng)用尚處在發(fā)展之中，關(guān)于網(wǎng)絡(luò)應(yīng)用也很難再各個(gè)方面都</p><p><b>　　第6頁</b></p>

55、;<p>　　制訂出統(tǒng)一的標(biāo)準(zhǔn)，這必然導(dǎo)致網(wǎng)頁版式設(shè)計(jì)的不可控性。其具體表現(xiàn)為：</p><p>　?。?）網(wǎng)頁頁面會根據(jù)當(dāng)前瀏覽器窗口大小自動(dòng)格式化輸出；</p><p>　　（2）網(wǎng)頁的瀏覽者可以控制網(wǎng)頁頁面在瀏覽器中的顯示方式；</p><p>　　（3）不同種類、版本的瀏覽器觀察同一個(gè)網(wǎng)頁頁面，效果會有所不同；</p><p

56、>　?。?）用戶的瀏覽器工作環(huán)境不同，顯示效果也會有所不同。</p><p>　　把所有這些問題歸納為一點(diǎn)，即網(wǎng)頁設(shè)計(jì)者無法控制頁面在用戶端的最終顯示效果，但這也正是網(wǎng)頁設(shè)計(jì)的吸引人之處。</p><p>　　1.5技術(shù)與藝術(shù)結(jié)合的緊密性</p><p>　　設(shè)計(jì)是主觀和客觀共同作用的結(jié)果，是在自由和不自由之間進(jìn)行的，設(shè)計(jì)者不能超越自身已有的經(jīng)驗(yàn)和所處環(huán)境提供

57、的客觀條件限制，優(yōu)秀設(shè)計(jì)者正是掌握客觀規(guī)律基礎(chǔ)上得到了完全的自由，一種想象和創(chuàng)造的自由。網(wǎng)絡(luò)技術(shù)主要表現(xiàn)為客觀因素，藝術(shù)創(chuàng)意主要表現(xiàn)為主觀因素，網(wǎng)頁設(shè)計(jì)者應(yīng)該積極主動(dòng)地掌握現(xiàn)有的各種網(wǎng)絡(luò)技術(shù)規(guī)律，注重技術(shù)和藝術(shù)緊密結(jié)合，這樣才能窮盡技術(shù)之長，實(shí)現(xiàn)藝術(shù)想象，滿足瀏覽者對網(wǎng)頁信息的高質(zhì)量需求。</p><p>　　例如，瀏覽者欣賞一段音樂或電影，以前必須先將這段音樂或電影下載回本地機(jī)器，然后使用相應(yīng)的程序來播放，由于

58、音頻或視頻文件都比較大，需要較長的時(shí)間來下載。流(Stream)技術(shù)出現(xiàn)以后，網(wǎng)頁設(shè)計(jì)者充分、巧妙地應(yīng)用此技術(shù)，讓瀏覽者在下載過程中可以欣賞這段音樂或電影，實(shí)現(xiàn)了實(shí)時(shí)的網(wǎng)上視頻直播服務(wù)和在線欣賞音樂服務(wù)，無疑增強(qiáng)了頁面?zhèn)鞑バ畔⒌谋憩F(xiàn)力和感染力。</p><p>　　網(wǎng)絡(luò)技術(shù)與藝術(shù)創(chuàng)意的緊密結(jié)合，使網(wǎng)頁的藝術(shù)設(shè)計(jì)由平面設(shè)計(jì)擴(kuò)展到立體設(shè)計(jì)，由純粹的視覺藝術(shù)擴(kuò)展到空間聽覺藝術(shù)，網(wǎng)頁效果不再近似于書籍或報(bào)刊雜志等印刷媒體

59、，而更接近于電影或電視的觀賞效果。技術(shù)發(fā)展促進(jìn)了技術(shù)與藝術(shù)的緊密結(jié)合，把瀏覽者帶入一個(gè)真正現(xiàn)實(shí)中的虛擬世界。技術(shù)與藝術(shù)的緊密結(jié)合在網(wǎng)頁藝術(shù)設(shè)計(jì)中體現(xiàn)得尤為突出。</p><p><b>　　第7頁</b></p><p><b>　　(五)、結(jié)束語</b></p><p>　　網(wǎng)頁作為一種新的視覺表現(xiàn)形式，它的發(fā)展雖然沒有

60、多長時(shí)間，它兼容了傳統(tǒng)平面視覺的特征，又具備其所沒有的優(yōu)勢，成為今后信息交流的一個(gè)非常有影響的途徑。網(wǎng)頁設(shè)計(jì)是一種綜合性的設(shè)計(jì)，它所涉及的范圍非常的廣泛，在本文中只從視覺傳達(dá)的角度進(jìn)行了一些闡述與分析。好的網(wǎng)頁設(shè)計(jì)除首先應(yīng)考慮其內(nèi)容上的精益求精外，其次就是對內(nèi)容合理有效的視覺編排。是任何網(wǎng)頁所必需具備的基本因素，網(wǎng)頁信息不僅是為了滿足使用者的需求，更重要的是創(chuàng)造一種預(yù)約鵝鵝鵝的視覺環(huán)境，技術(shù)與藝術(shù)的緊密結(jié)合在網(wǎng)頁藝術(shù)設(shè)計(jì)中體現(xiàn)得尤為突出

61、。</p><p><b>　　第8頁</b></p><p><b>　　(六)、致謝詞</b></p><p>　　我們讀書就是為了獲得知識，這次的論文設(shè)計(jì)將讓我重新了解很多在學(xué)校學(xué)不到的東西，也借此回顧一下我大學(xué)所學(xué)的知識。它讓我對我所學(xué)過的知識有所鞏固和提高。</p><p>　　經(jīng)過兩個(gè)多

62、月的時(shí)間我的畢業(yè)論文撰寫順利完成。在此我要特別感謝我的指導(dǎo)老師xx老師在此期間給予我的幫助和指導(dǎo)。在這期間，多次向老師請教，他給予了我極大的幫助，指引我們的論文寫作的方向和架構(gòu)，讓我更清晰的了解了設(shè)計(jì)的整體規(guī)劃，從而比較容易的著手，也能按時(shí)完成，借此真誠的向何老師道聲“謝謝”！</p><p>　　畢業(yè)論文的結(jié)束，也宣告了我大學(xué)生涯的終結(jié)，心里雖然充滿了期待，但也有不舍，想想自己走過來的一步一步，一點(diǎn)一滴，心中感

63、慨萬千，希望自己帶著那份對未來社會的憧憬和希望，順利走進(jìn)社會的大家庭，開始自己新的生活，在此，感謝長久以來老師和同學(xué)們的幫助，謝謝你們！</p><p><b>　　第9頁</b></p><p><b>　　六、參考文獻(xiàn)</b></p><p>　　（1）謝依君《電子報(bào)的新聞界面分析》，臺北：臺灣國立政治大學(xué)新聞學(xué)系，1

64、999.</p><p>　　(2)唐良瑞，蔡安妮，孫景鰲?！稄恼J(rèn)知心理及人機(jī)界面談網(wǎng)頁設(shè)計(jì)》，《工程圖學(xué)學(xué)報(bào)》，2000.</p><p>　?。?）徐珂、苗彤、趙暉?！毒W(wǎng)頁視覺與設(shè)計(jì)》，北京：人民郵電出版社，2001.</p><p>　?。?）李硯祖、蘆影，《視覺傳達(dá)的歷史與美學(xué)》，北京：中國人民大學(xué)出版社，2000.</p><p>