何麗萍

（上海第二工業(yè)大學(xué)應(yīng)用藝術(shù)設(shè)計學(xué)院，上海 201209）

0 引言

在各種藝術(shù)設(shè)計門類中，色彩起著無可替代的靈魂作用。在網(wǎng)頁設(shè)計中，色彩的作用也同樣不可忽視。打開一個網(wǎng)站，給用戶留下第一印象的既不是網(wǎng)站豐富的內(nèi)容，也不是網(wǎng)站合理的版面布局，而是網(wǎng)站的色彩。色彩對人的視覺影響非常明顯，色彩的基調(diào)能強(qiáng)化網(wǎng)頁主題信息和個性化特征，在表現(xiàn)特征上具有抒情性，借助色彩引發(fā)的聯(lián)想能使人產(chǎn)生強(qiáng)烈的情感反應(yīng)[1]?？梢哉f，色彩作為一種設(shè)計語言，對于網(wǎng)頁設(shè)計的影響是深刻而廣泛的。

色彩的情感和聯(lián)想建立在人們對生活認(rèn)知的基礎(chǔ)上。長期以來人們在思想中逐漸沉淀對生活的認(rèn)知，一旦客觀世界出現(xiàn)相同的認(rèn)知條件，就會因條件反射而引起人們心理上的情感波動。因此，可以通過不同的色彩來傳達(dá)不同的情感。在設(shè)計中，因為必須考慮到設(shè)計的用途、功能和使用者的心理感受，色彩的情感尤為重要。比如在平面設(shè)計中，設(shè)計師不僅要注意色彩設(shè)計和印刷的運(yùn)用，更要根據(jù)不同的設(shè)計載體選用恰當(dāng)?shù)纳时磉_(dá)：在包裝設(shè)計中要考慮商品的價值、包裝的材料及技術(shù)手段等；在標(biāo)志設(shè)計中要考慮受眾的文化心理及社會因素；環(huán)境藝術(shù)設(shè)計中的色彩應(yīng)用則要考慮室內(nèi)各組件表面和材料的限制，以及色彩應(yīng)用所形成的空間環(huán)境帶給人們的心理感受。同樣，作為網(wǎng)頁設(shè)計師，做到有針對性地用色也相當(dāng)重要。在網(wǎng)頁設(shè)計中對色彩的選擇和使用并不是根據(jù)設(shè)計者自身的喜好來決定的，而在于恰當(dāng)?shù)剡x擇符合那些對該網(wǎng)站感興趣的潛在用戶喜好的色彩。在網(wǎng)頁設(shè)計中巧妙地應(yīng)用色彩感情的規(guī)律，充分發(fā)揮色彩的暗示作用，能更好地引起用戶的廣泛注意和興趣，并進(jìn)一步發(fā)揮色彩在網(wǎng)頁中的導(dǎo)向作用[2]。

網(wǎng)頁色彩的導(dǎo)向性可以從不同的角度來分析。

1 色彩導(dǎo)向在網(wǎng)頁中的整體運(yùn)用

色彩作為第一視覺語言，它的視覺作用先于形象，因此，對視覺信息傳達(dá)的效果有著非常直接的影響。色彩的直接心理效應(yīng)來自色彩的物理光刺激對人的生理發(fā)生的直接影響。比如在紅色環(huán)境中，人的脈搏會加快，血壓有所升高，情緒興奮沖動；而處在藍(lán)色環(huán)境中，脈搏會減緩，情緒也較沉靜[3-4]。不少色彩理論都對此作過專門的介紹。這些經(jīng)驗向我們明確地肯定了色彩對人心理的影響。另外，由于地域、民族、宗教信仰、生活環(huán)境、年齡、性別和文化修養(yǎng)等等方面存在差異，人們對色彩感知的角度、能力也不盡相同。因此，作為網(wǎng)頁設(shè)計師，必須根據(jù)網(wǎng)頁潛在用戶的實際狀況確定網(wǎng)頁的基本用色。

在進(jìn)行網(wǎng)頁的整體色彩設(shè)計時，可以從網(wǎng)站和用戶的特點來進(jìn)行。

