色彩在網(wǎng)絡(luò)圖形界面中的應(yīng)用研究

摘 要： 網(wǎng)頁設(shè)計中需要設(shè)計的元素多種多樣，概括來說主要有文字設(shè)計、圖形圖像設(shè)計、色彩設(shè)計、圖標設(shè)計、按鈕設(shè)計以及頁面布局設(shè)計等。網(wǎng)絡(luò)圖形界面是由形狀、顏色、尺寸等視覺元素以及多媒體元素構(gòu)成的，界面設(shè)計的工作重點在于如何處理和組織好視覺元素，從而有效的傳達出行為和信息。從視覺角度出發(fā)，界面設(shè)計應(yīng)屬于平面設(shè)計的范疇，因此遵循視覺傳達的一般規(guī)律。色彩學在圖形用戶界面中的應(yīng)用研究是一件不容忽視的工作。

前言

色彩在自然界中絢麗多變，它可以產(chǎn)生各種各樣的視覺效果，帶給人不同的視覺體會，直接影響著人的美感認知、情緒波動乃至生活狀態(tài)、工作效率。色彩同樣也是圖形界面設(shè)計中重要的視覺元素之一，優(yōu)秀的色彩設(shè)計不僅可以給用戶帶來良好的視覺感受，更重要的是它能夠有效地向用戶傳送系統(tǒng)信息。

色彩是網(wǎng)絡(luò)圖形界面中的設(shè)計元素中看起來最不可避免的。當訪客打開網(wǎng)頁瀏覽器，是否愿意繼續(xù)瀏覽頁面取決于顏色對他們的影響。但顏色是網(wǎng)頁設(shè)計師的遇到最困難的問題。網(wǎng)絡(luò)圖形界面元素的背景，文字，圖標，鏈接，使用什么樣的風格和顏色等這些元素都可以預(yù)期最終畫面效果。顏色需要反復(fù)的研究，顏色包括彩色和非彩色兩種。黑色，白色，灰色系統(tǒng)是一種非彩色的顏色。除了他們之外的所有顏色，指的是無彩色系的顏色。改變顏色屬性可以得到不同的色調(diào)，飽和度和透明度，因此顏色之間可調(diào)制的顏色有數(shù)百萬種。

網(wǎng)絡(luò)界面色彩設(shè)計是一個新問題，是由互聯(lián)網(wǎng)時代的新要求提出的，需要我們研究很多的問題來解決它，這個新的課題，要求我們對網(wǎng)絡(luò)界面色彩設(shè)計做出新的方案。本文我們從界面中色彩設(shè)計的作用、要素以及設(shè)計原則三個方面來討論網(wǎng)絡(luò)圖形界面中色彩的運用。

一、網(wǎng)絡(luò)圖形界面中色彩設(shè)計的重要作用

1、色彩的區(qū)分作用

不同地區(qū)對人的顏色感知有很大的影響。在我國傳統(tǒng)的顏色中，紅色和黃色都代表幸福，莊嚴和神圣的語言，婚禮，節(jié)日活動離不開它。在許多國家也是這種理解來使用顏色。金黃色表示美譽度和忠誠度；橙色表示努力和耐心；紅色代表勇氣和熱情；綠色代表著青春和希望；青色的尊重和誠實；白色意味著信任和純真；黑色則代表悲傷和遺憾。

在生活中，我們很容易忘記日常瑣事，趨向于記住那些有獨特體驗的或者有情感參與的事件。在界面上也是如此，千篇一律的界面風格不會過多地吸引用戶，當人們觀看一個界面時，會馬上對顏色產(chǎn)生感覺：激動、高興或者枯燥乏味，沒有比顏色更好的元素可以快速的區(qū)分不同界面之間的風格差異。

2、色彩的引導(dǎo)作用

自然界中的顏色與“人造的數(shù)字顏色”相比通常具備較低的飽和度，眼睛看上去更加舒服。在界面設(shè)計中利用自然色可以讓用戶更加專注于交互，不會被其他亮色調(diào)打擾。當你試圖在一個充滿飽和色調(diào)的頁面上瀏覽信息時，你的眼睛會不斷地返回那些亮的顏色，所以導(dǎo)航和標簽運用明亮的色彩會給用戶起到很好的引導(dǎo)作用。

