網頁的色彩認知與構建

饒簡元

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

一、網頁的色彩認知

在網頁設計過程中，最難處理的問題就是色彩。如何確定主色調，如何搭配色彩，如何運用最簡單的色彩來表達、體現網站的形象和風格是網頁設計的難點之一。

1、色彩的聯想和象征

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

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

2、色彩的平衡和傾向

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

3、網頁色彩配色

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

二、網頁色彩設計存在的問題

經過了一個漫長的摸索過程，雖然我國目前在網頁設計的色彩構建方面已經有了長足的進步，但相比國外的優秀網站還有很大的欠缺。

1、色彩風格與主題脫離的問題

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

2、文字能見度低的問題

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

3、人性化的問題

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

三、網頁的色彩構建

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

1、色彩風格設計

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

2、文字色彩設計

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

3、人性化色彩設計

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

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

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

1. 楊維：《FLASH網頁藝術設計與網站建設教程》，清華大學出版社2007年。

2. 張少卓：《網頁設計師時尚配色寶典》，科學出版社2008年。

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

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

5. 旭日東升：《網頁設計與配色、背景》，電子工業出版社2011年。