(1) 通過網(wǎng)站的特點確定網(wǎng)頁主色調(diào)。網(wǎng)頁主色調(diào)猶如音樂中的主旋律，對整個網(wǎng)頁起著主導(dǎo)作用，而頁面的其他色彩都必須圍繞著主色調(diào)進(jìn)行設(shè)計。因此，在設(shè)定主色調(diào)的過程中，應(yīng)明確網(wǎng)頁的屬性分類、服務(wù)對象和想要傳達(dá)的信息，然后根據(jù)色彩的視覺和心理效果設(shè)定理想的主色調(diào)[5]。比如紅色、橙色、黃色等暖色調(diào)的搭配給人以活潑、新鮮甚至刺激食欲的心理暗示，那么在做食品類網(wǎng)站的時候，這些暖色調(diào)則可以適當(dāng)采用。如雀巢咖啡的網(wǎng)頁（圖 1），以紅色為主色調(diào)，并采用類似色為主的搭配，通過色彩純度和明度的對比，形成色彩鮮明、層次豐富的效果，通過小面積的白色和黑色的點綴，使頁面更具活力和視覺吸引力；而科技類的企業(yè)網(wǎng)站則可以通過冷色調(diào)的合理使用向用戶傳達(dá)深遠(yuǎn)、廣大、智慧和創(chuàng)新的心理暗示[6-7]。如BMW、INTEL、MICROSOFT等公司的門戶網(wǎng)站都是用冷靜理性的冷色調(diào)為主的；此外，一些衛(wèi)生保健類的網(wǎng)站則比較傾向使用代表生命、健康、希望、蓬勃向上的綠色系。試想，如果將某科技類企業(yè)網(wǎng)頁中的主色調(diào)和某餐飲公司網(wǎng)頁中主色調(diào)互換，那么企業(yè)的形象將變得模糊不清，喪失感染力，從而失去用戶群。由此可見，用戶在瀏覽網(wǎng)頁時色彩所給予的心理暗示起到了關(guān)鍵的導(dǎo)向作用，因此必須選擇與網(wǎng)頁主題和特點相符的主色調(diào)。

(2) 關(guān)注不同地域、民族、宗教信仰、生活環(huán)境、年齡、性別的用戶在色彩方面的喜好和禁忌，盡可能地采用符合用戶審美傾向的色彩。設(shè)計師進(jìn)行網(wǎng)頁的整體色彩設(shè)計時，明確該網(wǎng)站的主要用戶群非常必要[6]。比如化妝品網(wǎng)站雖然針對的用戶以女性居多，但是不同年齡段的女性對色調(diào)的心理感知是不同的；兒童用品類的網(wǎng)站因為面對的是不同年齡段的用戶，所以網(wǎng)站主色調(diào)也應(yīng)該有所區(qū)別。一些兒童網(wǎng)站喜歡采用顏色比較亮麗跳躍的色彩為主色調(diào)，但嬰兒用品的網(wǎng)站則適合采用比較柔和的粉色調(diào)，因為這類網(wǎng)站的主要瀏覽者不是嬰兒而是嬰兒的母親和家人。

圖1 雀巢咖啡網(wǎng)頁Fig.1 The web page of NES café

網(wǎng)站的性質(zhì)和最終用戶的情感反應(yīng)是界定色彩選擇的決定性因素。只有符合受眾的情感、審美及心理需求的網(wǎng)頁色彩，才能引起用戶的感情共鳴，從而更好地發(fā)揮色彩的導(dǎo)向作用。

2 網(wǎng)頁中色彩導(dǎo)向功能的具體運(yùn)用

在網(wǎng)頁設(shè)計中，色彩同樣可以擔(dān)負(fù)起和線條、文字一樣的視覺引導(dǎo)和強(qiáng)調(diào)的作用。設(shè)計師只要充分利用色彩的導(dǎo)向作用，對重要的信息進(jìn)行色彩的整合和強(qiáng)化，引導(dǎo)用戶的注意力，同樣可以提高網(wǎng)站的信息傳遞效率。比如在某些商品展示類的網(wǎng)站，色彩的導(dǎo)向傳遞功能運(yùn)用尤為明顯：亮色系比如以黃色為背景一般所代表的意思是低價格，而藍(lán)色、褐色或深綠色等冷色調(diào)的搭配則多用來表現(xiàn)商品的價值。

