龔 波
(貴州交通職業(yè)技術學院 貴州 貴陽 550008)
所謂網頁界面設計,是指以“信息傳達”為中心,根據用戶需求與使用習慣,進行網頁功能板塊規(guī)劃,并進行網頁界面設計美化的工作。通俗來說,網頁界面設計就是為了使網頁更加好看,以獲得目標用戶更好的信任度,從而更好地向用戶傳達其所要表達的理念、文化、服務、商品等。
為了使網頁界面設計更加專業(yè)、更加美觀,應在設計過程中遵循以下基本原則:
(1)用戶導向原則。網頁界面設計要以人為本,明確用戶群體范圍,以用戶的視角來設計網頁,以期滿足用戶的需要。
(2)簡單易操作原則。網頁界面設計應盡可能使網頁變得簡潔、易操作,使用戶能快速找到所需內容,操作要有明確的指向提示。
(3)視覺平衡原則。網頁界面設計要根據用戶的視覺習慣(如從左至右、從上至下的閱讀習慣),合理地編排圖、文、表、空白等元素,使用戶達到視覺平衡,提高用戶體驗。
(4)色彩搭配合理原則。網頁界面設計要重視對色彩的搭配,要充分考慮不同色彩對用戶的不同影響、整體設計與頁面元素的色彩對比以及主題顏色的貫穿性等。
(5)文字可讀原則。網頁界面設計應盡可能提高文字的可讀性,通過字體、字號、字的顏色等的合理選擇與搭配,使用戶能更舒適地瀏覽網頁,從而達到高效傳遞信息的目的。
(6)和諧統(tǒng)一原則。網頁界面設計應確保美觀性的和諧統(tǒng)一,對各種網頁元素運用統(tǒng)一化的風格,使各個專題、各個頁面以及整個網站渾然一體。
所謂視覺元素,是指構成視覺對象的基本單元,是人類接受信息、傳達信息的工具與媒介,是視覺語言符號。在網頁界面設計中,能影響用戶視覺效果的最重要的視覺元素包括文字、圖形(圖像)、色彩三種。
文字是從古至今最重要的一種信息傳達符號,也是一種重要的藝術表現形式。作為一種視覺要素,文字具有以下特點:
(1)承擔著頁面信息的傳達作用,是用戶與網頁實現交互的關鍵媒介;
(2)信息表達簡明扼要,表達能力、概括能力極強,能幫助用戶快速理解網頁內容;
(3)表達方式的可塑性、規(guī)律性、自由性很強,方便網頁界面設計和編排實現;
(4)具有視覺圖像意義,尤其是漢字的書法藝術,可通過字體形態(tài)組成不同造型與風格,反映審美情趣。
圖形(圖像)在網頁界面設計中的應用僅次于文字,但其傳達信息的直觀性、寓意性、趣味性卻遠超于文字。作為一種視覺要素,圖形(圖像)具有以下特點:
(1)具有認知性,通過圖文并茂的方式向用戶傳遞信息,能極大激發(fā)用戶對網頁內容的興趣;
(2)具有普遍性,能極大提升網頁界面所包含的信息量,還能起到美化網頁的效果;
(3)具有導視性,設計往往符合大多數人的共同特征,能對復雜信息進行快速、有效的傳達。
色彩是刺激人類視覺感官的第一要素,是一種重要的藝術表現形式與造型語言,是網頁界面設計成功與否的關鍵。作為一種視覺要素,色彩具有以下特點:
(1)能通過光色的傳遞將不同類型的信息予以區(qū)分,從而使用戶能快速找到自己所需的信息,方便用戶與網頁的交互;
(2)能給平淡無奇的東西賦予生命,科學合理的色彩應用,能帶給用戶不可抗拒的吸引力與舒適的視覺享受;
(3)凝聚了文化、感性、理性等多方面的因素,能營造出不同的視覺效果,從而激發(fā)出用戶不同的心理反應,引發(fā)情感共鳴。
在網頁界面設計中科學合理地應用視覺要素,不但能實現高效地信息傳達,還能使頁面妙趣橫生,大大增強網頁對用戶的吸引力。
文字在網頁界面設計中的應用,關鍵在于:
(1)標題字體要要大而醒目,正文字體要小而規(guī)整,以通過字體的大小來凸顯其重要程度。通常而言,標題字體要比正文字體大三倍或三倍以上,副標題則比大標題小一半或一半以下,小標題則與正文字體相同或稍大一些。
(2)使用的字體、字型都應該比較少,以避免因字體、字型過多使用而導致的頁面視覺混亂。通常而言,同一頁面使用的字體、字型一般不能超過四種。
(3)字體的使用和頁面內容要搭配合理,字體設計要服從于信息傳遞,不能本末倒置。
圖形(圖像)在網頁界面設計中的營養(yǎng),關鍵在于:
(1)選用的圖形(圖像)要具備信息傳達功能,這是最基本的要求。
(2)圖形(圖像)的表現形式要呈多樣化,實現科技與藝術的結合。
(3)妥善處理圖形(圖像)的基本要素,即對點、線、面等構成元素進行合理布局,同時處理好圖形(圖像)的具象與抽象、虛與實,以創(chuàng)造出優(yōu)秀的作品。
(4)堅持創(chuàng)新,以創(chuàng)意為中心,用新穎的方式吸人眼球、引人關注。
色彩在網頁界面設計中的營養(yǎng),關鍵在于:
(1)要有一個主色調,以展現網站主題、類型及所表達的情感等。通常一個頁面的色彩不應超過三種,色彩應考慮其蘊含的特殊文化意義。
(2)主色調與輔助色要搭配協調,要彰顯出網頁的主次來,即大局色彩要和諧統(tǒng)一,局部內容要層次分明。
(3)要巧妙運用無彩色,這樣能大大提升網頁的視覺效果,還能體現出作品的藝術性與獨特性。
(4)要注意文字與背景色的明暗對比,原則是不能使色彩“蓋住”文字,要使文字便于識別、易于閱讀,保護用戶的視力。
當然,對于各種視覺元素,在網頁界面設計中,不能各行其是,僅追求一個方面,而要統(tǒng)一規(guī)劃,使其和諧共存、成為一個整體,唯有這樣才能設計出簡潔、美觀,受用戶歡迎的網頁。
總之,網頁作為一種視覺表現形式,其界面設計必須重視視覺要素的合理應用。一個好的網頁界面,不僅要確保向用戶高效地傳達網頁信息,還要創(chuàng)造出一個自然、合理、順暢、愉悅的視覺流程與環(huán)境,以完善用戶體驗。
[1]成思豪.網頁設計中視覺元素的運用探討[J].電腦知識與技術,2014(12).
[2]岳小冰,郭春璐.網頁設計的視覺要素與編排創(chuàng)意探討[J].電子技術與軟件工程,2015(2).
[3]夏慧中.網頁設計視覺呈現分析[J].現代商貿工業(yè),2014(1).
[4]張旭輝,龔進.網頁設計中視覺要素的優(yōu)化途徑研究[J].信息與電腦(理論版),2013(10).
[5]劉丹.網頁設計視覺要素的研究[J].赤峰學院學報(自然科學版),2012(7).
[6]丁蓮.網頁界面設計中視覺藝術要素的分析與研究[J].計算機光盤軟件與應用,2012(5).