龔 波

（貴州交通職業(yè)技術(shù)學(xué)院 貴州 貴陽 550008）

1 網(wǎng)頁界面設(shè)計及其原則

所謂網(wǎng)頁界面設(shè)計，是指以“信息傳達(dá)”為中心，根據(jù)用戶需求與使用習(xí)慣，進(jìn)行網(wǎng)頁功能板塊規(guī)劃，并進(jìn)行網(wǎng)頁界面設(shè)計美化的工作。通俗來說，網(wǎng)頁界面設(shè)計就是為了使網(wǎng)頁更加好看，以獲得目標(biāo)用戶更好的信任度，從而更好地向用戶傳達(dá)其所要表達(dá)的理念、文化、服務(wù)、商品等。

為了使網(wǎng)頁界面設(shè)計更加專業(yè)、更加美觀，應(yīng)在設(shè)計過程中遵循以下基本原則：

（1）用戶導(dǎo)向原則。網(wǎng)頁界面設(shè)計要以人為本，明確用戶群體范圍，以用戶的視角來設(shè)計網(wǎng)頁，以期滿足用戶的需要。

（2）簡單易操作原則。網(wǎng)頁界面設(shè)計應(yīng)盡可能使網(wǎng)頁變得簡潔、易操作，使用戶能快速找到所需內(nèi)容，操作要有明確的指向提示。

（3）視覺平衡原則。網(wǎng)頁界面設(shè)計要根據(jù)用戶的視覺習(xí)慣（如從左至右、從上至下的閱讀習(xí)慣），合理地編排圖、文、表、空白等元素，使用戶達(dá)到視覺平衡，提高用戶體驗。

（4）色彩搭配合理原則。網(wǎng)頁界面設(shè)計要重視對色彩的搭配，要充分考慮不同色彩對用戶的不同影響、整體設(shè)計與頁面元素的色彩對比以及主題顏色的貫穿性等。

（5）文字可讀原則。網(wǎng)頁界面設(shè)計應(yīng)盡可能提高文字的可讀性，通過字體、字號、字的顏色等的合理選擇與搭配，使用戶能更舒適地瀏覽網(wǎng)頁，從而達(dá)到高效傳遞信息的目的。

（6）和諧統(tǒng)一原則。網(wǎng)頁界面設(shè)計應(yīng)確保美觀性的和諧統(tǒng)一，對各種網(wǎng)頁元素運(yùn)用統(tǒng)一化的風(fēng)格，使各個專題、各個頁面以及整個網(wǎng)站渾然一體。

2 網(wǎng)頁界面設(shè)計中的視覺要素

所謂視覺元素，是指構(gòu)成視覺對象的基本單元，是人類接受信息、傳達(dá)信息的工具與媒介，是視覺語言符號。在網(wǎng)頁界面設(shè)計中，能影響用戶視覺效果的最重要的視覺元素包括文字、圖形（圖像）、色彩三種。

2.1 文字

文字是從古至今最重要的一種信息傳達(dá)符號，也是一種重要的藝術(shù)表現(xiàn)形式。作為一種視覺要素，文字具有以下特點：

（1）承擔(dān)著頁面信息的傳達(dá)作用，是用戶與網(wǎng)頁實現(xiàn)交互的關(guān)鍵媒介；

（2）信息表達(dá)簡明扼要，表達(dá)能力、概括能力極強(qiáng)，能幫助用戶快速理解網(wǎng)頁內(nèi)容；

（3）表達(dá)方式的可塑性、規(guī)律性、自由性很強(qiáng)，方便網(wǎng)頁界面設(shè)計和編排實現(xiàn)；

（4）具有視覺圖像意義，尤其是漢字的書法藝術(shù)，可通過字體形態(tài)組成不同造型與風(fēng)格，反映審美情趣。

2.2 圖形（圖像）

圖形（圖像）在網(wǎng)頁界面設(shè)計中的應(yīng)用僅次于文字，但其傳達(dá)信息的直觀性、寓意性、趣味性卻遠(yuǎn)超于文字。作為一種視覺要素，圖形（圖像）具有以下特點：

（1）具有認(rèn)知性，通過圖文并茂的方式向用戶傳遞信息，能極大激發(fā)用戶對網(wǎng)頁內(nèi)容的興趣；

（2）具有普遍性，能極大提升網(wǎng)頁界面所包含的信息量，還能起到美化網(wǎng)頁的效果；

（3）具有導(dǎo)視性，設(shè)計往往符合大多數(shù)人的共同特征，能對復(fù)雜信息進(jìn)行快速、有效的傳達(dá)。

2.3 色彩

色彩是刺激人類視覺感官的第一要素，是一種重要的藝術(shù)表現(xiàn)形式與造型語言，是網(wǎng)頁界面設(shè)計成功與否的關(guān)鍵。作為一種視覺要素，色彩具有以下特點：

（1）能通過光色的傳遞將不同類型的信息予以區(qū)分，從而使用戶能快速找到自己所需的信息，方便用戶與網(wǎng)頁的交互；

（2）能給平淡無奇的東西賦予生命，科學(xué)合理的色彩應(yīng)用，能帶給用戶不可抗拒的吸引力與舒適的視覺享受；

