藝術(shù)設(shè)計(jì)元素在網(wǎng)頁設(shè)計(jì)中的運(yùn)用

張磊　李善玲

摘要：對(duì)網(wǎng)頁設(shè)計(jì)中的藝術(shù)設(shè)計(jì)元素——文字、圖形、圖像、色彩、版式等的不同特性及作用，以及如何在網(wǎng)頁中運(yùn)用藝術(shù)設(shè)計(jì)元素來影響網(wǎng)頁的藝術(shù)風(fēng)格和整體效果進(jìn)行了詳細(xì)的闡述。

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；藝術(shù)設(shè)計(jì)；元素

中圖分類號(hào)：TP393.092 文獻(xiàn)標(biāo)志碼：A 文章編號(hào)：1673-291X（2012）32-0220-02

計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的發(fā)展把人們帶入一個(gè)信息大爆炸的時(shí)代，網(wǎng)絡(luò)不僅影響了信息交流的方式，也越來越多地滲透到人們的學(xué)習(xí)、工作和生活中。網(wǎng)頁是網(wǎng)絡(luò)信息的基本載體，也是網(wǎng)絡(luò)信息的主要表現(xiàn)形式，網(wǎng)頁中的藝術(shù)設(shè)計(jì)元素就成為網(wǎng)頁是否有具有觀賞性，能否給受眾帶來美的享受的決定因素。網(wǎng)頁設(shè)計(jì)作為一門交叉學(xué)科也就應(yīng)運(yùn)而生。網(wǎng)頁設(shè)計(jì)本身以網(wǎng)絡(luò)為載體，把各種信息以最快捷、準(zhǔn)確的方式傳播出去；同時(shí)，網(wǎng)頁也因?yàn)橛辛怂囆g(shù)設(shè)計(jì)元素而變得更加豐富多彩，更具觀賞性。

網(wǎng)頁設(shè)計(jì)中藝術(shù)設(shè)計(jì)的元素主要包括文字、圖形、圖像、色彩、版式等，下面將分類進(jìn)行說明。

一、網(wǎng)頁設(shè)計(jì)中的文字

文本是網(wǎng)頁中最為重要的設(shè)計(jì)元素，網(wǎng)頁的正文部分都是由文字的群體組合而成，從藝術(shù)的角度講，文字群體排列組合的好壞，直接影響著頁面的視覺傳達(dá)效果。因此，文字群體的設(shè)計(jì)是增強(qiáng)頁面視覺傳達(dá)效果，提高文字的藝術(shù)表現(xiàn)能力的關(guān)鍵。

1.注重文字的可讀性

網(wǎng)頁設(shè)計(jì)中的文字應(yīng)避免凌亂、煩瑣、難于辨認(rèn)，為了設(shè)計(jì)而設(shè)計(jì)，忽視頁面的親和力、可讀性和用戶體驗(yàn)。

2.調(diào)整合適的字體、字號(hào)和行間距

字體的設(shè)計(jì)是設(shè)計(jì)者直覺和審美的體現(xiàn)。使用說明字體都要從頁面的整體和總體設(shè)計(jì)原則考慮，黑體強(qiáng)壯有力，草書則更加有藝術(shù)感，但從瀏覽網(wǎng)頁的終端考慮，最好采用默認(rèn)字體，因?yàn)楹每吹淖煮w瀏覽終端不一定支持。

字號(hào)的大小有不同測(cè)量標(biāo)準(zhǔn)，一般情況下用磅和像素來表述，在網(wǎng)頁設(shè)計(jì)中默認(rèn)用磅表示字體的字號(hào)，網(wǎng)頁正文部分一般不用12磅宋體字。

行間距變化也會(huì)對(duì)網(wǎng)頁的用戶體驗(yàn)和美感產(chǎn)生影響，一般情況下，與字號(hào)大小接近的行間距比較適合瀏覽者的審美觀。

3.文字的圖形化

