網(wǎng)頁(yè)的色彩認(rèn)知與構(gòu)建

饒簡(jiǎn)元

每一個(gè)網(wǎng)站都可以被認(rèn)為是一個(gè)信息資源中心，網(wǎng)站中的信息資源都是通過網(wǎng)頁(yè)展示給訪問者的。訪問者訪問網(wǎng)站，打開網(wǎng)頁(yè)，映入眼簾的首先是網(wǎng)頁(yè)的色彩。多數(shù)情況下，訪問者在訪問一個(gè)陌生的網(wǎng)站時(shí)，如果網(wǎng)站的色彩搭配合理，運(yùn)用恰當(dāng)，或生動(dòng)有活力，訪問者就會(huì)被吸引，從而停留在此網(wǎng)站中，并開始閱覽網(wǎng)站欄目，進(jìn)而瀏覽網(wǎng)站信息。例如：訪問者需要從一個(gè)學(xué)術(shù)類網(wǎng)站中獲取信息，當(dāng)打開某學(xué)術(shù)類網(wǎng)站的首頁(yè)時(shí)，如果網(wǎng)頁(yè)色彩能夠體現(xiàn)出很強(qiáng)烈的學(xué)術(shù)氣息，那么訪問者就會(huì)被該網(wǎng)頁(yè)色彩所營(yíng)造的氣氛所吸引。反之，訪問者有可能立即離開該網(wǎng)站。又如：當(dāng)一個(gè)兒童類網(wǎng)站的網(wǎng)頁(yè)被設(shè)計(jì)得既輕松又活潑，色彩明快，就會(huì)受小朋友的青睞。由此可見，網(wǎng)頁(yè)的色彩問題是網(wǎng)頁(yè)設(shè)計(jì)中不可忽略的重要問題，網(wǎng)頁(yè)設(shè)計(jì)必須解決好色彩的排布。

一、網(wǎng)頁(yè)的色彩認(rèn)知

在網(wǎng)頁(yè)設(shè)計(jì)過程中，最難處理的問題就是色彩。如何確定主色調(diào)，如何搭配色彩，如何運(yùn)用最簡(jiǎn)單的色彩來表達(dá)、體現(xiàn)網(wǎng)站的形象和風(fēng)格是網(wǎng)頁(yè)設(shè)計(jì)的難點(diǎn)之一。

1、色彩的聯(lián)想和象征

每一種色彩都具有象征意義，都會(huì)引發(fā)人的某種情感，這就是色彩的象征性和色彩的情感。色彩的聯(lián)想與象征性涉及到美學(xué)、光學(xué)、心理學(xué)、人類學(xué)和民俗學(xué)等多方面的內(nèi)容。不同的人，對(duì)同一個(gè)色彩會(huì)產(chǎn)生不同的聯(lián)想，所引發(fā)出的情感也會(huì)不同，其受年齡、對(duì)色彩的理解、傳統(tǒng)等多方面因素的影響，例如看到紅色，有人聯(lián)想到的是熱情，有人聯(lián)想到的可能就是危險(xiǎn)。

當(dāng)人們看到某顏色時(shí)，必然會(huì)將它與其相關(guān)的精神、內(nèi)涵、意義、形態(tài)等相聯(lián)系，他是通過過去的經(jīng)驗(yàn)、記憶或知識(shí)而取得的。象征是由聯(lián)想并經(jīng)過概念的轉(zhuǎn)換形成的思維方式。色彩的象征是聯(lián)想經(jīng)多次反復(fù)后思維方式里固定了的專有表情，于是在思維中某色就變成了某事物的象征。網(wǎng)頁(yè)中的色彩同樣給人以聯(lián)想。很多優(yōu)秀的網(wǎng)站正是利用了色彩的聯(lián)想和象征這一特性而進(jìn)行設(shè)計(jì)，例如很多糕點(diǎn)類的網(wǎng)站都采用黃色作為主色調(diào)，正是由于黃色具有快樂、希望、智慧和輕快的個(gè)性，由于它的明度較高，給人留下明亮、輝煌、燦爛、柔和的印象，又同時(shí)引起味美的條件反射，給人以甜美感、香酥感和溫暖感。又如惠好公司是全球最大的林產(chǎn)品一體化公司，它是北美最大的軟木生產(chǎn)商，其網(wǎng)站采用綠色為主色調(diào)，正是利用了綠色所表現(xiàn)出來的充實(shí)、平靜和希望，給人以新鮮、青春、健康和安全的感覺，充分體現(xiàn)了人與大自然的和諧，人文與綠色環(huán)保的訴求理念。