（3）凝聚了文化、感性、理性等多方面的因素，能營造出不同的視覺效果，從而激發(fā)出用戶不同的心理反應(yīng)，引發(fā)情感共鳴。

3 視覺要素在網(wǎng)頁界面設(shè)計中的應(yīng)用

在網(wǎng)頁界面設(shè)計中科學(xué)合理地應(yīng)用視覺要素，不但能實現(xiàn)高效地信息傳達(dá)，還能使頁面妙趣橫生，大大增強(qiáng)網(wǎng)頁對用戶的吸引力。

3.1 文字在網(wǎng)頁界面設(shè)計中的應(yīng)用

文字在網(wǎng)頁界面設(shè)計中的應(yīng)用，關(guān)鍵在于：

（1）標(biāo)題字體要要大而醒目，正文字體要小而規(guī)整，以通過字體的大小來凸顯其重要程度。通常而言，標(biāo)題字體要比正文字體大三倍或三倍以上，副標(biāo)題則比大標(biāo)題小一半或一半以下，小標(biāo)題則與正文字體相同或稍大一些。

（2）使用的字體、字型都應(yīng)該比較少，以避免因字體、字型過多使用而導(dǎo)致的頁面視覺混亂。通常而言，同一頁面使用的字體、字型一般不能超過四種。

（3）字體的使用和頁面內(nèi)容要搭配合理，字體設(shè)計要服從于信息傳遞，不能本末倒置。

3.2 圖形（圖像）在網(wǎng)頁界面設(shè)計中的應(yīng)用

圖形（圖像）在網(wǎng)頁界面設(shè)計中的營養(yǎng)，關(guān)鍵在于：

（1）選用的圖形（圖像）要具備信息傳達(dá)功能，這是最基本的要求。

（2）圖形（圖像）的表現(xiàn)形式要呈多樣化，實現(xiàn)科技與藝術(shù)的結(jié)合。

（3）妥善處理圖形（圖像）的基本要素，即對點、線、面等構(gòu)成元素進(jìn)行合理布局，同時處理好圖形（圖像）的具象與抽象、虛與實，以創(chuàng)造出優(yōu)秀的作品。

（4）堅持創(chuàng)新，以創(chuàng)意為中心，用新穎的方式吸人眼球、引人關(guān)注。

3.3 色彩在網(wǎng)頁界面設(shè)計中的應(yīng)用

色彩在網(wǎng)頁界面設(shè)計中的營養(yǎng)，關(guān)鍵在于：

（1）要有一個主色調(diào)，以展現(xiàn)網(wǎng)站主題、類型及所表達(dá)的情感等。通常一個頁面的色彩不應(yīng)超過三種，色彩應(yīng)考慮其蘊(yùn)含的特殊文化意義。

（2）主色調(diào)與輔助色要搭配協(xié)調(diào)，要彰顯出網(wǎng)頁的主次來，即大局色彩要和諧統(tǒng)一，局部內(nèi)容要層次分明。

（3）要巧妙運(yùn)用無彩色，這樣能大大提升網(wǎng)頁的視覺效果，還能體現(xiàn)出作品的藝術(shù)性與獨特性。

（4）要注意文字與背景色的明暗對比，原則是不能使色彩“蓋住”文字，要使文字便于識別、易于閱讀，保護(hù)用戶的視力。

當(dāng)然，對于各種視覺元素，在網(wǎng)頁界面設(shè)計中，不能各行其是，僅追求一個方面，而要統(tǒng)一規(guī)劃，使其和諧共存、成為一個整體，唯有這樣才能設(shè)計出簡潔、美觀，受用戶歡迎的網(wǎng)頁。

4 結(jié)語

總之，網(wǎng)頁作為一種視覺表現(xiàn)形式，其界面設(shè)計必須重視視覺要素的合理應(yīng)用。一個好的網(wǎng)頁界面，不僅要確保向用戶高效地傳達(dá)網(wǎng)頁信息，還要創(chuàng)造出一個自然、合理、順暢、愉悅的視覺流程與環(huán)境，以完善用戶體驗。

[1]成思豪.網(wǎng)頁設(shè)計中視覺元素的運(yùn)用探討[J].電腦知識與技術(shù)，2014（12）.

[2]岳小冰，郭春璐.網(wǎng)頁設(shè)計的視覺要素與編排創(chuàng)意探討[J].電子技術(shù)與軟件工程，2015（2）.

[3]夏慧中.網(wǎng)頁設(shè)計視覺呈現(xiàn)分析[J].現(xiàn)代商貿(mào)工業(yè)，2014（1）.

[4]張旭輝，龔進(jìn).網(wǎng)頁設(shè)計中視覺要素的優(yōu)化途徑研究[J].信息與電腦（理論版），2013（10）.

[5]劉丹.網(wǎng)頁設(shè)計視覺要素的研究[J].赤峰學(xué)院學(xué)報（自然科學(xué)版），2012（7）.

[6]丁蓮.網(wǎng)頁界面設(shè)計中視覺藝術(shù)要素的分析與研究[J].計算機(jī)光盤軟件與應(yīng)用，2012（5）.