簡介
網頁藝術設計網頁藝術設計進入21世紀，人類社會正經歷著從原子時代向數字時代的轉變，新世紀的天是網際網路的天，網際網路正在全世界進行著越來越深刻的革命。網際網路代表著一種嶄新的信息交流方式，它使信息的傳播突破了傳統的政治、經濟、地域及文化的阻隔，使信息傳達的範圍、速度與效率都產生了質的飛躍。網際網路是由成千上萬的網站組成，而每個網站都是由諸多網頁構成，故網頁是構成網際網路的基本元素。中國這兩年的網路發展非常快，網站數量也以倍率增長，然而網頁的設計卻不容樂觀。除了一些大的專業網站在版面的編排上比較講究之外，其他很少見到界面設計考究、美術創意優秀的中文網站。其實談到網頁設計就不能不說到網路視覺信息的編排及歸類，這是網頁設計的特點，也是身處於信息化、數位化的當今設計者所必須具備的基本素質。因為網路本身就是一個處理信息的巨型平台，設計者必須充分認識網路，了解網路的特徵，才能使設計更加適合於網路上的傳播。
網頁設計並不是單純的平面設計那么簡單，網頁設計師不但要考慮到整個網站的總體美觀，視覺效果；更要很好的控制整個網頁的大小，網頁之間的互動，以及不同解析度的適應。
原則
網頁藝術設計---視覺設計表達1.主題鮮明
視覺設計表達的是一定的意圖和要求，有明確的主題，並按照視覺心理規律和形式將主題主動地傳達給觀賞者。訴求的目的，是使主題在適當的環境里被人們即時地理解和接受，以滿足人們的實用和需求，這就要求視覺設計不但要單純、簡練、清晰和精確，而且在強調藝術性的同時，更應該注重通過獨特的風格和強烈的視覺衝擊力，來鮮明地突出設計主題。
優秀的網頁藝術設計必然服務於網站的主題，就是說，什麼樣的網站，應該有什麼樣的設計。例如，設計類的個人站點與商業站點性質不同，目的也不同，所以評論的標準也不同。網頁藝術設計與網站主題的關係應該是這樣：首先，設計是為主題服務的；其次，設計是藝術和技術結合的產物，就是說，即要“美”，又要實現“功能”；最後，“美”和“功能”都是為了更好地表達主題。當然，有些情況下，“功能”即是“主題”，還有些情況下，“美”即是主題。
2.形式與內容統一
任何網頁藝術設計都有一定的內容和形式。內容是構成設計的一切內在要素的總和，是設計存在的基礎，被稱為“設計的靈魂”；形式是構成內容諸要素的內部結構或內容的外部表現方式。設計的內容就是指它的主題、形象、題材等要素的總和，形式就是它的結構、風格或設計語言等表現方式。內容決定形式，形式反作用於內容。一個優秀的設計必定是形式對內容的完美表現。正如黑格爾所說：“工藝的美就不在於要求實用品的外部造型、色彩、紋樣去摹擬事物，再現現實，而在於使其外部形式傳達和表現出一定的情緒、氣氛、格調、風尚、趣味，使物質經由象徵變成相似於精神生活的有關環境。”
網頁藝術設計---形式網頁藝術設計所追求的形式美，必須適合主題的需要，這是網頁設計的前提。只講花哨的表現形式以及過於強調“獨特的設計風格”而脫離內容，或者只求內容而缺乏藝術的表現，網頁設計都會變的空洞而無力。設計者只有將二者有機地統一起來，深入領會主題的精髓，再融合自己的思想感情，找到一個完美的表現形式，才能體現出網頁設計獨具的分量和特有的價值。另一方面，要確保網頁上的每一個元素都有存在的必要性，不要為了炫耀而使用冗餘的技術。那樣得到的效果可能會適得其反。只有通過認真設計和充分的考慮來實現全面的功能並體現美感才能實現形式與內容的統一。
3.強調整體
網頁是傳播信息的載體，它要表達的是一定的內容、主題和意念，在適當的時間和空間環境裡為人們所理解和接受，它以滿足人們的實用和需求為目標。設計時強調其整體性，可以使瀏覽者更快捷、更準確、更全面地認識它、掌握它，並給人一種內部有機聯繫、外部和諧完整的美感。整體性也是體現一個站點獨特風格的重要手段之一。
網頁的結構形式是由各種視聽要素組成的。在設計網頁時，強調頁面各組成部分的共性因素或者使諸部分共同含有某種形式特徵，是求得整體的常用方法。這主要從版式、色彩、風格等方面入手。例如：在版式上，將頁面中各視覺要素作通盤考慮，以周密的組織和精確的定位來獲得頁面的秩序感，即使運用“散”的結構，也是經過深思熟慮之後的決定；一個站點通常只使用兩到三種標準色，並注意色彩搭配的和諧；對於分屏的長頁面，不可設計完第一屏再考慮下一屏。同樣，整個網頁內部的頁面，都應統一規劃，統一風格，讓瀏覽者體會到設計者完整的設計思想。
特點
網頁藝術設計----互動性1.互動性與持續性
網頁藝術設計不同於傳統媒體之處，就在於信息的動態更新和即時互動性。即時的互動性是Web成為熱點的主要原因，也是網頁設計時必須考慮的問題。傳統媒體（如廣播、電視節目、報刊雜誌等）都以線性方式提供信息，即按照信息提供者的感覺、體驗和事先確定的格式來傳播。而在Web環境下，人們不再是一個傳統媒體方式的被動接受者，而是以一個主動參與者的身份加入到信息的加工處理和發布之中。這種持續的互動，使網頁藝術設計不像印刷品設計那樣，發表之後就意味著設計的結束。
2.多維性
多維性源於超級連結，主要體現在網頁藝術設計中對導航的設計上。由於超級連結的出現，網頁的組織結構更加豐富，瀏覽者可以在各種主題之間自由跳轉，從而打破了以前人們接收信息的線性方式。
在替瀏覽者考慮得很周到的網頁中，導航提供了足夠的、不同角度的連結，幫助讀者在網頁的各個部分之間跳轉，並告知瀏覽者現在所在的位置、當前頁面和其他頁面之間的關係等。而且，每頁都有一個返回主頁的按鈕或連結，如果頁面是按層次結構組織的，通常還有一個返回上級頁面的連結。對於網頁設計者來說，面對的不是按順序排列的印刷頁面，而是自由分散的網頁，因此必須考慮更多的問題。
3.多種媒體的綜合性
網頁中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等，隨著網路頻寬的增加、晶片處理速度的提高以及跨平台的多媒體檔案格式的推廣，必將促使設計者綜合運用多種媒體元素來設計網頁，以滿足和豐富瀏覽者對網路信息傳輸質量提出的更高要求。國區域網路頁已經出現了模擬三維的操作界面，在數據壓縮技術的改進和流（Stream）技術的推動下，Internet網上出現實時的音頻和視頻服務，典型的有線上音樂、線上廣播、網上電影、網上直播等。因此，多種媒體的綜合運用是網頁藝術設計的特點之一，是未來的發展方向。
網頁藝術設計-----不可控性 4.版式的不可控性
網頁版式設計與傳統印刷版式設計有著極大的差異：這一切說明，網路套用尚處在發展之中，關於網路套用也很難在各個方面都制訂出統一的標準，這必然導致網頁版式設計的不可控制性。把所有這些問題歸結為一點，即網頁設計者無法控制頁面在用戶端的最終顯示效果，但這也正是網頁設計的吸引人之處。
5.技術與藝術結合的緊密性
網頁藝術設計是主觀和客觀共同作用的結果，是在自由和不自由之間進行的，設計者不能超越自身已有經驗和所處環境提供的客觀條件限制，優秀設計者正是在掌握客觀規律基礎上得到了完全的自由，一種想像和創造的自由。網路技術主要表現為客觀因素，藝術創意主要表現為主觀因素，網頁設計者應該積極主動地掌握現有的各種網路技術規律，注重技術和藝術緊密結合，這樣才能窮盡技術之長，實現藝術想像，滿足瀏覽者對網頁信息的高質量需求。
網路技術與藝術創意的緊密結合，使網頁的藝術設計由平面設計擴展到立體設計，由純粹的視覺藝術擴展到空間聽覺藝術，網頁效果不再近似於書籍或報刊雜誌等印刷媒體，而更接近於電影或電視的觀賞效果。技術發展促進了技術與藝術的緊密結合，把瀏覽者帶入一個真正現實中的虛擬世界。技術與藝術的緊密結合在網頁藝術設計中體現得尤為突出。
視覺流程
網頁藝術設計----視覺元素網頁是通過視覺元素的引人注目而實現信息內容的傳達，為了使網頁獲得最大的視覺傳達功能，使網路真正成為可讀強性而且新穎的媒體，網頁的設計必須適應人們視覺流向的心理和生理的特點，由此確定各種視覺構成元素之間的關係和秩序。因此，設計時應該研究各種視覺造型元素之間的距離、位置、面積和視覺流程的問題。
視覺流程的形成是由人類的視覺特性所決定的。因為人眼晶體結構的生理構造，只能產生一個焦點，而不能同時把視線停留在兩處或兩處以上的地方。人們在閱讀一種信息時，視覺總有一種自然的流動習慣，先看什麼，後看什麼，再看什麼。視覺流程往往會體現出比較明顯的方向感，它無形中形成一種脈絡，似乎有一條線、一股氣貫穿其中，使整個版面的運動趨勢有一個主鏇律。心理學的研究表明，在一個平面上，上半部讓人輕鬆和自在，下半部則讓人穩定和壓抑。同樣，平面的左半部讓人輕鬆和自在，右半部讓人穩定和壓抑。所以平面的視覺影響力上方強於下方，左側強於右側。這樣平面的上部和中上部被稱為“最佳視域”，也就是最優選的地方。
在網頁藝術設計中一些突出的信息，如主標題、每天更新的內容等通常都放在這個位置。當然視覺流程是一種感覺而非確切的數學公式，只要符合人們認識過程的心理順序和思維發展的邏輯順序，就可以更為靈活地運用。在網頁設計中，靈活而合理地運用視覺流程和最佳視域，組織好自然流暢的視覺導向，直接影響到傳播者傳達信息的準確與有效性。所以在網頁的編輯設計中，視覺導向是一個要點，網頁的設計是一種創造，首先要立足信息的傳達，但又要符合人們較為普遍的思維習慣，做到視覺流程自然、合理、暢快。成功的視覺流程安排，能使網頁上的各種信息要素在一定空間內合理分布，能使頁面上各信息要素的位置、間隙、大小保持一定的節奏感和美感。
審美需求
網頁藝術設計---審美需求網頁藝術設計是一門新興的設計類和網路的交叉學科，近幾年隨著網路的發展而逐漸受到人們的重視，它本身以網路為載體，把各種信息以最快捷、方便的方式傳達給客群，在這種標準的要求下，逐步產生了審美的需求。人們對美的追求是不斷深入的，網頁設計同樣如此。網頁不光是把各種東西放上去，能看就行，這是遠遠不夠的!要考慮如何使客群能更好地和更有效率地接收網頁上的信息。這就需要從審美的方面入手，製作出清晰、整體性好的頁面。使人瀏覽起來心情愉快，接收信息也會更加容易。網頁設計的審美需求是對平面視覺傳達設計美學的一種繼承和延伸。兩者的表現形式和目的都有一定的相似性，把傳統平面設計中美的形式規律同現代的網頁設計的具體問題相結合起來，運用一些平面設計中美的基本形式到網頁中去，增加網頁設計的美感和大眾的視覺審美需求。
我們經常所說的如變化和統一、條理與反覆、對比和調和、均齊與平衡等，對網頁中文字、圖形、色彩的設計都是十分有效的視覺規律。首先，網頁的內容與形式的表現必須統一和具有秩序，形式表現必須服從內容要求，網頁上的各種構成要素之間的視覺流程，能自然而有序地達到信息訴求的重點位置。在我們把大量的信息塞到網頁上去的時候，考慮怎樣把它們以合理的統一的方式來排布，使整體感強同時又要有變化。怎樣使它們脈絡清楚又富有清晰的視覺效果等等。這樣使頁面更豐富，更有生氣，看起來就不感到枯燥。其次，突出主題要素，必須在眾多構成要素中突出一個清楚的主體，它應儘可能地成為閱讀時視線流動的起點。如果沒有這個主體要素，瀏覽者的視線將會無所適從，或者導致視線流動偏離設計的初衷。網頁設計中各構成要素在組合時，要注意其結構的輕重大小、虛實、多少等對比因素，加強視覺力度，以強化頁面的整體吸引力。作為形式美的法則，隨著時代的不同而不斷發展進步，特別在生活節奏如此快的網際網路時代，由於追求目標的變化，人們的審美觀念也在不斷地變化，但是美的本質是一樣的，同時隨著技術的發展，很多目前不容易實現的審美形式也逐漸被克服，突破頻寬的瓶頸，就會給網頁設計的自如發展帶來一片新的天地。
要素分析
網頁藝術設計網頁文字編排與設計對於網頁設計來講，其信息內容的有效傳達是通過將各種構成要素的設計編排來實現的。網頁的構成要素包括文字、圖形、圖象、標誌、色彩等造型要素及標題、信息選單、信息正文、標語、單位名稱等內容要素。
1.文字的編排與設計：網頁文字編排與設計，重要的一點在於要服從信息內容的性質及特點的要求，其風格要與內容特性相吻合，而不是相脫離，更不能相互衝突。如政府網頁其文字具有莊重和規範的特質，字型造型規整而有序，簡潔而大方；休閒旅遊類內容網頁，文字編輯應具有歡快輕盈的風格，字型生動活潑，跳躍明快，有鮮明的節奏感，給人以生機盎然的感受；有關歷史文化教育方面的網頁，字型編輯可具有一種蒼勁古樸的意蘊、端莊典雅的風範或優美清新的格調；公司網頁可根據行業性質、企業理念或產品特點，追求某種富於活力的字型編排與設計；個人主頁則可結合個人的性格特點及追求，別出心裁，給人一種強烈獨特印象。
在網頁文字的編排與設計中，由於計算機給我們提供了大量可供選擇的字型，導致字型的變化趨於多樣化。這既為網頁編輯提供了方便，同時也對編排與設計的選擇能力提出了考驗。雖然可供選擇的字型很多，但在同一網頁上，使用幾種字型尚需精心編輯和考慮。一般來講，同一頁面上使用的字型種類最多只能有三四種。由於文本字型的顯示是需要本地硬碟字型檔的支持的，所以在網際網路上使用過多的字型是沒有意義的。文字在視覺傳達中作為頁面的形象要素之一，除了表意以外，還具有傳達感情的功能，因而必須具有視覺上的美感，能給人以美好印象，獲得良好的心理反應。
2.圖片的編排與設計：圖片是文字以外最早引入到網路中的多媒體對象。網路可以圖文並茂地向用戶提供信息，成倍地加大了它所提供的信息量。而且圖片的引入也大大美化了網路頁面。可以說，要使網頁在純文本基礎上變得更有趣味，最為簡捷省力的辦法就是使用圖片。對於一條信息來說，圖片對客群吸引也遠遠超過單純的文字。
圖片的位置、面積、數量、形式、方向等直接關係到網頁的視覺傳達。在圖片的選擇和最佳化的同時，應考慮圖片在整體編輯計畫中的作用，達到和諧整齊。要達到這樣的效果，在頁面圖片的合理選用時，一要注意統一，二要注意悅目，三要注意突出重點，特別是在處理和相關文字編排在一起的圖片時。
網頁藝術設計色彩的設計3.色彩的設計：網頁在一定意義上說也是一種藝術品，因為它既要求文字的優美流暢，又要求頁面的新穎、整潔，使用色彩可以產生強烈的視覺效果，使頁面更加生動。而且，瀏覽者在瀏覽網頁時，留下的第一印象就是頁面的色彩設計，它的好壞直接影響閱讀者的觀賞興趣。因此，色彩設計在網頁設計中居於十分重要的地位。網頁的色彩設計應把握以下幾個方面：
首先是整個頁面的色彩選擇，確定一個主色調，可以有利於體現網站主題。我們現在看到的網頁，一般以淺顏色為背景的居多，如淺灰色、淺黃色、淺藍色、淺綠色。以淺顏色為底，柔和、素淡，配上深顏色的字，如黑色，讀來自然、流暢，也有利於突出頁面的重點，有利於整個頁面的配色，更容易為大多數人認可和掌握。其他一些次要內容，如背景圖片、線條適宜採用不搶眼的顏色，以免喧賓奪主。只有少量精心選擇的元素，為了突出強調的需要，才採用明亮的色彩，這些彩色亮點就會產生強烈的視覺衝擊，但如果用得太多了，就會形成一種均勻的噪聲，而達不到強調的效果。
其次，在背景的色調搭配上一定要注意不能有強烈的對比，特別是同時使用色彩對立的顏色。大面積顏色適宜採用低比度，因為過於豐富的背景色彩會影響前景圖片和文字的取色，嚴重時會使文字溶於背景中，不易辨識。所以，背景一般應以單純為宜。如果需要一定的變化以增加背景的厚度，也應是在儘量統一的前提下的一種變化。例如在制用標題時，為追求醒目的視覺效果，可用比較深的顏色，配上對比鮮明的字型。實際上背景的作用主要在於統一整個網頁的風格和情調，對視覺的主體起到一定的襯托和協調作用，一方面吸引網民的注意力，另一方面有助於體現網站的主題。