2.1 利用不同的色彩進(jìn)行網(wǎng)頁界面的視覺區(qū)域劃分

在網(wǎng)頁設(shè)計中，我們可以利用色彩所具有的豐富表現(xiàn)力和感情色彩，使網(wǎng)頁的內(nèi)容與形式有機(jī)地結(jié)合起來。比如在頁面的布局上，可以通過不同的色彩進(jìn)行網(wǎng)頁界面的視覺區(qū)域劃分以及網(wǎng)頁信息的分類布局[8]；根據(jù)特定的網(wǎng)頁信息內(nèi)容，利用不同色彩給用戶造成的不同心理效應(yīng)，進(jìn)行主次順序的區(qū)分、視覺流程的規(guī)整，從而使網(wǎng)頁具有良好的易讀性和較好的導(dǎo)向性。

系統(tǒng)地規(guī)劃和設(shè)計網(wǎng)頁色彩，可以使網(wǎng)頁整體風(fēng)格統(tǒng)一，給用戶以完整、有序的視覺印象。但是這需要有一個前提：網(wǎng)頁主色調(diào)的統(tǒng)一。只有在這樣的前提下，各個視覺區(qū)域的色彩劃分才不至于喧賓奪主，引起頁面的混亂。畢竟，色彩作為構(gòu)成畫面形式美的要素之一，起著引導(dǎo)視覺流向，平衡整體布局的重要作用。

2.2 導(dǎo)航欄的色彩導(dǎo)向作用

在分析色彩在網(wǎng)頁中的導(dǎo)向作用時，我們不能忽視導(dǎo)航欄的色彩設(shè)計。導(dǎo)航欄作為聯(lián)系整個網(wǎng)站的紐帶，起著不可替代的作用，其色彩運(yùn)用當(dāng)然也需要進(jìn)行相應(yīng)的系統(tǒng)化設(shè)計。目前國內(nèi)一些網(wǎng)頁，因為追求所謂的“視覺效果”，為導(dǎo)航欄加上了不少眩目的特效、背景圖片等，往往忽視了導(dǎo)航欄色彩的整體性。由于一般用戶瀏覽網(wǎng)頁時，吸引其注意力的首先是色彩而不是文字，如果導(dǎo)航欄的色彩設(shè)計具有系統(tǒng)性、整體性，那么用戶瀏覽信息的效率將大大提高，而不用為尋找導(dǎo)航欄花費(fèi)不必要的時間。

在考慮和主色調(diào)相協(xié)調(diào)呼應(yīng)的前提下，導(dǎo)航欄可以采用比較跳躍的色彩來吸引用戶的注意。這樣不僅可以充分利用色彩的導(dǎo)向性，提高用戶瀏覽網(wǎng)頁信息的效率，同時也能對頁面的整體色彩布局起到畫龍點睛的作用。

2.3 各頁面之間的色彩要具有系統(tǒng)性

一個網(wǎng)站各頁面之間的色彩使用需要整體性、系統(tǒng)性的規(guī)劃，才能充分發(fā)揮色彩的導(dǎo)向作用。如果在主色調(diào)統(tǒng)一的前提下，各個頁面可以根據(jù)不同的信息內(nèi)容，進(jìn)行輔助色的搭配。這樣既可以保證與整體網(wǎng)站風(fēng)格融合，又可以凸顯網(wǎng)頁自有的特點。如微軟公司的網(wǎng)頁（圖 2），藍(lán)色為主色調(diào)，對整個網(wǎng)頁起著主導(dǎo)作用，頁面中的其他色彩則都是圍繞著藍(lán)色來進(jìn)行搭配的。在主色調(diào)的選擇上，首先應(yīng)明確網(wǎng)站的主題，服務(wù)對象和想要傳達(dá)的信息，以及利用色彩想要達(dá)到的視覺和心理效果。

