淺析平面視覺(jué)元素在網(wǎng)頁(yè)界面設(shè)計(jì)中的應(yīng)用

摘 要：網(wǎng)頁(yè)作為一種新興的大眾信息傳播媒介，使得信息的傳播更加豐富多樣，給人們的學(xué)習(xí)、工作、生活帶來(lái)了極大的方便。文章重點(diǎn)闡述版式、文本、圖像、色彩等平面視覺(jué)元素在網(wǎng)頁(yè)界面設(shè)計(jì)中的應(yīng)用，探討它們對(duì)網(wǎng)頁(yè)界面整體效果的影響。

關(guān)鍵詞：界面設(shè)計(jì)；文本；圖像；色彩；版式

隨著互聯(lián)網(wǎng)的飛速發(fā)展，網(wǎng)站已成為新興的視覺(jué)傳播載體，承載著用戶需要的大量信息和資源，用戶通過(guò)訪問(wèn)網(wǎng)站，獲取最新資訊或者享受網(wǎng)絡(luò)服務(wù)。網(wǎng)頁(yè)是網(wǎng)站的基本單元，如何設(shè)計(jì)網(wǎng)頁(yè)界面，使得網(wǎng)頁(yè)內(nèi)容更加豐富和完整，已成為網(wǎng)頁(yè)設(shè)計(jì)師越來(lái)越重視的問(wèn)題。網(wǎng)頁(yè)界面設(shè)計(jì)是將網(wǎng)頁(yè)的各組成元素經(jīng)過(guò)合理的設(shè)計(jì)編排，有效地傳達(dá)信息，主要工作有：版式的設(shè)計(jì)、文本的編排、圖片的處理、色彩的搭配等。目前網(wǎng)頁(yè)界面設(shè)計(jì)的質(zhì)量參差不齊，除了一些大型門戶網(wǎng)站比較考究網(wǎng)頁(yè)界面設(shè)計(jì)之外，一般的網(wǎng)站界面都是比較單一，缺乏視覺(jué)沖擊力，為使用戶有更完美的視覺(jué)體驗(yàn)，必須從網(wǎng)頁(yè)界面設(shè)計(jì)的主要工作入手。

1 版式的設(shè)計(jì)

網(wǎng)頁(yè)的版式設(shè)計(jì)，是在有限的屏幕空間將多媒體元素進(jìn)行有機(jī)組合，將各種構(gòu)成元素的均衡、調(diào)和、律動(dòng)的視覺(jué)導(dǎo)向以及留白等，根據(jù)主題的要求予以必要的關(guān)系設(shè)計(jì)，進(jìn)行各種視覺(jué)的關(guān)聯(lián)和合理配置。只要是有利于信息的傳達(dá)和能夠讓用戶產(chǎn)生視覺(jué)記憶的版式設(shè)計(jì)就是成功的。在通過(guò)搭配各個(gè)網(wǎng)頁(yè)元素進(jìn)行版式設(shè)計(jì)時(shí)，既要考慮各元素的大小、形態(tài)、色彩各自的特征以及它們之間的變化統(tǒng)一、節(jié)奏規(guī)律，還要通過(guò)適當(dāng)留白的手法以達(dá)到界面整體的視覺(jué)平衡。無(wú)論怎樣的版式設(shè)計(jì)，都以達(dá)到讓瀏覽者高效獲取信息為目的，通過(guò)一目了然、主題突出的版式設(shè)計(jì)增進(jìn)瀏覽者對(duì)網(wǎng)頁(yè)內(nèi)容的理解性和記憶性。

2 文字的編排

在網(wǎng)頁(yè)界面設(shè)計(jì)中，文字的設(shè)計(jì)編排與版式、圖像、色彩等其他元素的處理一樣關(guān)鍵。從網(wǎng)站的類型、性質(zhì)和特點(diǎn)出發(fā)，其設(shè)計(jì)風(fēng)格要與網(wǎng)站內(nèi)容相符，比如在政府網(wǎng)站中文字的設(shè)計(jì)要求較為嚴(yán)肅大氣、有序簡(jiǎn)潔；在歷史文化、教育方面的網(wǎng)站中則趨向于優(yōu)美清新或者端莊典雅；商業(yè)網(wǎng)站則可以根據(jù)自己的企業(yè)理念或者行業(yè)性質(zhì)、產(chǎn)品特點(diǎn)、服務(wù)類型，突出個(gè)性化特征；如果是個(gè)人主頁(yè)，則完全可以根據(jù)個(gè)人的性格、愛(ài)好、心情制作出凸顯個(gè)人特征、展現(xiàn)個(gè)人魅力、極具個(gè)性化、有強(qiáng)烈視覺(jué)沖擊力效果的字體，給人留下深刻印象。

字體的最大特點(diǎn)就是各種字體給人帶來(lái)的情感和風(fēng)格是不同的，或者說(shuō)每一種字體它就是一種獨(dú)特的藝術(shù)符號(hào)，它在個(gè)性和情感方面對(duì)人們有著很大影響。準(zhǔn)確選擇字體，直接影響網(wǎng)頁(yè)界面的美觀，計(jì)算機(jī)為我們提供了很多的字庫(kù)，互聯(lián)網(wǎng)上也提供了豐富多樣的字體，我們可以根據(jù)需要下載安裝使用，設(shè)計(jì)者在字體選擇上有很大的空間，但是在進(jìn)行同一個(gè)網(wǎng)頁(yè)界面設(shè)計(jì)時(shí)，字體種類的運(yùn)用最多不能超過(guò)3種，字體種類太多的話，也會(huì)直接影響頁(yè)面的整體瀏覽效果。

