時間：2022-08-26 19:41:13
序論：在您撰寫網頁藝術設計時，參考他人的優秀作品可以開闊視野，小編為您整理的7篇范文，希望這些建議能夠激發您的創作熱情，引導您走向新的創作高度。
關鍵詞：網站；藝術；網頁設計；元素
中圖分類號：TP393文獻標識碼：A文章編號：1009-3044(2008)24-1307-02
The Homepage Art at the Beginning of Design Searches
KUANG Peng
(The E-government Affairs Network Management Center of Longling Country, Longling 678300,China)
Abstract: Follows the web cam troop's unceasing strength, the homepage artistic design is being paid great attention to day by day by the website constructors. carry on the homepage art design with other artistic design form the comparison, attempts from the homepage art design content, the principle and the characteristic and so on three aspects, Carries on the preliminary induction summary and the theory discussion to this new artistic design domain. In has been clear about the homepage art design and in the website subject relations foundation, proposed Beautiful and the function all are for express website subject this viewpoint well.
Key words: website; art; homepage design; element
1 引言
網頁藝術設計是伴隨著計算機互聯網絡的發展而形成的視聽設計新課題，是網頁設計者以所處時代所能獲取的技術和藝術經驗為基礎，依照設計目的和要求自覺地對網頁的構成元素進行藝術規劃的創造性思維活動，必然要成為設計藝術的重要組成部分，并隨著網絡技術的發展而發展。表面上看，它不過是關于網頁版式編排的技巧與方
法，而實際上，它不僅是一種技能，更是藝術與技術的高度統一。
2 網頁藝術設計的內容
設計活動中包含著主觀和客觀兩方面的因素，在確立了網頁主題之后，首先要明確和熟悉設計的對象和構成的要素。網頁藝術設計涉及的具體內容很多，可以概括為視聽元素和版式設計兩個方面。
2.1 視聽元素
這里所說的視聽元素，主要包括：文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂、動態影像等。無論是文字、圖形、動畫，還是音頻、視頻，網頁設計者所要考慮的是如何以感人的形式把它們放進頁面這個“大畫布”里。多媒體技術的運用大大豐富了網頁藝術設計的表現力。技術的不斷發展使多媒體元素在網頁藝術設計中的綜合運用越來越廣泛，使瀏覽者可以享受到更加完美的視聽效果。這些新技術的出現，也對網頁的藝術設計提出了更高的要求。
2.2 版式設計
網頁的版式設計同報刊雜志等平面媒體的版式設計有很多共同之處，它在網頁的藝術設計中占據著重要的地位。所謂網頁的版式設計，是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合，將理性思維個性化的表現出來，是一種具有個人風格和藝術特色的視聽傳達方式。它在傳達信息的同時，也產生感官上的美感和精神上的享受。
但網頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規格尺寸，網頁則不然，它的尺寸是由讀者來控制的。這使網頁設計者不能精確控制頁面上每個元素的尺寸和位置。而且，網頁的組織結構不像印刷品那樣為線性組合，這給網頁的版式設計帶來了一定的難度。
3 網頁藝術設計的原則
網頁作為傳播信息的一種載體，同其他出版物如報紙、雜志等在設計上有許多共同之處，也要遵循一些設計的基本原則。但是，由于表現形式、運行方式和社會功能的不同，網頁設計又有其自身的特殊規律。網頁的藝術設計，是技術與藝術的結合，內容與形式的統一。它要求設計者必須掌握以下三個主要原則：
3.1 主題鮮明
視覺設計表達的是一定意圖和要求，有明確的主題，并按照視覺心理規律和形式將主題主動地傳達給觀賞者。訴求的目的，是使主題在適當的環境里被人們即時地理解和接受，以滿足人們的實用和需求，這就要求視覺設計不但要單純、簡練、清晰和精確，而且在強調藝術性的同時，更應該注重通過獨特的風格和強烈的視覺沖擊力，來鮮明地突出設計主題。
作為視覺設計范疇的網頁藝術設計，其最終目的是達到最佳的主題訴求效果。這種效果的取得，一方面通過對網頁主題思想運用邏輯規律進行條理性處理，使之符合瀏覽者獲取信息的心理需求和邏輯方式，讓瀏覽者快速地理解和吸收；另一方面通過對網頁構成元素運用藝術的形式美法則進行條理性處理，更好地營造符合設計目的的視覺環境，突出主題，增強瀏覽者對網頁的注意力，增進對網頁內容的理解。只有兩個方面有機地統一，才能實現最佳的主題訴求效果。
優秀的網頁設計必然服務于網站的主題，就是說，什么樣的網站，應該有什么樣的設計。例如，設計類的個人站點與商業站點性質不同，目的也不同，所以評論的標準也不同。網頁藝術設計與網站主題的關系應該是這樣：首先，設計是為主題服務的；其次，設計是藝術和技術結合的產物，就是說，即要“美”，又要實現“功能”；最后，“美”和“功能”都是為了更好地表達主題。當然，有些情況下，“功能”即是“主題”，還有些情況下，“美”即是主題。例如，雅虎作為一個搜索引擎，首先要實現“搜索”的“功能”。它的主題即是它的“功能”。而一個個人網站，可以只體現作者的設計思想，或者僅僅以設計出“美”的網頁為目的。它的主題只有一個，就是――美。
只注重主題思想的條理性而忽視網頁構成元素空間關系的形式美組合，或者只重視網頁形式上的條理而淡化主題思想的邏輯，都將削弱網頁主題的最佳訴求效果，難以吸引瀏覽者的注意力，出現平庸的網頁設計或使網頁設計以失敗而告終。
要使網頁從形式上獲得良好的誘導力，鮮明地突出訴求主題，具體可以通過對網頁的空間層次、主從關系、視覺秩序及彼此間的邏輯性的把握運用來達到。
3.2 形式與內容統一
任何設計都有一定的內容和形式。內容是構成設計的一切內在要素的總和，是設計存在的基礎，被稱為“設計的靈魂”；形式是構成內容諸要素的內部結構或內容的外部表現方式。設計的內容就是指它的主題、形象、題材等要素的總和，形式就是它的結構、風格或設計語言等表現方式。內容決定形式，形式反作用于內容。一個優秀的設計必定是形式對內容的完美表現。正如黑格爾所說：“工藝的美就不在于要求實用品的外部造型、色彩、紋樣去摹擬事物，再現現實，而在于使其外部形式傳達和表現出一定的情緒、氣氛、格調、風尚、趣味，使物質經由象征變成相似于精神生活的有關環境。”（黑格爾《美學》第三卷）
網頁具有多屏、分頁、嵌套等特性，設計者可以對其進行形式上的適當變化以達到多變性處理效果，豐富整個網頁的形式美。這就要求設計者在注意單個頁面形式與內容統一的同時，更不能忽視同一主題下多個分頁面組成的整體網頁的形式與整體內容的統一。
3.3 強調整體
網頁的整體性包括內容和形式上的整體性，這里主要討論設計形式上的整體性。
網頁是傳播信息的載體，它要表達的是一定的內容、主題和意念，在適當的時間和空間環境里為人們所理解和接受，它以滿足人們的實用和需求為目標。設計時強調其整體性，可以使瀏覽者更快捷、更準確、更全面地認識它、掌握它，并給人一種內部有機聯系、外部和諧完整的美感。整體性也是體現一個站點獨特風格的重要手段之一。
4 網頁藝術設計的特點
4.1 交互性與持續性
網頁不同于傳統媒體之處，就在于信息的動態更新和即時交互性。即時的交互性是Web成為熱點的主要原因，也是網頁設計時必須考慮的問題。傳統媒體（如廣播、電視節目、報刊雜志等）都以線性方式提供信息，即按照信息提供者的感覺、體驗和事先確定的格式來傳播。而在Web環境下，人們不再是一個傳統媒體方式的被動接受者，而是以一個主動參與者的身份加入到信息的加工處理和之中。這種持續的交互，使網頁藝術設計不像印刷品設計那樣，發表之后就意味著設計的結束。網頁設計人員必須根據網站各個階段的經營目標，配合網站不同時期的經營策略，以及用戶的反饋信息，經常地對網頁進行調整和修改。例如，為了保持瀏覽者對網站的新鮮感，很多大型網站總是定期或不定期的進行改版，這就需要設計者在保持網站視覺形象一貫性的基礎上，不斷創作出新的網頁設計作品。
4.2 多種媒體的綜合性
目前網頁中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等，隨著網絡帶寬的增加、芯片處理速度的提高以及跨平臺的多媒體文件格式的推廣，必將促使設計者綜合運用多種媒體元素來設計網頁，以滿足和豐富瀏覽者對網絡信息傳輸質量提出的更高要求。目前國內網頁已經出現了模擬三維的操作界面，在數據壓縮技術的改進和流(Stream)技術的推動下，Internet網上出現實時的音頻和視頻服務，典型的有在線音樂、在線廣播、網上電影、網上直播等。因此，多種媒體的綜合運用是網頁藝術設計的特點之一，是未來的發展方向。
4.3 技術與藝術結合的緊密性
設計是主觀和客觀共同作用的結果，是在自由和不自由之間進行的，設計者不能超越自身已有經驗和所處環境提供的客觀條件限制，優秀設計者正是在掌握客觀規律基礎上得到了完全的自由，一種想象和創造的自由。網絡技術主要表現為客觀因素，藝術創意主要表現為主觀因素，網頁設計者應該積極主動地掌握現有的各種網絡技術規律，注重技術和藝術緊密結合，這樣才能窮盡技術之長，實現藝術想象，滿足瀏覽者對網頁信息的高質量需求。
網絡技術與藝術創意的緊密結合，使網頁的藝術設計由平面設計擴展到立體設計，由純粹的視覺藝術擴展到空間視聽藝術，網頁效果不再近似于書籍或報刊雜志等印刷媒體，而更接近于電影或電視的觀賞效果。技術發展促進了技術與藝術的緊密結合，把瀏覽者帶入一個真正現實中的虛擬世界。
參考文獻：
[1] 黑格爾.美學（第三卷）[M].朱光潛,譯.安徽:安徽教育出版社,1990.
隨著科技的巨大進步，電腦、智能手機的普及，設計和建設網頁成為了一種吸引網民的手段。人們對網頁的美觀度有了一定的要求，網頁藝術設計教育就應運而生。一個完美的網站應該是基于設計者較高的審美能力。本文對網站藝術設計的內容、風格和布局進行了初步的歸納和總結。
關鍵詞：
審美角度；網頁藝術設計；研究
0引言
近幾年，在網絡快速發展的大背景下，網頁設計更加藝術化，并逐漸引起人們的重視。如果網站的發展狀況不好，網頁的藝術設計就更加重要。而網頁藝術設計和內容的統一，是一個難題。想要做出優秀的藝術網頁作品，設計者就必須有較高的藝術審美能力。本文對審美視角下的網頁藝術設計進行了初步探討。
1網頁藝術設計的原則
網頁藝術設計，顧名思義，就是藝術和技術的統一。在網頁中要重點體現兩者的統一。為了把握這重點，設計者必須緊緊跟隨以下三點原則：
1.1明確的主題
網頁藝術設計的最終目的就是把網頁的主題和內容傳達給網民。網頁要通過視覺、聽覺效果來與網民進行信息交流，利用網民的心理規律使頁面的內容更加容易被網民接受和吸收。大多數人在短時間內只能掌握少數信息，［1］過多的信息、太過分立的信息都是容易被人忘記的。因此，用鮮明的主題以集中體現網頁的內容，是網頁設計最根本的要求。1.2統一的風格網頁的版面設計和雜志、書籍的封面設計是類似的，并沒有很大的區別。網頁的風格決定該網頁的內容、網頁的布局和網頁的色彩運用。具有個人特色和風格的網頁設計，會給予網民不一樣的視覺體驗，除表達設計者想要表達的信息之外，還可以使人產生感官上的美的享受。但是一個網頁頁面上不可以有多種風格，這會使網民在視覺上接收到繁雜的信息，無法把握真正的重點信息，從而無法達到網頁頁面設計者的初始目的。一個頁面上最好是不超過三種原色，同時這幾種顏色的位置安排、占有的版面都需要設計者考慮。
1.3色彩的豐富
顏色在網頁的整體布局上處于一個很重要的地位。色調統一可以使網民感到舒服。但是統一的顏色又存在一個問題，那就是頁面單一，導致部分網民容易感到疲乏無味，以致沒看完頁面的內容就選擇關閉頁面。同時，頁面設計者可以恰當地運用顏色對頁面內容的布局進行創新，利用網民的感官感受，來安排頁面上的顏色，突出重點，使網民一下就抓住重點，以達到頁面藝術設計的最初目的：以網民的主觀感受為優先，在他們充分體會到美好、形象的視覺、聽覺享受之后，可以接受頁面的藝術設計，達到最初想要宣傳的效果。
2網頁藝術設計的注意事項
網頁的藝術設計和其他的媒體排版既有相同之處，都是在傳播美的同時，宣傳自己想要傳達的信息，但它們又有許多的不同。
2.1網頁設計尺寸
印刷品都有規定的排版和尺寸。但是在網頁設計上，尺寸和排版都是可以人為地設定，以追求統一、和諧，達到最好的視覺效果。但是這個也給網頁設計者帶來不小的負擔，需要設計者精心調整和把握尺寸。［2］同時網頁設計的組織結構也需要設計者格外注意。組織結構要按照該網頁設計的風格、排版和文字位置進行調整。
2.2網頁設計文字排版
一個網頁除了圖片和色彩，還有直觀的文字解說才算是一個完整的頁面。文字可以直接傳達想要表達的宣傳內容，給網民帶來直接的視覺體驗。文字除了傳達主題，還有渲染氣氛和烘托心情的作用。文字的魅力是巨大的。因此，文字的排版就要遵循上文提及的三點要求，即主題明確、風格統一、色彩豐富。文字是排版的重點，文字除了要在內容上下功夫，文字的排版、大小、顏色等都可以影響一個網頁頁面的整體效果。例如，國家時事類的網頁就應該運用正式莊重的語言文字；休閑旅游類的網頁就應該走輕松活潑的文字風格；平時一些和百姓息息相關的資訊、貼士，最好就運用百姓的日常用語。此外，文字排版要注意文字中穿插的圖片，文字要與圖片形成好的整體效果。
2.3網頁設計圖片編排
作為視覺感官動物，人們對于圖片和文字的敏感度都是差不多的。其實網頁上的圖片并不需要很高的辨析度，因為在網頁上的圖片有清晰度的設定，過高的清晰度會因為顯示頁面的大小而大打折扣。另外就是頁面圖片的使用和運輸，會受制于寬帶速度。文件越小，網上傳送速度就越快。［3］在圖片選擇和優化程度上，除了考慮網絡頁面整體的效果，還需要考慮圖片的排版整齊，和頁面風格統一。最好是圖片的使用要符合風格和文字的內容。圖片在輔助文字表達文章主題思想的同時，突出重點。
2.4網頁設計藝術修養提高
其實一切網頁設計都源于頁面設計者自身的藝術修養和藝術鑒賞能力。頁面設計者應該在運用自己專業知識的同時不斷提升自己的藝術鑒賞能力，然后在仔細觀察生活的同時，達到可以融會貫通的高等境界。畢竟在浩如星海的網頁中，最缺少的就是個人風格和特色。設計者根據網頁內容，將自己的創意和風格運用到文字的編輯、圖片的排版和整體的頁面設計中。這些都離不開網頁頁面設計者自己的個人主觀能力和感受。
3結語
在網絡的普及下，網頁上的信息傳播越來越高效，所以對網頁藝術設計的學習就變得更加重要，網頁設計者在把握網絡頁面藝術設計的三大基本原則后，再在網頁頁面藝術設計的注意事項上下功夫。除此之外，頁面藝術設計者自己的藝術修養也是極為重要的，要努力提高自身的藝術修養和藝術鑒賞能力，輔助以強大的技術設備支持。
參考文獻：
［1］馬爾科姆•巴納德（英）.藝術、設計與視覺文化［M］.江蘇：江蘇美術出版社，2006.
［2］王受之.世界現代設計史［M］.深圳：新世紀出版社，1995.
設計活動中包含著主觀和客觀兩方面的因素，它涉及的具體內容很多，本文著重從網頁藝術設計的原則和特點談一些觀點。
一、網頁藝術設計的原則
1.主題突出
視覺設計表達的是一定的意圖和要求，有明確的主題，并按照視覺規律和形式將主題生動地傳達給觀賞者。視覺設計不但要單純、簡練、清晰和精確，而且在強調藝術性的同時，更應該注重通過獨特的風格和強烈的視覺沖擊力，來鮮明地突出設計主題。
2.強調整體性
網頁表達的是一定的內容、主題和意念，它以滿足人們需求為目標。設計時強調其整體性，可以使瀏覽者更快捷、更準確、更全面地認識它，并給人一種內部有機聯系、外部和諧完整的美感。
3.內容與形式相統一
一個優秀的設計必定是形式對內容的完美表現。一方面，網頁設計所追求的形式美必須適合主題的需要，這是網頁設計的前提。另一方面，要確保網頁上的每一個元素都有存在的必要性，不要為了炫耀而使用冗余的技術。只有通過認真設計和充分的考慮來實現全面的功能并體現美感，才能實現內容與形式的統一。設計者可以對其進行形式上的適當變化，從而豐富整個網頁的形式美。
二、網頁藝術設計的特點
1.多種媒體的綜合性
目前網頁中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等，隨著網絡寬帶、光纖的增加、芯片處理速度的提高以及跨平臺的多媒體文件格式的推廣，必將使設計者綜合運用多種媒體元素來設計網頁。目前國內網頁已經出現了模擬三維的操作界面，在數據壓縮技術的改進和流技術的推動下，互聯網上出現了實時的音頻和視頻服務。因此，多種媒體的綜合運用是網頁藝術設計的特點之一。
2.持續、交互性
網頁不同于傳統媒體之處在于信息的動態更新和即時交互性。即時的交互性是web成為熱點的主要原因，也是網頁設計時必須考慮的問題。持續的交互性，使網頁藝術設計不像印刷品設計那樣，發表之后就意味著設計的結束。網頁設計人員必須根據網站各個階段的經營目標，配合網站不同時期的經營策略以及用戶的反饋信息，及時地對網頁進行調整和修改，不斷創作出新的網頁設計作品。
3.多維性
多維性源于超鏈接，它的出現使網頁的組織結構更加豐富，瀏覽者可以在各種主題之間自由選擇，從而打破了以前人們接收信息的線性方式。例如，可將頁面的組織結構分為序列結構、層次結構、網狀結構、復合結構等。但頁面之間的關系過于復雜，不僅給瀏覽者檢索和查找信息增加了難度，也給設計者帶來了一定的困難。為了讓瀏覽者在網頁上迅速找到所需的信息，設計者應考慮快捷而完善的導航設計。
4.版式設計的不可控制性
所謂網頁的版式設計，是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合，是一種具有個人風格和藝術特色的視聽傳達方式。它在網頁的藝術設計中有著重要的地位，在傳達信息的同時能產生感官美和精神享受。網頁的排版與平面媒體排版有很大差異。后者都有固定的尺寸，而前者的尺寸是由瀏覽者來控制的，這使設計者不能精確控制網頁上每個元素的尺寸和位置。同時，網頁的結構也不像印刷品那樣為線性組合。由于計算機仍處在發展之中，沒有制定出統一的標準，從而導致網頁版式設計的不可控制性，網頁設計者無法控制頁面在用戶端的顯示效果，但這也是網頁設計引人入勝之處。
5.技術與藝術結合的緊密性
設計是主觀和客觀共同作用的結果，設計者不能超越自身已有經驗和所處環境提供的客觀條件限制，優秀設計者正是在掌握客觀規律的基礎上得到了完全的自由。網絡技術主要表現為客觀因素，藝術創意主要表現為主觀因素。網頁設計者應該主動地掌握現有的各種網絡技術，注重技術和藝術的結合，這樣才能充分展現技術之長，實現藝術之想象。
創新是一個民族進步的靈魂，是我們不懈發展的動力。網頁設計中的藝術元素要求設計師們進行創造性思維活動。網頁設計中的藝術設計細胞包含三個方面的內容。首先是視聽上的藝術細胞。在視聽上有如文本、圖像、背景音樂、導航工具等視聽元素。其中文本是其主導地位的一個元素，因為一個網站最終是要表達一個思想或傳遞些信息，而文字的好壞直接關系到網頁的整體質量。能夠直接吸引觀眾注意力的當屬音頻、視頻和動畫元素的設計上，為了突出重點，往往采取把動畫設計在彈出廣告中，或用在導航條中，視頻的出現使得網絡的內容更加豐富多彩。
簡單地說，網頁的版式設計就是在有限的空間上如何將大容量的信息進行排列組合，而不同的組合模式所產生的效果也大不相同。每種版式各有千秋，使用不同的網站設計主題，有滿版型的、對稱型的、分割型的等。[2]網絡設計者應當首先進行定性分析，分析如何使整個網頁總體美觀、整潔和有條理，同時還要進行定量分析，小小的設計空間上進行布局。再次是色彩上的藝術細胞。一個網站必須要有一兩個主題色彩來象征網站的內涵，這是進行市場競爭的重要步驟，我們應當注意到色彩對人視覺效果的沖擊。色彩的搭配和運用既是一門技術活，也是一門藝術。往往不同的色彩所折射出來的概念是不一樣的。例如，綠白組合可以使人感覺優雅舒適，紅色可以凸顯喜慶的氛圍，藍白混合能給人清新淡雅的印象。在設計規劃中，強調整體性和一致性，雜亂無章的界面只會增加網絡用戶的厭惡感。
網頁藝術設計應當注意的問題值得注意的是，藝術設計包含較多的主觀因素，因此對網頁設計者有一定的技術要求，要求熟練掌握各種軟硬件技術，把技術和藝術交融在一起，發揮技術的支持性作用和藝術的想象空間。注意形式美和實質效果的統一。如果為了追求獨特風格設計而缺乏網頁內容的真實性，又或者只重視內容的充實而忽視了藝術表現，那么結果都是使網頁設計顯得空洞蒼白。只有將兩者有效統一起來，在和諧的外表下使用戶的視、聽覺領會到主題內容的精髓，才能使網頁設計具有價值。注意網頁設計的持續性和交換性問題。[3]網頁設計是在網絡環境下完成的，不同于傳統媒介方式，因此要求網頁設計者的觀點與時俱進，進行改變。現代信息變化莫測，人們接受信息的方式也發生根本的轉變，人們不再是吸納信息的被動接受者，而是有個人的偏好和傾向，及時反饋用戶的信息是網頁設計取得進步的經驗和寶貴財富，也是企業螺旋式上升的必然結果。
總而言之，網絡的出現使人們的宣傳和交流方式發生了翻天覆地的變化。網頁設計是計算機科學和美學相結合的綜合性工作，它有自身的發展演變規律，需要后人遵循基本的藝術法則和美學規律。它對設計工作者提出了較高的要求，是內容與形式的統一，是整體與局部的統一，是藝術和技術的統一，是主觀和客觀的統一。隨著技術的繼續前進和人們追求美的標準的不斷變化，網頁藝術設計永遠是一門學不完的學問。雖然不同網站的網頁設計模式各不相同，但是共同點是網頁藝術設計都能充分利用網頁的功能，提高網頁的內在美和外在美。
作者：華冰丁寧單位：石家莊學院美術系
關鍵詞：互聯網;網頁界面;藝術設計
網頁界面藝術設計是伴隨著計算機互聯網絡的產生而形成的藝術設計新課題，是網頁設計者以所處時代所能獲取的技術和藝術經驗為基礎，依照設計目的和要求自覺地對網頁的構成元素進行藝術規劃的創造性思維活動，必然要成為設計藝術的重要組成部分，并隨著網絡技術的發展而發展。表面上看，它表面上看，它不過是關于網頁版式編排的技巧與方法，而實際上，它不僅是一種技能，更是藝術與技術的高度統一。?網頁設計包括風格定位、版面編排、色彩處理、瀏覽方式、鏈接功能等諸多方面,其中色彩處理有著舉足輕重的作用。色彩既是網頁作品的表述語言,又是視覺傳達的手。所以首先要了解一個問題那就是：
1 制作網頁包括具體都包括哪幾部分呢?
1.1圖形、圖像處理制作網頁界面藝術設計，提到界面還有藝術，那在網頁上插入一些精美、適當的圖片是必要的，否則，不會有人去瀏覽你的頁面，因此，在設計網頁之前，就應搜集或制作一些好看、適用的圖片。提到圖形、圖像處理，大家都會想到的軟件是Photoshop這個軟件，對，這個軟件是進行圖形、圖像處理的軟件，但是，它不是專門的處理網絡圖像的軟件，Photoshop這個軟件會用到去進行一些平面的圖形圖像，我們網絡的圖形、圖像處理用的是Fireworks軟件，它可以制作出傳輸較快的gif格式的圖片，占的空間也比較小，一般大小也就是KB，而Photoshop制作出來的是jpg格式的位圖，并且是有損壓縮，象素大了圖像就清晰，但這樣的話上傳到網上會影響瀏覽速度，象素小了就會出現模糊或者馬賽克小方格，所以我們采用的是Fireworks軟件進行處理圖形、圖像。
1.2動畫制作網頁界面藝術設計，肯定也少不了動畫的加入，并且還要有藝術氣息在里面，這就要求我們的設計者要有藝術修養和對顏色的綜合把握了，在沒有FLASH軟件之前，用的是Go live這個軟件，再后來就用傳統的做法，在html中嵌入Java程序編寫的動畫，但這要求設計者要對Java語言熟悉。隨著軟件的發展，如今有了許多制作動畫的軟件，二維的、三維的等等，如現在我們用的FLASH軟件，用它制作的動畫，小巧迷人，只需作為一個.swf格式文件導出，再導入到網頁編輯器里就可以了。
1.3文本的編寫一般是采用在網頁中用html語言中的標簽編寫,也可以用網頁編輯工具的“所見即所得”功能直接寫入文字，如：Dream weaver軟件或者Front page軟件等都可以進行文本的編寫。還有一點要注意的就是，顯示文本的時候，設計者的機器上裝了很多漂亮的字體，設計的時候采用了，但是等上傳到網上以后，別人在瀏覽的時候，如果別人機器上沒有安裝字體，那就顯示不出來我們采用的漂亮樣式字體，因此，在考慮網頁界面藝術設計的基礎上，我們是把文字提前在Photoshop或Fireworks可以將字體先選擇自己喜歡的樣式，然后轉換柵格化圖片再用切片切成小塊，分別進行優化。輸出的格式可以為gif或jpeg，再導入到Dream weaver進行具體編輯，做鏈接可以用圖片特有的屬性進行熱區鏈接，這樣就完成我們想要的字體樣式效果了，就不會出現字體樣式顯示不出來的情況啦。
1.4框架的應用框架是網頁的常用形式，它可以使網頁更為清晰，可以把不同的頁面超鏈接到同一框架中，使的頁面更加緊湊。一般框架用在小說瀏覽頁面，或者介紹圖書章節的部分，或者教學網頁用到的的框架比較多。
1.5表格的應用表格是網頁中用處最廣泛的，可以布局，定位等等，它是網頁中最活躍的元素。它的應用可以使用網頁更加靈活。表格(table)是頁面中的重要元素,是頁面排版的主要手段。我們可以設定表格的寬度、高度、邊框、背景色、對齊方式等參數。很多時候，我們將表格的邊框設為0，以此來定位頁面中的元素，或者籍此確定頁面中各元素的相對位置。我們知道：瀏覽器在讀取網頁html源代碼時，是讀完整個table才將它顯示出來的。如果一個大表格中含有多個子表格，必須等大表格讀完，才能將子表格一起顯示出來。我們在訪問一些站點時，等待多時無結果，按“停止”按鈕卻一下顯示出頁面就是這個原因。因此，我們在設計頁面表格的時候，應該盡量避免將所有元素嵌套在一個表格里，而且表格嵌套層次盡量要少。在使用Dream weaver制作網頁時，會自動在每一個td內添加一個空字符。如果單元格內沒有填充其它元素，這個空字符會保留，在指定td的寬度或高度后，可以在源代碼內將其刪去。
2 色彩的運用
網頁界面藝術設計離不開色彩的應用，當打開一個網站的時候，給用戶留下第一印象的既不是網站豐富的內容，也不是網站合理的布局，而是網站的色彩，尤其是在體現界面的時候，色彩對人的視覺效果非常明顯，一個網站設計的成功與否，在某種程度上取決于設計者對網頁界面設計顏色的運用和搭配。
網頁界面設計是一種審美活動，成功的設計作品一般都很藝術化。但藝術只是設計的手段，而并非設計的任務。設計的任務是要實現設計者的意圖，而并非創造美。網頁界面頁面設計的任務，是指設計者要表現的主題和要實現的功能。站點的性質不同，設計的任務也不同。從形式上，可以將站點分為以下三類：第一類是資訊類站點，像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息，而且訪問量較大。因此需注意網頁界面設計頁面的分割、結構的合理、頁面的優化、界面的親和等問題。第二類是資訊和形象相結合的網站，像一些較大的公司、國內的高校等。這類網站在設計上要求較高，既要保證資訊類網站的上述要求，同時又要突出企業、單位的形象。第三類則是形象類網站，比如一些中小型的公司或單位。這類網站一般較小，有的則有幾頁，需要實現的功能也較為簡單，頁面設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。
3 網頁界面的優化
關鍵詞:網頁藝術設計;內容;風格;色彩;原則
中圖分類號:J04文獻標識碼:A文章編號:1005-5312(2010)17-0042-01
一、網頁設計的內容
網頁藝術設計涉及的具體內容很多,可以概括為版式設計和視聽元素兩個方面。兩者之間是相互依存、相互襯托!當然網站最重要的還是內容。如果一個網站沒有提供有價值的、有趣味的、及時更新和可以信賴的內容,那么網站操作起來是簡單還是復雜都失去意義。
(一)版式設計
網頁的版式設計同報刊雜志、書籍裝幀等平面媒體的版式設計也很多共同之處,它在網頁的藝術設計中占據著主導地位。圖形,色彩和文字是版式設計的三要素,設計者根據網站不同用途和不同用戶對象,通過設計來反映網站主題內容的版式。比如個人網站展現自我的個性,內容相對較少,版式設計體現的是獨特!門戶網站內容比較多,版式就需要條理分明一目了然!網頁版式不等同于平面版式設計,網頁版式設計時你得考慮到不同用戶顯示屏的大小不一,遵循的原則是功能第一,美觀第二。
(二)視聽元素
這里所說的視聽元素,主要包括:文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂、動態影像等。設計者要考慮的是聽覺任何來襯托視覺,最終為網站主題服務。多媒體技術的運用大大豐富了網頁藝術設計的表現力。但由于網絡寬帶的客觀限制,在使用多媒體的形式表現網頁內容時,應考慮客戶端的傳輸速度。不僅對設計者提出了高規格審美情趣,也需要網頁設計者扎實的技術能力,也就是體現技術怎樣為藝術服務。
二、網頁設計的風格
網頁設計的目的就是為了突出站點的自身特點,以信息內容得到理想的傳導為前提,根據網站的主題內容,主頁的設計要考慮風格形式的定位。目前,網頁的應用范圍日益擴大,幾乎包括了所有行業,歸納起來有幾大類,新聞機構,政府機關,企業門戶,科教文化,娛樂藝術,電子商務,網絡中心等。不同性質的行業,應體現出不同的主頁風格。網頁設計的整體風格要靠版式、色彩、動畫、聲音來表現。不同領域藝術創作的角度及方式也有所區別,從網頁設計的特殊角度分析主頁的風格。大體可分為平面風格,矢量風格,像素風格,三唯風格。
(一)平面風格
平面設計是二唯的設計,平面風格始終是基于一個二唯視圖來工作。側重與構圖,色彩以及表達的思維主旨,往往給人以空靈的意境和透氣爽快的感覺,這種構圖形式可以在有限的頁面中表現無限的空間感。此種風格在網頁設計里最常見且最實用。
(二)矢量風格
矢量圖使用直線和曲線來描述圖形,這些圖形的元素大多是一些點,線,矩形,多邊行,圓和弧線等基礎元素,它們都是通過數學公式計算獲得的,所以文件體積比較小。矢量圖最大的優點是無論放大,縮小或旋轉等都不會失真,最大的缺點是難以表現色彩的層次豐富的逼真圖像效果。矢量圖形插畫是運用圖案的表現形式,審美與使用相統一的原則,盡量使線條,形態清晰明快。塊面感強,制作方便。
(三)像素風格
GBA手掌機畫面,電腦軟件上的圖標以及現在手機上的屏保等都是像素畫。像素屬于點陣式圖像,他是一種圖標風格的圖像,更強調清晰的輪廓,明快的色彩。幾乎不用混疊方法來繪制光滑的線條,由許多不同顏色的點一個個巧妙地組合與排列在一起,構成一副完整的圖像,這些點稱為像素,圖像稱之為圖標或像素畫。目前像素畫技術以日本,韓國比較成熟。從最初的電玩中就可以看出,在很早以前就已經進入這門藝術領域。像素風格型網站,為互聯網增添了獨特,亮麗的風景線。
(四)三唯風格
三唯是在頂視圖,正視圖,側視圖及透視圖來創作編輯物體的,以一個具有長,寬,高三種度量的立體物質形態出現,這種形態可以表現在商品的外形上,也可以表現在商品的容器或其他地方。在網頁設計里,三唯的造型手法,通過折疊,凹凸的處理,使畫面產生浮雕,立體等三唯效果。
三、網頁設計的色彩
(一)明確網站的主題、服務對象及用色彩要表達的目的
要確定一個網頁用什么色彩合適,即什么色彩適合什么網站。你必須要先弄明白該網站的主題和它的服務對象,以及你通過色彩希望達到的目的。如簡約類網站用用灰色做主色調,它不象黑色那么鮮明,也不象白色那么呆板,比較平穩和中立也不會激發非常強烈的情感。如果服務對象主要是兒童,其網頁設計不僅采用卡通和聲音等眾多形式,還選擇了非常鮮艷的色彩。
(二)確定網頁的主色調根據網站的主題、服務對象及用色目的
給網站的網頁選一個主色調,以形成一定風格。整個網頁最好只有一個主色調。主調色彩一般可用公司的標準色,這符合公司的形象戰略,可以提升公司形象。主調色確定后,還可選一至兩種輔助色配合使用,整個網頁的色彩最好控制在三色之內。
四、網頁設計的原則
網頁作為傳播信息的一種新媒介,使讀者不受時間、空間的局限,同其他出版物如報子,雜志等在設計上有很多共同之處,也要遵循一些設計的基本原則,但是,由于表現形式和運行方式不同,網頁設計又有自身的特殊規律。網頁的藝術設計,需要設計者高超的技術,堅實的知識結構和豐富的想象力,是技術與藝術的高度結合,缺一不可,它要求設計者掌握以下三個主要原則。
(一)主題鮮明
一個主題的表現也就是創意的深化,也就是設計者個人素質和技能的體現。
創意是一種有價值的智慧的體現,創意體現了大多數人的心理趨勢,就會贏得大眾的追捧。設計在強調藝術性的同時,更應該通過獨特的風格和強烈的視覺沖擊力,來鮮明地突出設計主題。 優秀的網頁設計必然服務于網站的主題,就是說,什么樣的網站,應該有什么樣的設計。設計是為功能服務的,功能也就是網站的主題。例如商業網站呈現的是條理分明的內容。搜索網站作為一個搜索引擎,首先要實現“搜索”的“功能”。它的主題即是它的“功能”。
(二)形式與內容統一
任何設計都有一定的內容和形式。內容是構成設計的一切內在要素的總和,是設計存在的基礎,被稱為“設計的靈魂”;形式是構成內容諸要素的內部結構或內容的外部表現方式。網站的內容是不變的,形式可以改變!這就需要用最適合的形式來反作用于內容。網站設計的內容就是指它的主題、形象、題材等要素的總和,形式就是它的結構、風格或設計語言等表現方式。一個優秀的設計必定是形式對內容的完美表現。
(三)強調整體
設計時強調其整體性,可以使瀏覽者更快捷、更準確、更全面地認識它、掌握它,并給人一種內部有機聯系、外部和諧完整的美感。網頁的整體性包括內容和形式上的整體性。
【論文關鍵詞】互聯網;網頁界面;藝術設計
【論文摘要】在互聯網飛速發展的今天，網絡已成為人們生活中不可缺少的一部分，無論是在商業、工業還是政府部門中都早已普及開來，如今就連教育事業也都承載著網絡這四通八達的命脈迅速的發展起來。網站建設越來越接近于一門藝術而不僅僅是一項技術。網頁界面藝術設計，日益被網站建設者所注重。結合自身的經驗，闡述了如何制作一個完整的豐富多彩的頁面，主要從色彩、框架，布局、優化這幾個大方面對頁面設計進行描述，對網頁界面藝術設計的文字、圖形、色彩、多媒體四個要素做了具有特色的分析和歸納，最后對其藝術設計風格進行了深入的分類和闡述，這一部分的重點是對網頁界面藝術設計風格的研究。網頁作為新興媒體，有著比報刊、雜志、廣播、電視等傳統媒體更多的構成要素，如文字、圖形、聲音、圖像和動畫等。最后得出頁面設計需要時間和耐心去鉆研，才能做出好的網頁界面藝術設計這一觀點。
網頁界面藝術設計是伴隨著計算機互聯網絡的產生而形成的藝術設計新課題，是網頁設計者以所處時代所能獲取的技術和藝術經驗為基礎，依照設計目的和要求自覺地對網頁的構成元素進行藝術規劃的創造性思維活動，必然要成為設計藝術的重要組成部分，并隨著網絡技術的發展而發展。表面上看，它表面上看，它不過是關于網頁版式編排的技巧與方法，而實際上，它不僅是一種技能，更是藝術與技術的高度統一。?網頁設計包括風格定位、版面編排、色彩處理、瀏覽方式、鏈接功能等諸多方面，其中色彩處理有著舉足輕重的作用。色彩既是網頁作品的表述語言，又是視覺傳達的手。所以首先要了解一個問題那就是：
1 制作網頁包括具體都包括哪幾部分呢?
1.1圖形、圖像處理制作網頁界面藝術設計，提到界面還有藝術，那在網頁上插入一些精美、適當的圖片是必要的，否則，不會有人去瀏覽你的頁面，因此，在設計網頁之前，就應搜集或制作一些好看、適用的圖片。提到圖形、圖像處理，大家都會想到的軟件是Photoshop這個軟件，對，這個軟件是進行圖形、圖像處理的軟件，但是，它不是專門的處理網絡圖像的軟件，Photoshop這個軟件會用到去進行一些平面的圖形圖像，我們網絡的圖形、圖像處理用的是Fireworks軟件，它可以制作出傳輸較快的gif格式的圖片，占的空間也比較小，一般大小也就是KB，而Photoshop制作出來的是jpg格式的位圖，并且是有損壓縮，象素大了圖像就清晰，但這樣的話上傳到網上會影響瀏覽速度，象素小了就會出現模糊或者馬賽克小方格，所以我們采用的是Fireworks軟件進行處理圖形、圖像。
1.2動畫制作網頁界面藝術設計，肯定也少不了動畫的加入，并且還要有藝術氣息在里面，這就要求我們的設計者要有藝術修養和對顏色的綜合把握了，在沒有FLASH軟件之前，用的是Go live這個軟件，再后來就用傳統的做法，在html中嵌入Java程序編寫的動畫，但這要求設計者要對Java語言熟悉。隨著軟件的發展，如今有了許多制作動畫的軟件，二維的、三維的等等，如現在我們用的FLASH軟件，用它制作的動畫，小巧迷人，只需作為一個.swf格式文件導出，再導入到網頁編輯器里就可以了。
1.3文本的編寫一般是采用在網頁中用html語言中的標簽編寫，也可以用網頁編輯工具的“所見即所得”功能直接寫入文字，如：Dream weaver軟件或者Front page軟件等都可以進行文本的編寫。還有一點要注意的就是，顯示文本的時候，設計者的機器上裝了很多漂亮的字體，設計的時候采用了，但是等上傳到網上以后，別人在瀏覽的時候，如果別人機器上沒有安裝字體，那就顯示不出來我們采用的漂亮樣式字體，因此，在考慮網頁界面藝術設計的基礎上，我們是把文字提前在Photoshop或Fireworks可以將字體先選擇自己喜歡的樣式，然后轉換柵格化圖片再用切片切成小塊，分別進行優化。輸出的格式可以為gif或jpeg，再導入到Dream weaver進行具體編輯，做鏈接可以用圖片特有的屬性進行熱區鏈接，這樣就完成我們想要的字體樣式效果了，就不會出現字體樣式顯示不出來的情況啦。
1.4框架的應用框架是網頁的常用形式，它可以使網頁更為清晰，可以把不同的頁面超鏈接到同一框架中，使的頁面更加緊湊。一般框架用在小說瀏覽頁面，或者介紹圖書章節的部分，或者教學網頁用到的的框架比較多。
1.5表格的應用表格是網頁中用處最廣泛的，可以布局，定位等等，它是網頁中最活躍的元素。它的應用可以使用網頁更加靈活。表格(table)是頁面中的重要元素，是頁面排版的主要手段。我們可以設定表格的寬度、高度、邊框、背景色、對齊方式等參數。很多時候，我們將表格的邊框設為0，以此來定位頁面中的元素，或者籍此確定頁面中各元素的相對位置。我們知道：瀏覽器在讀取網頁html源代碼時，是讀完整個table才將它顯示出來的。如果一個大表格中含有多個子表格，必須等大表格讀完，才能將子表格一起顯示出來。我們在訪問一些站點時，等待多時無結果，按“停止”按鈕卻一下顯示出頁面就是這個原因。因此，我們在設計頁面表格的時候，應該盡量避免將所有元素嵌套在一個表格里，而且表格嵌套層次盡量要少。在使用Dream weaver制作網頁時，會自動在每一個td內添加一個空字符。如果單元格內沒有填充其它元素，這個空字符會保留，在指定td的寬度或高度后，可以在源代碼內將其刪去。
2 色彩的運用
網頁界面藝術設計離不開色彩的應用，當打開一個網站的時候，給用戶留下第一印象的既不是網站豐富的內容，也不是網站合理的布局，而是網站的色彩，尤其是在體現界面的時候，色彩對人的視覺效果非常明顯，一個網站設計的成功與否，在某種程度上取決于設計者對網頁界面設計顏色的運用和搭配。
網頁界面設計是一種審美活動，成功的設計作品一般都很藝術化。但藝術只是設計的手段，而并非設計的任務。設計的任務是要實現設計者的意圖，而并非創造美。網頁界面頁面設計的任務，是指設計者要表現的主題和要實現的功能。站點的性質不同，設計的任務也不同。從形式上，可以將站點分為以下三類：第一類是資訊類站點，像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息，而且訪問量較大。因此需注意網頁界面設計頁面的分割、結構的合理、頁面的優化、界面的親和等問題。第二類是資訊和形象相結合的網站，像一些較大的公司、國內的高校等。這類網站在設計上要求較高，既要保證資訊類網站的上述要求，同時又要突出企業、單位的形象。第三類則是形象類網站，比如一些中小型的公司或單位。這類網站一般較小，有的則有幾頁，需要實現的功能也較為簡單，頁面設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。
3 網頁界面的優化
在頁面設計中，網頁界面的優化是較為重要的一個環節。它的成功與否會影響頁面的瀏覽速度和頁面的適應性，影響觀者對網站的印象。
在資訊類網站中，文字是頁面中最大的構成元素，因此字體的優化顯得尤為重要。使用css樣式表指定文字的樣式是必要的，通常我們將字體指定為宋體，大小指定為12px，顏色要視背景色而定，原則上以能看清且與整個頁面搭配和諧為準。在白色的背景上，我們一般使用黑色，這樣不易產生視覺疲勞，能保證瀏覽者較長時間地瀏覽網頁。一般我們網頁默認的字體是宋體。為了體現站點的“與眾不同”和特有風格，我門可以根據需要選擇一些特別字體。例如，為了體現專業可以使用粗仿宋體，體現設計精美可以用廣告體，體現親切隨意可以用手寫體等等。當然這些都是個人看法，你可以根據實際情況，選擇更貼切的字體。目前常見的中文字體有二三十種，常見的英文字體有近百種，網絡上還有許多專用藝術字體下載，要尋找一款滿意的字體并不算困難。需要說明的是：使用非默認字體只能用圖片的形式，因為很可能瀏覽者的PC里沒有安裝你的特別字體，那么你的辛苦設計制作便將付之東流。
網頁的適應性是很重要的，在不同的系統上，不同的分辨率下，不同的瀏覽器上，我們將會看到不同的結果，因此設計時要統籌考慮。一般我們在800×600下制作網頁，最佳瀏覽效果也是在800×600分辨率下，在其它情況下只要保證基本一致，不出現較大問題即可?，F在我們設計網頁，一般要考慮800×600和1024×768兩種分辨率，因此我們的表格一般為居中的770左右的表格，表格的寬度最寬不要超過778。事實上，"做網頁"不是單純意義上的"制作網頁"，如果想讓自己制作的網頁美觀大方，就必須要考慮"設計網頁"的過程，一個好的作品，不通過仔細的"設計"就成形是絕對不可能的。
我國的網頁界面頁面設計水平總體上不及韓國，創新的頁面極少，基本都是一種風格，這也是因以前我國的寬帶水平跟不上有原因，一個漂亮的頁面，必然體積會比較龐大，網絡比較慢的話打開的速度也就可想而之，打開速度慢正是網頁的一個最大殺手，所以我國以前的頁面基本都是以框架式居多。隨著我國寬帶的普及，我們也迅速括起了一陣韓風，很多大膽創新的頁面出現，這是一個好現象，但是一味的模仿韓國也不行，我們也要有自己的特色，不能一味的拿來主義。
網頁界面頁面設計的一個基本特色便是吸引瀏覽者，一個美觀漂亮的頁面不管內容多么空洞，也會有人欣賞，反之一個內容充實但頁面簡陋卻往往不會有人去瀏覽，從這便可看出網頁界面藝術設計是多么的重要。
最后總結，網頁界面藝術設計是永遠也學不完的一門學問，因為它會跟著你的成長也變化，直到形成你的一種風格，網頁界面藝術設計需要大膽創新，需要新的思維，需要不斷的努力。
