網(wǎng)頁藝術(shù)設(shè)計初步探討

本文格式為Word版，下載可任意編輯——網(wǎng)頁藝術(shù)設(shè)計初步探討網(wǎng)頁藝術(shù)設(shè)計初步探討

網(wǎng)頁藝術(shù)設(shè)計涉及的概括內(nèi)容好多，可以概括為視聽元素和版式設(shè)計兩個方面。以下是我整理的關(guān)于網(wǎng)頁藝術(shù)設(shè)計的初步探討概括內(nèi)容，接待閱讀!

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

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

1.視聽元素

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

以上各視聽元素大多數(shù)欣賞器本身都可以顯示或收聽，無需任何外部程序或模塊支持。譬如，大片面欣賞器都可以顯示GIF、JPEG圖形和GIF89a動畫。還有些多媒體文件如MP3音樂需要先下載到本地硬盤上，然后啟動相應(yīng)的外部程序來播放。另外，在欣賞器使用插件Plug-in可以播放更多格式的多媒體文件。微軟推出IE欣賞器后，供給了基于OLE的ActiveX技術(shù)，用來在網(wǎng)頁中播放多媒體。目前ActiveX已經(jīng)成為熱門技術(shù)。另一種播放多媒體的技術(shù)是JavaApplet。它是用Java語言編寫的應(yīng)用于網(wǎng)頁之中的小應(yīng)用程序，相比于插件和ActiveX，JavaApplet具有更大的生動性和良好的跨平臺才能，因此具有很好的進(jìn)展前景?？傊夹g(shù)的不斷進(jìn)展使多媒體元素在網(wǎng)頁藝術(shù)設(shè)計中的綜合運(yùn)用越來越廣泛，使欣賞者可以享受到更加完備的視聽效果。這些新技術(shù)的展現(xiàn)，也對網(wǎng)頁的藝術(shù)設(shè)計提出了更高的要求。

2.版式設(shè)計

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

但網(wǎng)頁的排版與書籍雜志的排版又有好多差異。印刷品都有固定的規(guī)格尺寸，網(wǎng)頁那么不然，它的尺寸是由讀者來操縱的。這使網(wǎng)頁設(shè)計者不能精確操縱頁面上每個元素的尺寸和位置。而且，網(wǎng)頁的組織布局不像印刷品那樣為線性組合，這給網(wǎng)頁的版式設(shè)計帶來了確定的難度。

二、網(wǎng)頁藝術(shù)設(shè)計的原那么

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

1.主題鮮明

視覺設(shè)計表達(dá)的是確定的意圖和要求，有明確的主題，并按照視覺心理規(guī)律和形式將主題主動地傳達(dá)給參觀者。訴求的目的，是使主題在適當(dāng)?shù)沫h(huán)境里被人們即時地理解和采納，以得志人們的實(shí)用和需求，這就要求視覺設(shè)計不但要單純、簡練、明顯和精確，而且在強(qiáng)調(diào)藝術(shù)性的同時，更理應(yīng)提防通過獨(dú)特的風(fēng)格和猛烈的視覺沖擊力，來鮮明地突出設(shè)計主題。

根據(jù)認(rèn)知心理學(xué)的理論，大多數(shù)人在短期記憶中只能同時把握4到7條分立的信息，而對多于7條的分立信息或者不分立的信息輕易產(chǎn)生記憶上的模糊或遺忘，概括起來就是：較小而分立的信息要對比長而不分立的信息更為有效和輕易欣賞。這個規(guī)律蘊(yùn)含在人們探索信息和使用信息的實(shí)踐活動中，它要求視覺設(shè)計者的設(shè)計活動務(wù)必自覺地掌管和遵從。

