饒簡元

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

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

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

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

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

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

2、色彩的平衡和傾向

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

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

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

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

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

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

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

2、文字能見度低的問題

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

3、人性化的問題

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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