2、色彩的平衡和傾向

色彩是有傾向性的，這種傾向性與人類的生存環(huán)境、民族信仰、個(gè)人喜好、網(wǎng)站的性質(zhì)和類型等有關(guān)。網(wǎng)頁(yè)的色彩同樣具有傾向性。例如在中國(guó)，紅、藍(lán)搭配表示的是莊重、嚴(yán)肅，所以多為政府網(wǎng)站所采用。因此，設(shè)計(jì)網(wǎng)頁(yè)必須研究色彩的傾向性。與傾向性相關(guān)的就是色彩的平衡問題，色彩的平衡是對(duì)色彩傾向的制約和調(diào)和。例如從色彩冷暖的角度看，冷和暖是兩種傾向，趨于中性的綠色則較為平衡，那么使用綠色為主色調(diào)的頁(yè)面會(huì)讓人感覺和諧、親切。又如世界上許多著名的時(shí)裝、體育用品的網(wǎng)站都采用黑色與白色搭配作為網(wǎng)站的主色調(diào)，這是由于黑色與白色搭配能夠給人一種穩(wěn)重、成熟和神秘的感覺。黑色和白色都屬于冷色調(diào)，這樣的搭配也會(huì)給人以冰冷、消極、虛無的感覺，為了增加畫面的親和力，往往在設(shè)計(jì)時(shí)會(huì)在黑色和白色之間加入灰色、紅色等顏色來過渡、點(diǎn)綴，以實(shí)現(xiàn)色彩的平衡。

3、網(wǎng)頁(yè)色彩配色

網(wǎng)頁(yè)的配色對(duì)營(yíng)造網(wǎng)頁(yè)氛圍，突出網(wǎng)頁(yè)主題等有重要影響。就人們所瀏覽到的網(wǎng)站來說，所有網(wǎng)頁(yè)都進(jìn)行了配色，但給訪問者的感受卻千差萬別。例如黑色和白色搭配，會(huì)使訪問者感到莊重、神秘、雅潔，會(huì)引起訪問者的沉思；紫色和灰色搭配，會(huì)使訪問者的心情變得憂郁和不安，如果訪問者當(dāng)時(shí)的心情本身就不太好，則會(huì)使訪問者的不太好的心情進(jìn)一步加劇。

二、網(wǎng)頁(yè)色彩設(shè)計(jì)存在的問題

經(jīng)過了一個(gè)漫長(zhǎng)的摸索過程，雖然我國(guó)目前在網(wǎng)頁(yè)設(shè)計(jì)的色彩構(gòu)建方面已經(jīng)有了長(zhǎng)足的進(jìn)步，但相比國(guó)外的優(yōu)秀網(wǎng)站還有很大的欠缺。

1、色彩風(fēng)格與主題脫離的問題

色彩風(fēng)格與主題脫離的問題是網(wǎng)頁(yè)色彩設(shè)計(jì)中最常見的問題。這是因?yàn)槔蒙蕘砬‘?dāng)?shù)乇憩F(xiàn)網(wǎng)頁(yè)主題，呈現(xiàn)網(wǎng)站理念，比較好地迎合多數(shù)訪問者的情感，喜好、視覺感受，對(duì)設(shè)計(jì)者來說并非困難。例如設(shè)計(jì)一個(gè)咖啡的網(wǎng)站。通常情況下，選擇咖啡的原色褐色為主色調(diào)，搭配表現(xiàn)甜美、柔和、味美感覺的黃色進(jìn)行點(diǎn)綴，能使整個(gè)畫面表現(xiàn)出一種協(xié)調(diào)、統(tǒng)一柔和的效果。這個(gè)設(shè)計(jì)方案，特別是色彩風(fēng)格是符合網(wǎng)頁(yè)主題的，也非常好地呈現(xiàn)出了網(wǎng)站理念。但問題是，在互聯(lián)網(wǎng)上存在數(shù)萬個(gè)與咖啡相關(guān)的網(wǎng)站，這些網(wǎng)站的基本理念又是相似的。如果所有的與咖啡相關(guān)的網(wǎng)站和具有類似理念的網(wǎng)站都采用這種格調(diào)，結(jié)果可想而知。因此，設(shè)計(jì)者在設(shè)計(jì)過程中既要在色彩運(yùn)用上滿足上述基本要求，同時(shí)又要有所突破，要體現(xiàn)出自身的與眾不同的特征，要使所設(shè)計(jì)的網(wǎng)頁(yè)從眾多相同主題的網(wǎng)站中脫穎而出，這對(duì)設(shè)計(jì)者來說確實(shí)是一件很艱苦的工作。這是導(dǎo)致色彩的濫用，使網(wǎng)頁(yè)色彩風(fēng)格與網(wǎng)站主題脫離現(xiàn)象產(chǎn)生的主要原因。