3、色彩的情感作用

不同的顏色會給瀏覽者不同的心理感受。每種色彩在飽和度，透明度上略微變化就會產(chǎn)生不同的感覺。色彩本身并無冷暖的溫度差別，是視覺色彩引起人們對冷暖感覺的心理聯(lián)想。例如相同內(nèi)容的商務(wù)性調(diào)查問卷網(wǎng)頁，如果一種使用了寒冷和具有脅迫性的配色，另外一種使用了暖和和更有魅力的顏色，自然，后者使得問卷更有親和力，也更易吸引用戶在舒適的框架下完成調(diào)查。

二、網(wǎng)絡(luò)圖形界面中色彩設(shè)計要素分析

1、主題色

每一個網(wǎng)頁都有一個基色調(diào)也就是主題色，在網(wǎng)絡(luò)圖形界面設(shè)計當中，主題色往往面積最大，它掌握著整個畫面的色彩氛圍，不同的主題色會給人帶來不同的印象。主題色要跟網(wǎng)頁所屬行業(yè)相一致，服務(wù)對象不同要采用不同的色彩元素，比如“唯品會”網(wǎng)站，該網(wǎng)站專營名品打折，服務(wù)對象主要是女性，其網(wǎng)頁主色選擇了非常明亮艷麗的色彩，它表達出女性的時尚、前衛(wèi)、靚麗的風格。如圖1。

2、輔助色

網(wǎng)絡(luò)圖形界面中的輔助色是與主色搭配的顏色，顧名思義是為了輔助和襯托主題色出現(xiàn)的。在選用輔助色時，可采用主題色的鄰近色起到調(diào)和作用，也可選用主題色的對比色起強調(diào)作用。整個網(wǎng)頁的色彩最好控制在三種顏色之內(nèi)，當輔助色的選擇過多時，會喧賓奪主給人一種眼花繚亂的感覺，總之輔助色的設(shè)計既要保持頁面整體顏色的和諧，又要輔助主題色的主導(dǎo)地位。比如圖2，該個人主頁主色為黃色，輔色為黑色。

3、背景色

背景色的設(shè)計是網(wǎng)絡(luò)圖形界面設(shè)計中一個重要組成部分，它的主要功能就是突出主題及主題色，可通過對背景色彩的合理調(diào)配來實現(xiàn)這一功能。網(wǎng)頁背景色與主題色對比不能太過強烈，特別是不要使用與主題色對立的顏色。網(wǎng)頁中大面積使用低明度的色彩，不至于使背景色掩蓋前景圖片，也不會使背景色融化文字色，識別困難。所以，背景一般應(yīng)以純色為宜。如圖3，深度網(wǎng)站的背景色為灰色。

三、網(wǎng)絡(luò)圖形界面中色彩運用應(yīng)遵循的原則

1、色彩搭配要統(tǒng)一協(xié)調(diào)

在網(wǎng)絡(luò)圖形界面設(shè)計中往往需要各種不同的色彩來表達，色與色之間必須協(xié)調(diào)、調(diào)和、融合，產(chǎn)生統(tǒng)一協(xié)調(diào)的效果，這就是色彩調(diào)和。它并不是要把顏色都變成同色系，而是包含色彩的差異與對比，使不同的顏色按照一定的秩序變得協(xié)調(diào)而統(tǒng)一。把握好色彩調(diào)和對于取得良好的整體感起著決定性作用。

2、色彩要特色鮮明、烘托主題

網(wǎng)絡(luò)圖形界面的色彩運用必須要有自己獨特的風格，采用獨特的色彩會讓頁面在眾多網(wǎng)絡(luò)界面中卓爾不群，獨到的色彩搭配可以襯托出網(wǎng)站的獨特個性，這樣才能突出自己的特色，給瀏覽者留下深刻的印象。不同的色彩具有不同的特征，給人的感覺也是不一樣的，色彩的搭配要符合界面要表達的主題，形成一種氛圍來烘托主體，使之與內(nèi)容更加貼切。

3、色彩要符合網(wǎng)絡(luò)界面的不同功能

