色彩在網(wǎng)頁設(shè)計中的作用分析

薛文勇

摘要：色彩在網(wǎng)頁設(shè)計中扮演著舉足輕重的角色，在影響網(wǎng)頁功能的同時，調(diào)動著觀者的情緒。文章闡述了網(wǎng)頁色彩成像的規(guī)律和方式，著重分析了色彩在網(wǎng)頁的可用性、認(rèn)知與美感和情感中的巨大影響，并介紹了網(wǎng)頁色彩的可用性、偏好和情感表達(dá)的評估方法。

關(guān)鍵詞：網(wǎng)頁設(shè)計；色彩；界面

一、網(wǎng)頁中的色彩

在現(xiàn)實世界中，我們看到的色彩由三種色光組成，他們本身不能再拆分出其他的色彩成分，所以被稱為三原色。光學(xué)的三原色由紅、綠、藍(lán)組成，這三種光混合則會形成白色光。電腦的屏幕成像同樣符合這一原理，由三原色光構(gòu)成色彩。網(wǎng)頁設(shè)計的發(fā)展大約經(jīng)歷了三個階段：第一個階段為靜態(tài)網(wǎng)頁，界面由字符組成，只能保存單純的文本；第二個階段，網(wǎng)頁開始圖文并茂，走上了技術(shù)與藝術(shù)結(jié)合的道路，網(wǎng)頁的美感逐漸為人重視；第三個階段是動態(tài)交互網(wǎng)頁，網(wǎng)頁承載著更大的信息量和更豐富的交互方式，網(wǎng)頁設(shè)計成為了一門交叉的學(xué)科。色彩對于網(wǎng)站設(shè)計的作用是巨大的，它不僅在美學(xué)上奠定了網(wǎng)站的風(fēng)格基礎(chǔ)，同時對于網(wǎng)站的信息傳達(dá)效率和功能實現(xiàn)也有著很大的影響。網(wǎng)頁還可以通過色彩引起用戶不同的情緒與感受，從而創(chuàng)造出與眾不同的瀏覽體驗。

二、色彩對網(wǎng)頁設(shè)計的影響

（一）色彩與網(wǎng)頁可用性網(wǎng)站的重中之重就是其功能性。網(wǎng)頁需要有效地傳遞信息，幫助用戶在互聯(lián)網(wǎng)"地圖"中來回自由穿梭，能夠去往想去的地方，不至于迷路，最終攫取到自身所需的內(nèi)容。網(wǎng)頁在多大程度上能實現(xiàn)其目標(biāo)功能被稱為網(wǎng)頁的可用性，而色彩是其中重要的影響因素之一。在導(dǎo)航設(shè)計中，文字與背景色彩的選擇決定用戶是否能快速地察覺鏈接并正確地點(diǎn)擊。導(dǎo)航中色彩組合會影響點(diǎn)擊精度和速度，如果一個目標(biāo)對象相對顯眼，相應(yīng)的搜索時間可以提升83%。選用不當(dāng)?shù)膱D底對比色彩組合，會使文字模糊不清，難以在第一時間察覺和辨別，不僅影響搜索效率，更是不美觀。在顏色的選擇時，應(yīng)該仔細(xì)思考選擇目的和期望的效果，再添加適合的顏色。在網(wǎng)站的布局方面，色彩起著分組和層級的作用，是用于創(chuàng)造界面布局的最有影響力的元素。通過色彩的選擇，我們可以將界面的某些元素突出或隱藏起來。色彩不僅將元素分割開來，比如導(dǎo)航菜單內(nèi)容文字、標(biāo)題、圖片、符號和廣告燈等內(nèi)容，也可以使界面元素互相協(xié)調(diào)，達(dá)到設(shè)計的一致性。錯誤的顏色選擇則會導(dǎo)致混亂，使界面上出現(xiàn)"壞斑"，破壞整體效果。針對色弱和色盲的特殊用戶，我們需要借助特殊的色彩模型，在網(wǎng)頁特別是文字圖底對比中使用特殊的色彩組合，使得網(wǎng)頁在不影響視力正常的用戶使用的同時，幫助低視用戶突破視力缺陷的障礙。

（二）色彩、認(rèn)知與美感有數(shù)據(jù)表明，用戶會在打開網(wǎng)頁的最初5秒鐘內(nèi)形成對網(wǎng)頁的初步印象，并且決定是否繼續(xù)瀏覽該網(wǎng)頁。所以，從認(rèn)知形成的角度來說，色彩很大程度上決定著一個網(wǎng)頁的生死。色彩還有一種使人增強(qiáng)記憶的作用。巧妙而獨(dú)特的網(wǎng)頁色彩搭配可以瀏覽者留下深刻的印象，從而從海量的網(wǎng)站中脫穎而出。"沒有丑陋的顏色，只有丑陋的搭配。"色彩的組合是影響頁面美感的重要因素。有研究表明，雖然每個人對于色彩的偏好是不同的，但是其中存在著一定的規(guī)律。對于特定人群，需要開發(fā)迎合其審美的色彩組合。在選用色彩時，可以遵守視覺設(shè)計普遍規(guī)律：對比與平衡。在表達(dá)強(qiáng)烈的主題時（例如賽車網(wǎng)站），可選擇對比度大的色彩，用其落差形成強(qiáng)烈的視覺刺激；在表達(dá)溫和的主題時（例如女性網(wǎng)站），可選擇相近的色彩，通過弱化對比迎合主題。形成色彩美感的一般規(guī)律為：色彩組合在明度、純度和彩度三個參數(shù)中平衡，其中至少有一個參數(shù)保持接近狀態(tài)，否則就容易出現(xiàn)混亂的情況。