作為視覺設(shè)計范疇一種的網(wǎng)頁藝術(shù)設(shè)計，其最終目的是達(dá)成最正確的主題訴求效果。這種效果的取得，一方面通過對網(wǎng)頁主題思想運(yùn)用規(guī)律規(guī)律舉行條理性處理，使之符合欣賞者獲取信息的心理需求和規(guī)律方式，讓欣賞者快速地理解和吸收;另一方面通過對網(wǎng)頁構(gòu)成元素運(yùn)用藝術(shù)的形式美法那么舉行條理性處理，更好地營造符合設(shè)計目的的視覺環(huán)境，突出主題，鞏固欣賞者對網(wǎng)頁的留神力，增進(jìn)對網(wǎng)頁內(nèi)容的理解。只有兩個方面有機(jī)地統(tǒng)一，才能實(shí)現(xiàn)最正確的主題訴求效果。

優(yōu)秀的網(wǎng)頁設(shè)計必然服務(wù)于網(wǎng)站的主題，就是說，什么樣的網(wǎng)站，理應(yīng)有什么樣的設(shè)計。例如，設(shè)計類的個人站點(diǎn)與商業(yè)站點(diǎn)性質(zhì)不同，目的也不同，所以評論的標(biāo)準(zhǔn)也不同。網(wǎng)頁藝術(shù)設(shè)計與網(wǎng)站主題的關(guān)系理應(yīng)是這樣：首先，設(shè)計是為主題服務(wù)的;其次，設(shè)計是藝術(shù)和技術(shù)結(jié)合的產(chǎn)物，就是說，即要"美'，又要實(shí)現(xiàn)"功能';結(jié)果，"美'和"功能'都是為了更好地表達(dá)主題。當(dāng)然，有些處境下，"功能'即是"主題'，還有些處境下，"美'即是主題。例如，雅虎作為一個探尋引擎，首先要實(shí)現(xiàn)"探尋'的"功能'。它的主題即是它的"功能'。而一個個人網(wǎng)站，可以只表達(dá)的設(shè)計思想，或者僅僅以設(shè)計出"美'的網(wǎng)頁為目的。它的主題只有一個，就是美。

只提防主題思想的條理性而忽略網(wǎng)頁構(gòu)成元素空間關(guān)系的形式美組合，或者只重視網(wǎng)頁形式上的條理而淡化主題思想的規(guī)律，都將削減網(wǎng)頁主題的最正確訴求效果，難以吸引欣賞者的留神力，展現(xiàn)平庸的網(wǎng)頁設(shè)計或使網(wǎng)頁設(shè)計以失敗而告終。

要使網(wǎng)頁從形式上獲得良好的誘導(dǎo)力，鮮明地突出訴求主題，概括可以通過對網(wǎng)頁的空間層次、主從關(guān)系、視覺秩序及彼此間的規(guī)律性的把握運(yùn)用來達(dá)成。

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

任何設(shè)計都有確定的內(nèi)容和形式。內(nèi)容是構(gòu)成設(shè)計的一切內(nèi)在要素的總和，是設(shè)計存在的根基，被稱為"設(shè)計的靈魂';形式是構(gòu)成內(nèi)容諸要素的內(nèi)部布局或內(nèi)容的外部表現(xiàn)方式。設(shè)計的內(nèi)容就是指它的主題、形象、題材等要素的總和，形式就是它的布局、風(fēng)格或設(shè)計語言等表現(xiàn)方式。內(nèi)容抉擇形式，形式反作用于內(nèi)容。一個優(yōu)秀的設(shè)計必定是形式對內(nèi)容的完備表現(xiàn)。正如黑格爾所說："工藝的美就不在于要求實(shí)用品的外部造型、色調(diào)、紋樣去摹擬事物，再現(xiàn)現(xiàn)實(shí)，而在于使其外部形式傳達(dá)和表現(xiàn)出確定的心緒、氣氛、作風(fēng)、風(fēng)俗、趣味，使物質(zhì)經(jīng)由象征變成好像于精神生活的有關(guān)環(huán)境。'黑格爾《美學(xué)》第三卷

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