在設(shè)計網(wǎng)絡(luò)圖形界面時，根據(jù)網(wǎng)頁宣傳產(chǎn)品的功能和用途不同，需要考慮到不同顏色搭配所能帶來的功能。人們對不同的色彩往往有不同的理解或者情感上的共鳴，人們對色彩的情感是在長期的社會實踐中形成的并賦予其不同的意義。在不同的界面區(qū)域運用不同的色彩可以很好地表達和區(qū)分他們的功能差異。比如，在為一些果汁、餅干、堅果等食品做網(wǎng)站時，顏色配搭多考慮暖色系，橙色、紅色或黃色能帶給人溫暖和食欲。

4、色彩的運用要以人為本

不同地域、不同類型的人群對于顏色的喜好顯然是不一樣的，在網(wǎng)絡(luò)界面設(shè)計之前，我們應(yīng)該先做好適度的社會調(diào)查，根據(jù)網(wǎng)頁瀏覽者大致年齡、性別、地域、宗教信仰等了解他們的喜好，他們平時關(guān)注的東西、喜歡的物品、追求的品質(zhì)、在意的事情，從這些方面入手設(shè)計網(wǎng)站的色彩搭配，要注意色彩的地域性、民族性等特性，網(wǎng)站投入使用后，也應(yīng)該根據(jù)用戶的反饋來及時調(diào)整網(wǎng)頁的配色。

四、結(jié)語

圖形和圖像在網(wǎng)絡(luò)界面設(shè)計中發(fā)揮著舉足輕重的地位，現(xiàn)在幾乎不可能找到?jīng)]有圖形和圖像的網(wǎng)頁。在網(wǎng)絡(luò)界面設(shè)計中圖形圖像能夠?qū)W(wǎng)絡(luò)界面元素帶來生機，各種形式的圖形和圖像能給人直觀的視覺印象，使網(wǎng)頁有美麗和生動的形象，同時，訪客容易理解和接受，是一種重要的通信手段，如旅游網(wǎng)站，通過旅游短片電影和風景名勝區(qū)的圖像吸引游客。還有其他的網(wǎng)站，也或多或少的通過圖形圖像做宣傳，在這些網(wǎng)站中，形象已成為一個非常重要的因素，如果這些網(wǎng)站缺乏形象，整個頁面都會失去活力。在插入圖片時，主要看它與其他要素的和諧，而且注重突出網(wǎng)絡(luò)界面圖形和圖像選擇主題在網(wǎng)頁美化是合適的。

在網(wǎng)絡(luò)圖形界面設(shè)計中，色彩是界面重要的視覺元素之一。色彩往往比內(nèi)容先作用于人們的視覺感受，在界面設(shè)計中合理地運用色彩不僅可以協(xié)調(diào)或彌補內(nèi)容結(jié)構(gòu)的某些不足還能夠使其更富有藝術(shù)感染力。因此色彩即是一種功能強大的藝術(shù)語言，同樣也是網(wǎng)絡(luò)界面設(shè)計中不可或缺的生命源泉。我們應(yīng)該運用好這種設(shè)計語言來使我們的網(wǎng)頁更有生命力。

參考文獻

[1] 趙雪，陳浩. 軟件界面的色彩運用[J]. 科學大眾（科學教育），2009，（11）：154.

[2] 游婷. Web界面設(shè)計中的色彩設(shè)計原則[J]. 科技資訊，2009，（35）：13.

[3] 王麗莉. 網(wǎng)絡(luò)界面的色彩設(shè)計原則[J]. 網(wǎng)絡(luò)與信息，2010，（06）：32.

[4] 趙雪，王軍麗. 淺談色彩在界面設(shè)計中的應(yīng)用[J]. 保定職業(yè)技術(shù)學院，2010，（01）：56-57.

[5] 劉一凡. 淺談界面色彩設(shè)計[J]. 教育教學論壇，2010，（09）：86-87.

[6] 任妍，陳炳發(fā)，陳文亮. 軟件圖形用戶界面中的色彩設(shè)計[J]. 人類工效學，2011，（04）：56-58.

[7] 鄭望平. 網(wǎng)頁設(shè)計中的色彩運用與研究[D].西北師范大學，2012.