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