據(jù)有關(guān)資料所做的保守估計，目前在上網(wǎng)頁數(shù)據(jù)傳輸平均以每秒1.5k的速度到達(dá)客戶端。假設(shè)某個網(wǎng)頁為了豐富其藝術(shù)性而追逐時髦地大量使用圖像或其它多媒體元素等，雖然達(dá)成了其靜態(tài)形式美的效果，卻造成多達(dá)幾十K甚至更大的網(wǎng)頁數(shù)據(jù)，使欣賞者務(wù)必等待很長時間才能看到"廬山真面目'，這樣的網(wǎng)頁就不是一個優(yōu)秀的網(wǎng)頁，由于它不符合網(wǎng)頁傳播信息的突出特性之一快捷性，使網(wǎng)頁內(nèi)容不能很快地到達(dá)訪問者，影響了訪問效果和質(zhì)量，損害了訪問者的情趣和積極性，這種技術(shù)要素影響了傳達(dá)信息的效果，因而不是形式與內(nèi)容的完備統(tǒng)一。

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

因此，在網(wǎng)頁設(shè)計中務(wù)必留神形式與內(nèi)容的高度統(tǒng)一。

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

網(wǎng)頁的整體性包括內(nèi)容和形式上的整體性，這里主要議論設(shè)計形式上的整體性。

網(wǎng)頁是傳播信息的載體，它要表達(dá)的是確定的內(nèi)容、主題和意念，在適當(dāng)?shù)臅r間和空間環(huán)境里為人們所理解和采納，它以得志人們的實(shí)用和需求為目標(biāo)。設(shè)計時強(qiáng)調(diào)其整體性，可以使欣賞者更快捷、更切實(shí)、更全面地熟悉它、掌管它，并給人一種內(nèi)部有機(jī)聯(lián)系、外部和諧完整的美感。整體性也是表達(dá)一個站點(diǎn)獨(dú)特風(fēng)格的重要手段之一。

網(wǎng)頁的布局形式是由各種視聽要素組成的。在設(shè)計網(wǎng)頁時，強(qiáng)調(diào)頁面各組成片面的共性因素或者使諸片面共同含有某種形式特征，是求得整體的常用方法。這主要從版式、色調(diào)、風(fēng)格等方面入手。例如：在版式上，將頁面中各視覺要素作通盤考慮，以周密的組織和精確的定位來獲得頁面的秩序感，即使運(yùn)用"散'的布局，也是經(jīng)過深思熟慮之后的抉擇;一個站點(diǎn)通常只使用兩到三種標(biāo)準(zhǔn)色，并留神色調(diào)搭配的和諧;對于分屏的長頁面，不成設(shè)計完第一屏再考慮下一屏。同樣，整個網(wǎng)頁內(nèi)部的頁面，都應(yīng)統(tǒng)一規(guī)劃，統(tǒng)一風(fēng)格，讓欣賞者體會到設(shè)計者完整的設(shè)計思想。

從某種意義上講，強(qiáng)調(diào)網(wǎng)頁布局形式的視覺整體性必然會犧牲生動的多變性，"物極必反'就是這個道理。因此，在強(qiáng)調(diào)網(wǎng)頁整體性設(shè)計的同時務(wù)必留神：過于強(qiáng)調(diào)整體性可能會使網(wǎng)頁呆板、沉悶，以致影響訪問者的情趣和持續(xù)欣賞的欲望。"整體'是"多變'根基上的整體。

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

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