2、文字能見度低的問題

網(wǎng)頁(yè)的核心功能是提供信息，能見度是信息的體現(xiàn)者，如果網(wǎng)頁(yè)中的信息能見度低則嚴(yán)重地影響訪問者閱讀網(wǎng)頁(yè)，網(wǎng)頁(yè)因此就失去了意義。然而，在眾多的網(wǎng)頁(yè)中，由于配色方面的原因，網(wǎng)頁(yè)的能見度不是令人滿意。其主要表現(xiàn)在：文字與背景色差太?。簧蚀钆淞鑱y，文字內(nèi)容被背景淹沒，特別是當(dāng)采用將文字說明放置在圖像內(nèi)對(duì)圖像中所呈現(xiàn)的藝術(shù)品進(jìn)行說明過程中，往往出現(xiàn)文字與圖像混淆的現(xiàn)象，其不僅嚴(yán)重地影響了作品的展示效果，同時(shí)還影響了訪問者對(duì)作品的認(rèn)知。

3、人性化的問題

網(wǎng)頁(yè)信息是通過光波的傳播，經(jīng)人的視覺器官傳輸?shù)饺四X中的。光波的波長(zhǎng)不同，所產(chǎn)生的色彩和亮度不同，給人的視覺感受不同，對(duì)訪問者的心理感受也不同。特別是，計(jì)算機(jī)顯示器所發(fā)出的光由于含有輻射等因素，其自然而然地就對(duì)訪問者的視力產(chǎn)生負(fù)面影響，如果在進(jìn)行網(wǎng)頁(yè)色彩設(shè)計(jì)過程中，不注意光的亮度的調(diào)節(jié)，不注意色彩的搭配，則會(huì)對(duì)訪問者的視力產(chǎn)生嚴(yán)重的影響。例如黃色是亮度最高的顏色，并且黃色在白色背景上的易見度最低。在網(wǎng)頁(yè)中如果使用黃色文字和白色背景作為主要的色彩搭配，會(huì)讓訪問者覺得非常刺眼，嚴(yán)重影響訪問者的閱讀并會(huì)對(duì)視力產(chǎn)生負(fù)面影響。

三、網(wǎng)頁(yè)的色彩構(gòu)建

通過上述對(duì)色彩認(rèn)知的介紹和對(duì)網(wǎng)頁(yè)色彩設(shè)計(jì)常見問題的分析可知，網(wǎng)站的成敗與網(wǎng)站的網(wǎng)頁(yè)色彩設(shè)計(jì)、色彩定位有著密切的關(guān)系，因此在網(wǎng)頁(yè)設(shè)計(jì)過程中必須重視色彩的設(shè)計(jì)。

1、色彩風(fēng)格設(shè)計(jì)

在網(wǎng)頁(yè)設(shè)計(jì)過程中，確定色彩風(fēng)格既簡(jiǎn)單，又復(fù)雜，它是一件具有創(chuàng)造性的創(chuàng)新活動(dòng)。這是因?yàn)椋寒?dāng)網(wǎng)站主題確定后，設(shè)計(jì)者會(huì)自然而然地聯(lián)想到一些色彩，例如設(shè)計(jì)房地產(chǎn)類網(wǎng)站，設(shè)計(jì)師在網(wǎng)頁(yè)色彩設(shè)計(jì)時(shí)，會(huì)很自然地想到使用金色和灰色；又如設(shè)計(jì)潔具類網(wǎng)站，設(shè)計(jì)師馬上會(huì)想到使用藍(lán)色和白色搭配。上述這些實(shí)例所反映出的是人的常規(guī)思維。但就設(shè)計(jì)而言，不論是網(wǎng)站的擁有者還是訪問者都要求設(shè)計(jì)者所設(shè)計(jì)的網(wǎng)站在網(wǎng)頁(yè)色彩等方面，既與網(wǎng)站主題相吻合，又特立獨(dú)行，因此，僅用常規(guī)的思維來進(jìn)行設(shè)計(jì)就遠(yuǎn)遠(yuǎn)不夠了。例如法拉利汽車網(wǎng)站，從LOGO到整個(gè)網(wǎng)頁(yè)的主色調(diào)采用的都是紅色，紅色給人以活力、奔放的感覺，非常符合法拉利跑車的速度與激情的設(shè)計(jì)理念。在眾多的汽車網(wǎng)站中，法拉利汽車網(wǎng)站在色彩的確定上也做到了與眾不同。又如：可口可樂公司的網(wǎng)站、百事可樂公司的網(wǎng)站、李寧網(wǎng)站、中國(guó)一汽的網(wǎng)站等一些網(wǎng)站的網(wǎng)頁(yè)在色彩定位和配色方面就不僅與企業(yè)理念相吻合，有自身的特點(diǎn)，同時(shí)訪問者在瀏覽網(wǎng)頁(yè)時(shí)會(huì)隨著網(wǎng)頁(yè)的色彩來感受和體味其品質(zhì)。

