網頁設計中的色彩設計

張大慶

摘 要：從網頁色彩設計的角度，運用色彩心理學原理和視覺視知覺原理分析受眾色彩心理與視知覺特征，并根據這些特征得出網頁色彩設計的基本原則和方法。

關鍵詞：網頁色彩；色彩設計

[中圖分類號]：J063 [文獻標識碼]：A

[文章編號]：1002-2139（2014）-35--01

色彩在網頁設計中占有非常重要的地位。它是調適受眾視覺心理、引起人們注意的主要手段。色彩作為一種設計語言，給人們傳遞信息，給受眾帶來舒適的視覺感受。

一、網頁色彩設計要符合受眾心理習慣

符合受眾心理特征的色彩選擇強化品牌印象還促進消費行為。

人對色彩的心理想像往往支配自己的購買行為。咖啡、巧克力的包裝紙必須使用咖啡色或紅色。來自美國的調查報告證實，以紫色，藍色、咖啡色包裝紙包裝咖啡、巧克力、牛奶，大部分消費者深感不快，致使銷售量銳減。在日本，為使蜜桔、蘋果、西瓜等水果顯示本身的固有色、而迎合消費者心理，不少水果店不得不借助染色劑。消費者重視固有色，設計色彩時不能忽視這一因素。近年來，為了保護人身健康，雖已停止使用在安全上有問題的色素，但是，以木紋三合板作為桌面的鐵桌子比比皆是，可見，人們對固有色的推崇是根深蒂固的。

尊重消費者的心理習慣，要科學、合理地安排網頁色彩設計。

二、網頁色彩設計要遵循受眾視知覺特征

色彩的位置與方向在頁面構圖中是很重要。藍色在視域的頂部、底部、左側或右側，其作用各不相同。底部的藍色是重的，高部的藍色是輕的。頂部的深紅色表現為沉重緊急的重量，在底部卻表現為穩定的事實。黃色在頂部時產生一種毫無重量的效果，在底部時其效果就像受控制的浮力。

色彩分布的平衡是頁面構圖的最重要的目的之一。正如天秤的秤桿為支撐平衡而需要支點一樣，在一個頁面里平衡的垂直軸線也是必需的。色域的重量在軸線的兩邊起作用。

在尋求決定一幅畫中的“左側”和“右側”的價值時，我們首先會想到人類的身體。左側通常比較被動，右側意味著活力。右側傾向于向前和向上，而左側則后退和下墜。許多繪畫作品都是從畫左下側的重點開始的，然后向右上方運動。

在進行網頁色彩設計時設計師要充分考慮色彩給受眾的視知覺感受，除了色彩的相對位置外，色彩量的比例、它們的純度和明度也是重要的。

三、網頁色彩設計的原則和方法

⑴網頁色彩設計的原則：

在進行網頁設計色彩選擇時，要遵循網站自身的特點并掌握一定的配色規律，進而設計出優秀精美的頁面。

①色彩選擇要具鮮明性：色彩鮮明的網站往往很容易引人注意，吸引受眾眼球，給受眾眼前一亮的感覺。

②色彩選擇要具獨特性：網頁用色要有自己獨特的風格，與眾不同色彩選擇才能給人受眾留下深刻的印象。

③色彩選擇要具藝術性：依內容決定形式的原則，在體現網站自身特點的同時，進行必要的藝術創新，從而設計出既體現網站主題要求，又具有一定藝術風格的網站。

④色彩搭配要合理：網頁設計色彩的選擇是根據主題來確定，不同站點的主題選用不同的色彩。

網頁設計中色彩的搭配很重要，良好的色彩搭配方案給訪問者很強的視覺沖擊力，加深訪問者對網站的印象；失敗的配色則會讓訪問者情緒浮躁不安。

⑤同色系搭配：同色系搭配是指選定一種色彩，通過調整其明度和純度，將其加深或減淡，產生出新的色彩來進行網頁色彩設計，同色系配色的頁面視覺效果統一，層次細膩而豐富。

⑥鄰色系搭配：鄰色系配色是指選用色相環上相鄰的色彩設計網頁，采用鄰近色搭配的頁面視覺效果自然又和諧。

⑦對比色搭配：對比色搭配可以突出網頁設計的重點，給受訪者強烈的視覺效果和主次分明的視覺印象。在進行對比色搭配時通常以某種色為主色調，其對比色作為色彩點綴，起到視覺調劑和畫龍點睛的作用。

⑧暖色搭配：使用紅色黃色橙色等暖色系色彩進行網頁色彩搭配，暖色調的運用可為網站營造出和諧安定溫暖而又熱情的氛圍。

⑨冷色搭配：使用綠色藍色紫色等冷色系色彩進行網頁色彩搭配，冷色調的運用可為網頁營造出高雅寧靜清新而又理智的氛圍。

⑵網頁色彩設計的方法：

①單色配色

網頁色彩設計要避免色彩選用給受眾單一的感覺。頁面色彩設計中調整色彩的純度和明度可以產生變化，使網站層次豐富避免單調。

②黑色

在網頁色彩設計中，黑色通常用作背景色或調劑色，常與不同純度明度色彩搭配使用，視覺效果合理穩定，在網頁設計中是一種使用率極高的色彩。

③背景色

在網頁色彩設計中背景色起著突出網站主題，奠定網頁主體風格的作用。網頁背景色的選用應避免色彩復雜的圖片和純度很高的色彩。

④鄰近色配色

采用色環上相鄰近的顏色，網頁設計中鄰近色的選用可以避免網頁色彩混雜，產生和諧統一的視覺效果。

⑤對比色配色

網頁色彩設計時以一種顏色為主，對比色為輔，起強調點綴的作用，引起訪問者注意。對比色的使用突出重點，使網頁產生強烈的視覺效果。

⑥色量

一個主題網站的色彩選擇應控制在三種色彩以內，而不是越多越好，過多的色彩會造成視覺的無秩序感。在有限的色量選擇中，調整色彩的三大屬性來豐富頁面效果。

四、結語

威廉﹒奧斯特瓦爾德曾在《色彩入門》一書中寫道：“經驗使我們知道，不同色彩的某些結合使人愉快，另一些則使人不愉快或使人全然無感覺?！?在網頁色彩設計中，和諧有秩序感韻律感的色彩設計充滿力量。網頁通過色彩向我們展示了世界的精神和活生生的靈魂。

參考文獻：

[1]約翰內斯·伊頓.色彩藝術[M].北京：世界圖書出版公司，1999.

[2]潼本孝雄，藤沢英昭.色彩心理學[M].北京：科學技術文獻出版社，1985.