網(wǎng)頁不同于傳統(tǒng)媒體之處，就在于信息的動態(tài)更新和即時交互性。即時的交互性是Web成為熱點(diǎn)的主要理由，也是網(wǎng)頁設(shè)計時務(wù)必考慮的問題。傳統(tǒng)媒體如播送、電視節(jié)目、報刊雜志等都以線性方式供給信息，即按照信息供給者的感覺、體驗(yàn)和事先確定的格式來傳播。而在Web環(huán)境下，人們不再是一個傳統(tǒng)媒體方式的被動采納者，而是以一個主動參與者的身份參與到信息的加工處理和發(fā)布之中。這種持續(xù)的交互，使網(wǎng)頁藝術(shù)設(shè)計不像印刷品設(shè)計那樣，發(fā)表之后就意味著設(shè)計的終止。網(wǎng)頁設(shè)計人員務(wù)必根據(jù)網(wǎng)站各個階段的經(jīng)營目標(biāo)，合作網(wǎng)站不同時期的經(jīng)營策略，以及用戶的反應(yīng)信息，經(jīng)常地對網(wǎng)頁舉行調(diào)整和修改。例如，為了保持欣賞者對網(wǎng)站的嶄新感，好多大型網(wǎng)站總是定期或不定期的舉行改版，這就需要設(shè)計者在保持網(wǎng)站視覺形象一貫性的`根基上，不斷創(chuàng)作出新的網(wǎng)頁設(shè)計作品。

2.多維性

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

印刷品中導(dǎo)航問題不是那么突出，假設(shè)一個句子在頁尾突然終止，讀者會很自然地翻到下一頁查找剩余片面，為了扶助讀者找到他們要找的信息，出版者供給了目次、索引或腳注。假設(shè)文章從期刊中的一頁跳到后面的非依次頁時，讀者會看到類似于"續(xù)68頁'這樣的指引語句。然而，作為一名網(wǎng)頁設(shè)計者，你以前所學(xué)的導(dǎo)航技術(shù)沒有一種完全適合于網(wǎng)頁導(dǎo)航。在替欣賞者考慮得很周到的網(wǎng)頁中，導(dǎo)航供給了足夠的、不同角度的鏈接，扶助讀者在網(wǎng)頁的各個片面之間跳轉(zhuǎn)，并告知欣賞者現(xiàn)在所在的位置、當(dāng)前頁面和其他頁面之間的關(guān)系等。而且，每頁都有一個返回主頁的按鈕或鏈接，假設(shè)頁面是按層次布局組織的，通常還有一個返回上級頁面的鏈接。對于網(wǎng)頁設(shè)計者來說，面對的不是按依次排列的印刷頁面，而是自由分散的網(wǎng)頁，因此務(wù)必考慮更多的問題。如：怎樣構(gòu)建合理的頁面組織布局，讓欣賞者對你供給的巨量信息感到條理?怎樣建立包括站點(diǎn)索引、扶助頁面、查詢功能在內(nèi)的導(dǎo)航系統(tǒng)?這一切從哪兒開頭，到哪兒終止?

3.多種媒體的綜合性

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

4.版式的不成控性

網(wǎng)頁版式設(shè)計與傳統(tǒng)印刷版式設(shè)計有著極大的差異：

1印刷品設(shè)計者可以指定使用的紙張和油墨，而網(wǎng)頁設(shè)計者卻不能要求欣賞者使用什么樣的電腦或欣賞器;

2網(wǎng)絡(luò)正處于不斷進(jìn)展之中，不象印刷那樣根本具備了成熟的印刷標(biāo)準(zhǔn);

3網(wǎng)頁設(shè)計過程中有關(guān)Web的每一件事都可能隨時發(fā)生變化。

這一切說明，網(wǎng)絡(luò)應(yīng)用尚處在進(jìn)展之中，關(guān)于網(wǎng)絡(luò)應(yīng)用也很難在各個方面都制訂出統(tǒng)一的標(biāo)準(zhǔn)，這必然導(dǎo)致網(wǎng)頁版式設(shè)計的不成操縱性。其概括表現(xiàn)為：

1網(wǎng)頁頁面會根據(jù)當(dāng)前欣賞器窗口大小自動格式化輸出;

2網(wǎng)頁的欣賞者可以操縱網(wǎng)頁頁面在欣賞器中的顯示方式;

3不同種類、版本的欣賞器查看同一個網(wǎng)頁頁面，效果會有所不同;

4用戶的欣賞器工作環(huán)境不同，顯示效果也會有所不同。

把全體這些問題歸