藝術設計元素在網頁設計中的運用

張磊　李善玲

摘要：對網頁設計中的藝術設計元素——文字、圖形、圖像、色彩、版式等的不同特性及作用，以及如何在網頁中運用藝術設計元素來影響網頁的藝術風格和整體效果進行了詳細的闡述。

關鍵詞：網頁設計；藝術設計；元素

中圖分類號：TP393.092 文獻標志碼：A 文章編號：1673-291X（2012）32-0220-02

計算機網絡技術的發展把人們帶入一個信息大爆炸的時代，網絡不僅影響了信息交流的方式，也越來越多地滲透到人們的學習、工作和生活中。網頁是網絡信息的基本載體，也是網絡信息的主要表現形式，網頁中的藝術設計元素就成為網頁是否有具有觀賞性，能否給受眾帶來美的享受的決定因素。網頁設計作為一門交叉學科也就應運而生。網頁設計本身以網絡為載體，把各種信息以最快捷、準確的方式傳播出去；同時，網頁也因為有了藝術設計元素而變得更加豐富多彩，更具觀賞性。

網頁設計中藝術設計的元素主要包括文字、圖形、圖像、色彩、版式等，下面將分類進行說明。

一、網頁設計中的文字

文本是網頁中最為重要的設計元素，網頁的正文部分都是由文字的群體組合而成，從藝術的角度講，文字群體排列組合的好壞，直接影響著頁面的視覺傳達效果。因此，文字群體的設計是增強頁面視覺傳達效果，提高文字的藝術表現能力的關鍵。

1.注重文字的可讀性

網頁設計中的文字應避免凌亂、煩瑣、難于辨認，為了設計而設計，忽視頁面的親和力、可讀性和用戶體驗。

2.調整合適的字體、字號和行間距

字體的設計是設計者直覺和審美的體現。使用說明字體都要從頁面的整體和總體設計原則考慮，黑體強壯有力，草書則更加有藝術感，但從瀏覽網頁的終端考慮，最好采用默認字體，因為好看的字體瀏覽終端不一定支持。

字號的大小有不同測量標準，一般情況下用磅和像素來表述，在網頁設計中默認用磅表示字體的字號，網頁正文部分一般不用12磅宋體字。

行間距變化也會對網頁的用戶體驗和美感產生影響，一般情況下，與字號大小接近的行間距比較適合瀏覽者的審美觀。

3.文字的圖形化

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

二、網頁設計中的圖形和圖像

圖形、圖像是最早引入網頁設計的多媒體元素，它們能將信息傳達得更具體、真實、直接，易于理解，從而高效率、高質量地表達設計理念，使網頁充滿強烈感情色彩，增強用戶體驗。

1.網頁設計中的圖形

2.網頁設計中的圖像

網頁中的圖像主要分為：LOGO（標志）、背影、主圖和超級鏈接；常用的圖片格式有jpg和gif等。

LOGO具有象征、識別功能，是網站形象、文化和主題思想的濃縮。一個成功的LOGO能夠提升網頁的層次，起到畫龍點睛的作用。

背影圖像把整個頁面變成一個寫實場景，與網頁主題相輔相成，從而突出主題思想，凸顯網頁風格。

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

將圖像設置成超級鏈接，能夠使超級鏈接變得樣式豐富，形象生動的圖像能夠消除語言障礙，可以給單純的文字信息增添活力，從而增強用戶體驗。

三、網頁設計中的色彩

網頁的色彩搭配是制作網頁成功與否的關鍵。網頁的背景、文字、圖標、邊框、超鏈接等，應該采用什么樣的色彩，應該搭配什么色彩才能最好地表達出網頁的主題，一直是網頁設計者頭疼的問題。

一個成功的網頁配色，首先要清楚怎樣將網站主題思想傳達給用戶，然后再根據這個主題思想來確定網頁設計的色調搭配，從而提高網站的訪問量。要搭配出能夠體現網站主題思想的配色需遵從以下幾點。

1.色彩的鮮明性。網頁的色彩表現主題要鮮明，引人注目，使人過目不忘。

2.色彩的獨特性。設計根本就是要創新，模仿和抄襲是沒有生命的，色彩搭配與眾不同，使得大家對你網頁的色彩搭配印象強烈。

3.色彩的合適性。就是說色彩和你表達的內容氣氛相適合。如用粉色體現女性站點的柔性。

4.色彩的象征性。不同色彩會象征不同的內容，如藍色象征天空、黑色象征黑夜、黃色象征溫暖等，選擇色彩要和你網頁的內涵相關聯。

在網頁配色中也要切忌用色過多，最好控制在三種之內；前景和背景色彩對比要大，以便突出主題。

四、網頁設計中的版式設計

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

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

2.網頁設計的版式要注重整體，網頁設計內容又需要元素組成，在設計網頁時要綜合各類元素的特點，做到通盤考慮、周密組織、精確定位，才能使頁面的整體性得到體現。

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

五、網頁設計的視聽元素

網頁設計伴隨著計算機互聯網技術的發展，聲音、視頻和動畫等視聽元素已成為網頁的一個重要組成部分。從網頁設計的角度來說，在網頁中運用適合網頁主題的視聽元素能夠大幅度提高網頁的檔次，反之，單純為了“炫”而加入一些不合主題的視聽元素反而會有畫蛇添足之嫌。因此，視聽元素在網頁設計中的運用也要遵循傳統網頁設計的制作思路和制作要點。視聽元素的綜合運用是網頁設計的特點之一，是網頁設計發展的必然方向。

藝術設計元素在網頁設計中的運用是今后網頁設計發展的新趨勢，網頁設計作為一種新興的藝術設計，只有合理地將藝術設計元素運用到網頁設計中，才能做出賞心悅目的網頁。

參考文獻：

[1] 姚霓.淺談網頁設計要素[J].科技情報開發與經濟，2008，（18）.

[2] 宋春輝.網頁設計中的美學應用分析[J].海南師范學院學報，2005，18（1）.

[3] 蔣桂梅.網頁設計的藝術性[J].電腦知識與技術，2010，（5）.

[責任編輯李可]