（三）色彩與情感心理學(xué)家認(rèn)為，情感是指個體對客觀事物是否符合自身需要的態(tài)度體驗。人在接觸網(wǎng)頁色彩后，會通過直覺形成一種"感覺"，繼續(xù)深入探索和思考后，就會引起悲、喜、優(yōu)等心理反應(yīng)，形成更高層次的"感情"。在不同的用戶群體中，美感偏好具有高度的主觀性和差異性。需要注意的事，好的色彩組合必然是切合網(wǎng)頁內(nèi)容和情境的，不同的色彩適用領(lǐng)域也不盡相同，需要慎重的選擇。例如，紫色和藍(lán)色等冷色系會在心理上引起人們的食欲不振，因此日常生活中很少有此類顏色的碗碟。所以在設(shè)計食物類網(wǎng)站時，應(yīng)該避免這些色彩，盡量選用刺激食欲的橘色、黃色、綠色等；在設(shè)計嬰童產(chǎn)品的網(wǎng)站時，選用柔和的淡色系能喚起憐愛、柔情，非常切合主題，但是將這種組合放到商務(wù)類網(wǎng)站中就大不合適了。選擇正確的色彩主題方能準(zhǔn)確地傳達(dá)信息，引發(fā)不同種類的情緒，從而達(dá)成網(wǎng)站的期望目標(biāo)。

三、網(wǎng)頁色彩的評估方式

對于網(wǎng)頁色彩功能側(cè)重點(diǎn)的不同，網(wǎng)頁設(shè)計的色彩評估方式也會變化。以下為評估網(wǎng)頁色彩對網(wǎng)頁可用性、網(wǎng)頁色彩偏好和網(wǎng)頁色彩情感表達(dá)時常用的評估方法。網(wǎng)頁色彩可用性評估：1.通常在選定評估對象，如導(dǎo)航欄、文字段落、按鈕等后，以色彩為變量設(shè)置對比試驗組并完成相應(yīng)任務(wù)，通過測算完成時間、正確率等參數(shù)評估網(wǎng)頁可用性；2.在評估網(wǎng)頁信息傳達(dá)效率，可以通過使用眼動儀設(shè)備追蹤用戶瞳孔，記錄注意力軌跡和視線集中點(diǎn)，評估重要信息是否容易被用戶接受。色彩偏好評估：通常以分發(fā)調(diào)查問卷，獲取被測者對網(wǎng)頁色彩方案的評分為評估手段。在分析數(shù)據(jù)時，除了分析數(shù)據(jù)平均值外，必要時還需要分析數(shù)據(jù)方差，找出獲得最高一致性評價和平均分的方案。色彩方案的方差得分可以作為平均分的補(bǔ)充，驗證該方案是否能達(dá)成較一致的偏好感受。色彩情感表達(dá)評估：可借鑒感性工學(xué)方法，引入SD語義法。使用色彩模型，例如RGB、CMYK、PANTON、NCS等色彩體系，提取色彩屬性，分發(fā)5或7點(diǎn)量表問卷，將情感標(biāo)簽量化為色彩的屬性值，建立色彩與情感主題的科學(xué)關(guān)系。這一評估方法可以一定程度上地將感性的色彩進(jìn)行量化，通過確定的數(shù)值找到最切合主題的色彩方案。

四、結(jié)語

歐洲與日本對色彩的研究非常深入，并取得了相當(dāng)?shù)某删汀Ｔ?851年，歐洲最早進(jìn)行城市色彩規(guī)劃，并與1963年成立了流行色協(xié)會。而國內(nèi)的色彩消費(fèi)和應(yīng)用市場日益壯大，但是，國內(nèi)的色彩研究卻還未跟上，需要通過大量實踐和研究，找出符合國人審美和獨(dú)具東方韻味的網(wǎng)頁色彩搭配。色彩擁有無限的可能性。人們在瀏覽網(wǎng)站時，第一感受就是其色彩帶來的整體印象，其次才是探索網(wǎng)站的內(nèi)容。色彩影響著網(wǎng)站的可用性，更是調(diào)動著用戶的情緒和感受。同樣的網(wǎng)站運(yùn)用不同的色彩方案，就會渲染出不一樣的氛圍和意義，這就是色彩的魅力所在。在選擇網(wǎng)頁中的色彩時，設(shè)計師不能夠憑著自身喜好設(shè)計，而是應(yīng)該有一個嚴(yán)謹(jǐn)、科學(xué)的選擇方式。設(shè)計師需要在充分了解網(wǎng)頁側(cè)重功能與目標(biāo)人群后，考慮色彩對網(wǎng)頁的各方面影響，若有條件可以通過實驗設(shè)置驗證色彩搭配的準(zhǔn)確性。

參考文獻(xiàn)

[1]高悅.淺析網(wǎng)頁界面設(shè)計中的美[J].神州，2012（28）.

[2]柯楊.淺談色彩在網(wǎng)頁設(shè)計中的應(yīng)用[J].華章，2013（28）.

[3]袁琳.網(wǎng)頁設(shè)計中的色彩應(yīng)用特點(diǎn)[J].藝術(shù)與設(shè)計（理論），2012（08）.

[4]仇閩霞.網(wǎng)站設(shè)計中的色彩運(yùn)用初探[J].科教導(dǎo)刊（中旬刊），2012（10）.

[5]蒲波.色彩在網(wǎng)頁設(shè)計中的作用[J].藝術(shù)科技，2013（02）.endprint