3 圖片的處理

豐富多彩的圖像是美化網(wǎng)頁(yè)必不可少的元素，一個(gè)設(shè)計(jì)精巧的圖片遠(yuǎn)比一條單一的文字信息更能吸引瀏覽者。圖片不僅能夠增加網(wǎng)頁(yè)的吸引力，同時(shí)還能大大增強(qiáng)用戶體驗(yàn)。圖片的展示形式豐富多樣，不同形式的圖片展現(xiàn)也讓瀏覽網(wǎng)頁(yè)的樂(lè)趣變得更加多樣化。用于網(wǎng)頁(yè)上的圖像文件一般為.jpg格式或者.gif格式?？捎梦覀兪煜さ膱D像處理Photoshop軟件來(lái)制作一些平面的圖形圖像，也可直接用專門處理網(wǎng)絡(luò)圖像的Fireworks軟件來(lái)制作，它制作出的gif格式的圖片，占用空間小、下載速度快。不過(guò)要提醒的是，雖然圖像在網(wǎng)頁(yè)中不可或缺，但也不能使用太多，因?yàn)閳D像的下載速度相對(duì)于文字來(lái)說(shuō)是比較慢的，如果網(wǎng)頁(yè)上使用了過(guò)多的圖像，不僅會(huì)使網(wǎng)頁(yè)顯得過(guò)于凌亂，更重要的是會(huì)影響網(wǎng)頁(yè)打開(kāi)的速度。所以，要合理使用圖片的位置、數(shù)量、形式，才能使整個(gè)網(wǎng)頁(yè)界面達(dá)到和諧統(tǒng)一，能更有效地表達(dá)視覺(jué)效果。

4 色彩的搭配

網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)離不開(kāi)色彩的搭配，當(dāng)打開(kāi)一個(gè)網(wǎng)站的時(shí)候，給用戶留下第一印象的既不是網(wǎng)站豐富的內(nèi)容，也不是網(wǎng)站合理的布局，而是網(wǎng)站的色彩。一個(gè)網(wǎng)站設(shè)計(jì)的成功與否，在某種程度上取決于設(shè)計(jì)者對(duì)網(wǎng)頁(yè)界面顏色的運(yùn)用和搭配。我們知道色彩有其各自的象征意義，對(duì)人的心理感應(yīng)是不同的，比如紅色讓人感覺(jué)熱情興奮；黃色讓人感覺(jué)輕快活力；綠色讓人感覺(jué)平靜清新；粉色讓人感覺(jué)甜美溫馨；紫色讓人感覺(jué)典雅高貴；而黑色會(huì)讓人感覺(jué)沉悶壓抑。

色彩的搭配必須要注意幾點(diǎn)：首先，具備鮮明性。盡量多用鮮艷明亮的色彩，少用暗黑淺灰的色彩，一般彩色的網(wǎng)頁(yè)更容易吸引人的注意。其次，具備獨(dú)特性。在網(wǎng)站數(shù)量不計(jì)其數(shù)的互聯(lián)網(wǎng)上，一個(gè)網(wǎng)站的網(wǎng)頁(yè)色彩只有與眾不同才能給瀏覽者留下深刻的印象。最具備針對(duì)性。網(wǎng)站的主色調(diào)要根據(jù)網(wǎng)站的類型和性質(zhì)，切合網(wǎng)站的主題來(lái)定位，切勿跟網(wǎng)站主題相差甚遠(yuǎn)，這樣會(huì)使效果適得其反。

進(jìn)入互聯(lián)網(wǎng)時(shí)代，人們的工作和生活都已離不開(kāi)網(wǎng)絡(luò)，每時(shí)每刻都在通過(guò)網(wǎng)絡(luò)獲取最新資訊，只有網(wǎng)站建設(shè)得獨(dú)特新穎，才會(huì)吸引更多的讀者，所以網(wǎng)頁(yè)界面的設(shè)計(jì)顯得尤為重要。任何一個(gè)網(wǎng)頁(yè)都包含很多網(wǎng)頁(yè)元素，網(wǎng)頁(yè)界面設(shè)計(jì)不僅僅是將網(wǎng)頁(yè)元素簡(jiǎn)單的組成，而是要結(jié)合網(wǎng)頁(yè)主題，充分發(fā)揮各網(wǎng)頁(yè)元素的特征，并將它們藝術(shù)地組合，最終呈現(xiàn)給人們完美的視覺(jué)體驗(yàn)。

參考文獻(xiàn)

[1]唐斌.網(wǎng)頁(yè)界面設(shè)計(jì)本土化的理性走向[J].裝飾，2008（3）：74-76.

[2]楊曄，曲業(yè)華，李曼.淺談色彩在界面設(shè)計(jì)中的應(yīng)用[J].人文論壇，2014：44-45.

[3]楊靜.淺析影響網(wǎng)頁(yè)界面設(shè)計(jì)的因素[J].計(jì)算機(jī)與網(wǎng)絡(luò)，2009：225-227.

[4]張晶.網(wǎng)頁(yè)設(shè)計(jì)中平面視覺(jué)元素的應(yīng)用[J].中國(guó)管理信息化，2011：146-147.

[5]王秀杰.談平面視覺(jué)元素在網(wǎng)頁(yè)界面設(shè)計(jì)中的運(yùn)用[J].商業(yè)文化，2014，131.

作者簡(jiǎn)介：宋秀賢（1985-），女，漢族，廣東梅州人，湖南工學(xué)院，碩士，助教，研究方向：計(jì)算機(jī)多媒體技術(shù)。