圖2 微軟公司網(wǎng)頁Fig.2 The web page of Microsoft

各頁面之間的輔助色可以不盡相同，但也要相互呼應(yīng)。輔助色在網(wǎng)頁中的調(diào)和作用使得頁面更加活潑、富有生氣，并使主色調(diào)更加流暢地貫穿整體。輔助色可以使用跟主色調(diào)相臨近的顏色，也可以用主色調(diào)的對比色[2]。臨近色的使用易形成主色調(diào)明確、柔和、統(tǒng)一的效果，但如果不注意明度和純度的變化，也易流于單調(diào)。若運(yùn)用小面積的對比色或以黑、白、灰做點綴則可以增加色彩的生氣和活力。合理地利用對比色會產(chǎn)生強(qiáng)烈的視覺效果，能夠使網(wǎng)站特色鮮明、重點突出。在進(jìn)行網(wǎng)頁色彩設(shè)計時，以一種顏色為主調(diào)，對比色為點綴，可以營造出鮮明、強(qiáng)烈、華麗、歡快的色彩氛圍。色彩究竟以何種表情出現(xiàn)，不僅取決于它與網(wǎng)頁版面中的文字、圖形以及背景因素的空間位置關(guān)系，還取決于這些視覺要素的色彩在純度、明度和飽和度的相互關(guān)系。通過調(diào)整色彩的明度和純度可以使單一色彩產(chǎn)生豐富的變化。

網(wǎng)頁色彩設(shè)計的用色應(yīng)當(dāng)保持一定的延續(xù)性。雖然網(wǎng)頁的信息不斷更新，版式內(nèi)容不斷變化，但是網(wǎng)頁色彩的基本風(fēng)格和基調(diào)一旦形成之后，不適合再做頻繁的變化。如有需要，可以在小范圍內(nèi)將輔助色做明度或純度方面的變化和更改，以保持網(wǎng)頁色彩和版面的新鮮感。

3 結(jié)論

網(wǎng)頁色彩導(dǎo)向性的充分利用，有助于提高網(wǎng)頁信息的瀏覽效率，吸引更多的潛在用戶群。因此，在網(wǎng)頁色彩設(shè)計過程中，設(shè)計師在充分考慮網(wǎng)頁自身特性，遵循色彩審美規(guī)律的同時，也需要主動地、有意識地運(yùn)用各種色彩知識，敏銳地捕捉色彩的審美變化和流行趨勢，不斷增強(qiáng)感受色彩的心理能力和認(rèn)知能力，同時對網(wǎng)頁的整體定位，色彩情感和功能有明確深刻的認(rèn)識，增強(qiáng)色彩設(shè)計的社會學(xué)和心理學(xué)意識。只有這樣，才能將網(wǎng)頁的設(shè)計個性和特點更加完美地表現(xiàn)出來，將網(wǎng)頁色彩的導(dǎo)向功能運(yùn)用的更為純熟和貼切。

[1]約翰內(nèi)斯·依頓.色彩藝術(shù)[M].杜定宇譯.上海:上海人民美術(shù)出版社, 1985.

[2]IRI色彩研究所.設(shè)計師談網(wǎng)頁配色[M].李強(qiáng)華譯.北京:電子工業(yè)出版社, 2003.

[3]趙江洪.設(shè)計心理學(xué)[M].北京:北京理工大學(xué)出版社, 2004.

[4]范小春, 周小甄.色彩構(gòu)成[M].杭州:浙江人民美術(shù)出版社, 2005.

[5]杰夫·卡爾森,托比·瑪琳納,格雷·弗萊斯曼.最佳網(wǎng)頁設(shè)計——色彩[M].倪瀟瀟譯.北京:中國輕工業(yè)出版社, 2001.

[6]王駿.網(wǎng)頁創(chuàng)意[M].武漢:湖北美術(shù)出版社, 2004.

[7]權(quán)智殷.設(shè)計師談網(wǎng)頁色彩與風(fēng)格[M].北京:電子工業(yè)出版社, 2005.

[8]曹金明, 程超, 王駿.網(wǎng)頁設(shè)計與配色[M].北京:紅旗出版社, 2005.