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