所謂文字圖形化是指用單個(gè)的字、詞、句甚至一段文字，巧妙地排列組合成生動(dòng)有趣的畫面，使圖文有機(jī)地結(jié)合在一起，形成圖文交融、相映成趣的視覺效果。在文字的圖形化過程中不要單純追求文字圖形的美觀，還要注意文字的可讀性，只有這樣才算是成功的文字圖形化。

二、網(wǎng)頁設(shè)計(jì)中的圖形和圖像

圖形、圖像是最早引入網(wǎng)頁設(shè)計(jì)的多媒體元素，它們能將信息傳達(dá)得更具體、真實(shí)、直接，易于理解，從而高效率、高質(zhì)量地表達(dá)設(shè)計(jì)理念，使網(wǎng)頁充滿強(qiáng)烈感情色彩，增強(qiáng)用戶體驗(yàn)。

1.網(wǎng)頁設(shè)計(jì)中的圖形

2.網(wǎng)頁設(shè)計(jì)中的圖像

網(wǎng)頁中的圖像主要分為：LOGO（標(biāo)志）、背影、主圖和超級(jí)鏈接；常用的圖片格式有jpg和gif等。

LOGO具有象征、識(shí)別功能，是網(wǎng)站形象、文化和主題思想的濃縮。一個(gè)成功的LOGO能夠提升網(wǎng)頁的層次，起到畫龍點(diǎn)睛的作用。

背影圖像把整個(gè)頁面變成一個(gè)寫實(shí)場景，與網(wǎng)頁主題相輔相成，從而突出主題思想，凸顯網(wǎng)頁風(fēng)格。

網(wǎng)頁主圖是指頁面中突出主題，表達(dá)主題思想較大幅面的圖形圖像，一副好的主圖能清晰、準(zhǔn)確的表達(dá)網(wǎng)頁的主題，并具有直觀、易于理解等特點(diǎn)。

將圖像設(shè)置成超級(jí)鏈接，能夠使超級(jí)鏈接變得樣式豐富，形象生動(dòng)的圖像能夠消除語言障礙，可以給單純的文字信息增添活力，從而增強(qiáng)用戶體驗(yàn)。

三、網(wǎng)頁設(shè)計(jì)中的色彩

網(wǎng)頁的色彩搭配是制作網(wǎng)頁成功與否的關(guān)鍵。網(wǎng)頁的背景、文字、圖標(biāo)、邊框、超鏈接等，應(yīng)該采用什么樣的色彩，應(yīng)該搭配什么色彩才能最好地表達(dá)出網(wǎng)頁的主題，一直是網(wǎng)頁設(shè)計(jì)者頭疼的問題。

一個(gè)成功的網(wǎng)頁配色，首先要清楚怎樣將網(wǎng)站主題思想傳達(dá)給用戶，然后再根據(jù)這個(gè)主題思想來確定網(wǎng)頁設(shè)計(jì)的色調(diào)搭配，從而提高網(wǎng)站的訪問量。要搭配出能夠體現(xiàn)網(wǎng)站主題思想的配色需遵從以下幾點(diǎn)。

1.色彩的鮮明性。網(wǎng)頁的色彩表現(xiàn)主題要鮮明，引人注目，使人過目不忘。

2.色彩的獨(dú)特性。設(shè)計(jì)根本就是要?jiǎng)?chuàng)新，模仿和抄襲是沒有生命的，色彩搭配與眾不同，使得大家對(duì)你網(wǎng)頁的色彩搭配印象強(qiáng)烈。

3.色彩的合適性。就是說色彩和你表達(dá)的內(nèi)容氣氛相適合。如用粉色體現(xiàn)女性站點(diǎn)的柔性。

4.色彩的象征性。不同色彩會(huì)象征不同的內(nèi)容，如藍(lán)色象征天空、黑色象征黑夜、黃色象征溫暖等，選擇色彩要和你網(wǎng)頁的內(nèi)涵相關(guān)聯(lián)。

在網(wǎng)頁配色中也要切忌用色過多，最好控制在三種之內(nèi)；前景和背景色彩對(duì)比要大，以便突出主題。

四、網(wǎng)頁設(shè)計(jì)中的版式設(shè)計(jì)