2、文字色彩設(shè)計(jì)

文字、圖形圖像，以及視頻信息是網(wǎng)頁(yè)信息的核心內(nèi)容，文字在其中所占的比例應(yīng)該說是最多的。不僅如此，文字還存在再設(shè)計(jì)的問題，例如大小、體例、色彩等。就文字色彩的設(shè)計(jì)來說應(yīng)該做到色彩與文字的體例、文字的大小與文字所述的內(nèi)容相吻合。除此之外，還要處理好文字的色彩與其相應(yīng)的環(huán)境色（如背景）之間的關(guān)系，例如在高明度色彩的背景中，低明度的文字易于識(shí)別，如果背景和文字明度接近，就容易出現(xiàn)難以識(shí)別的情況。具體來說，黃色在白色背景上的易見度最低；橙色兼具紅色和黃色的優(yōu)點(diǎn)，柔和明快，容易為人眼接受，所以橙色與任何一種顏色搭配都顯示得很清晰。黃與白、綠與紅、綠與灰、紫與紅、紫與黑、青與黑等幾種搭配的易見度低。因此，進(jìn)行文字色彩設(shè)計(jì)應(yīng)該根據(jù)色彩原理進(jìn)行組合，以突出文字效果。

3、人性化色彩設(shè)計(jì)

色彩設(shè)計(jì)不僅要考慮與主題相一致，能有效地營(yíng)造網(wǎng)頁(yè)氣氛等問題，進(jìn)行網(wǎng)頁(yè)色彩設(shè)計(jì)還必須考慮和解決好保護(hù)訪問者視力的問題，考慮和解決好訪問者感受的問題。因此，網(wǎng)頁(yè)配色設(shè)計(jì)時(shí)盡量不要選擇視疲勞度高的色調(diào)。一般來說，高明度、高純度的顏色刺激強(qiáng)度高，疲勞度也大。非色彩中的白色的明度最高，黑色明度最低。

總之，網(wǎng)頁(yè)配色既是一項(xiàng)技術(shù)性工作，同時(shí)也是一項(xiàng)藝術(shù)性很強(qiáng)的工作。在網(wǎng)頁(yè)設(shè)計(jì)時(shí)除了考慮網(wǎng)站自身的特點(diǎn)外，還要遵循一定的藝術(shù)規(guī)律，以設(shè)計(jì)出色彩鮮明、個(gè)性獨(dú)特，同時(shí)又無損訪問者健康的網(wǎng)頁(yè)。

＊ 本論文基于云南省教育廳科學(xué)研究基金項(xiàng)目——藝術(shù)設(shè)計(jì)信息資源管理與服務(wù)（項(xiàng)目編號(hào)：09C0120）。

1. 楊維：《FLASH網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)與網(wǎng)站建設(shè)教程》，清華大學(xué)出版社2007年。

2. 張少卓：《網(wǎng)頁(yè)設(shè)計(jì)師時(shí)尚配色寶典》，科學(xué)出版社2008年。

3. 日本CR&LF研究所：《配色全攻略》，中國(guó)青年出版社2006年。

4. Art Tone視覺研究中心：《平面設(shè)計(jì)配色全攻略》，中國(guó)青年出版社2010年。

5. 旭日東升：《網(wǎng)頁(yè)設(shè)計(jì)與配色、背景》，電子工業(yè)出版社2011年。