網(wǎng)頁板式的基本類型主要有骨骼型、滿版型、分割型、中軸型、曲線型、傾斜型、對(duì)稱型、焦點(diǎn)型、三角型、自由型十種。網(wǎng)頁設(shè)計(jì)中的版式設(shè)計(jì)是通過文字圖形圖像的組合，表達(dá)出和諧與美。因此，這些圖形圖像必須按照一定的次序進(jìn)行合理的編排和布局，有機(jī)地結(jié)合在一起，將一個(gè)有機(jī)的整體展現(xiàn)出來。在網(wǎng)頁設(shè)計(jì)中，不管采用網(wǎng)頁板式的哪種基本類型都要做到。

1.主次分明，中心突出。根據(jù)中國人的習(xí)慣在一個(gè)頁面上，一些重要的內(nèi)容一般安排在頁面的中央或者中間偏右上的位置，在其他的地方可以安排那些稍次要的內(nèi)容，這樣整個(gè)頁面就得到更好的視覺效果了。

2.網(wǎng)頁設(shè)計(jì)的版式要注重整體，網(wǎng)頁設(shè)計(jì)內(nèi)容又需要元素組成，在設(shè)計(jì)網(wǎng)頁時(shí)要綜合各類元素的特點(diǎn)，做到通盤考慮、周密組織、精確定位，才能使頁面的整體性得到體現(xiàn)。

3.圖文并茂，相得益彰。文字和圖片具有一種相互補(bǔ)充的視覺關(guān)系，頁面上文字太多，就顯得沉悶，缺乏生氣；頁面上圖片太多，缺少文字，必然就會(huì)減少頁面的信息量。因此，最理想的效果是文字與圖片的密切配合，互為襯托，既能活躍頁面，又能使主頁有豐富的內(nèi)容。

五、網(wǎng)頁設(shè)計(jì)的視聽元素

網(wǎng)頁設(shè)計(jì)伴隨著計(jì)算機(jī)互聯(lián)網(wǎng)技術(shù)的發(fā)展，聲音、視頻和動(dòng)畫等視聽元素已成為網(wǎng)頁的一個(gè)重要組成部分。從網(wǎng)頁設(shè)計(jì)的角度來說，在網(wǎng)頁中運(yùn)用適合網(wǎng)頁主題的視聽元素能夠大幅度提高網(wǎng)頁的檔次，反之，單純?yōu)榱恕办拧倍尤胍恍┎缓现黝}的視聽元素反而會(huì)有畫蛇添足之嫌。因此，視聽元素在網(wǎng)頁設(shè)計(jì)中的運(yùn)用也要遵循傳統(tǒng)網(wǎng)頁設(shè)計(jì)的制作思路和制作要點(diǎn)。視聽元素的綜合運(yùn)用是網(wǎng)頁設(shè)計(jì)的特點(diǎn)之一，是網(wǎng)頁設(shè)計(jì)發(fā)展的必然方向。

藝術(shù)設(shè)計(jì)元素在網(wǎng)頁設(shè)計(jì)中的運(yùn)用是今后網(wǎng)頁設(shè)計(jì)發(fā)展的新趨勢(shì)，網(wǎng)頁設(shè)計(jì)作為一種新興的藝術(shù)設(shè)計(jì)，只有合理地將藝術(shù)設(shè)計(jì)元素運(yùn)用到網(wǎng)頁設(shè)計(jì)中，才能做出賞心悅目的網(wǎng)頁。

參考文獻(xiàn)：

[1] 姚霓.淺談網(wǎng)頁設(shè)計(jì)要素[J].科技情報(bào)開發(fā)與經(jīng)濟(jì)，2008，（18）.

[2] 宋春輝.網(wǎng)頁設(shè)計(jì)中的美學(xué)應(yīng)用分析[J].海南師范學(xué)院學(xué)報(bào)，2005，18（1）.

[3] 蔣桂梅.網(wǎng)頁設(shè)計(jì)的藝術(shù)性[J].電腦知識(shí)與技術(shù)，2010，（5）.

[責(zé)任編輯李可]