- 相關推薦
如何設計網頁色彩
導語：網頁的色彩決定了網頁給人的第一印象，下面是網頁色彩設計的知識，歡迎參考!
網頁色彩的要素
1.色彩的要素：我們把日常生活所遇到的色彩分為彩色和非彩色。非彩色指黑白灰，彩色具有三個屬性即色相，飽和度，明度，而非彩色只有明度屬性。
色相指色彩的相貌，在可見光譜中，紅橙黃綠藍紫，每一種色相都有自己的波長與頻率。不同波長的可見光會呈現出不同的顏色，當波長組成一定時，顏色也就確定了。
飽和度也稱純度，指色彩的鮮濁程度。它取決于一種顏色的波長單一程度。人的視覺能辨認出有色相感的色彩都具有一定程度的鮮艷度。因此飽和度大的顏色就顯得生動艷麗，視覺沖擊力強;飽和度小的顏色看起來就灰暗。
在無色彩中，明度最高的色為白色，明度最低的色為黑色，中間存在一個從明到暗的灰色系。在有彩色中，任何一種純度色都有明度的特征。黃色為明度最高色，紫色為明度最低色。明度在三要素中具有較強的獨特性，他可以不帶色相的特征，可以通過黑白灰的關系單獨呈現出來。色相和純度必須依賴一定的明暗關系才能顯現，色彩一旦發生，明暗關系就會同時出現。
2.色立體 色立體是指以三維空間方式表達色彩的三屬性的立體色彩圖。色立體為設計者提供了直觀的色彩資料，可以幫助設計者快速的查找所需要的顏色號，更清楚的理解色彩分類、對比與調和的規律。蒙賽爾是美國的色彩學家，美術教育學家，美國光學會對他的表色體系經過多年反復測定并幾度修訂，于1943年發表了“修正蒙賽爾色彩體系”成為國際上通用的色彩體系。蒙賽爾色相環以紅，黃、綠、藍、紫共五個色相組成，在鄰近的色相之間在分別插入黃紅，黃綠，藍綠，藍紫，紅紫成為10支主要色相，主要色相劃分為10個等分度，分成100個色相刻度的色相環。
網頁的色彩心理
每一種顏色都有自己的精神價值，相應的也會給人帶來不同的心理感受。每個人對色彩的感知力、辨別力和象征力的認知力不同，在心理上也會引起不同的感受。例如;陽光紅黃橙等顏色，看到紅黃橙的人就會聯想到火熱，所以稱這些顏色為暖色;而綠青藍等顏色，就會給人涼爽的感覺，所以這些顏色被稱為冷色。
1.白色 白色是全部可見光均勻混合而成，也稱全色光。白色是光明色的象征，它代表明亮，干凈，暢快，樸素，雅潔。在人們的感情意識中，白色比任何顏色都清凈，純潔;如果使用不當與會給人虛無，凄涼，蒼白的感覺。白色是在網頁中使用最多的一種顏色，一般的網頁背景顏色都使用白色。
2.灰色 灰色屬于黑色和白色之間的顏色，它屬于無彩度的色彩，是一種被動色。灰色能給人高雅，含蓄，耐人尋味的感覺。但是如果使用不當，很容易讓人產生，平淡，乏味，枯燥，單調，沉悶和頹喪的感覺。由于灰色的視認性和注意性很低，在網頁設計中灰色很少單獨使用，但與其他顏色搭配使用可容易取得很好的藝術與視覺效果。
3.黑色 是一種特殊的顏色，它對人的影響是多方面的，黑色可以給人陰森，恐怖，煩惱，消極，沉睡，悲痛，絕望甚至死亡的印象，但也可以給人安靜沉思，堅忍，嚴肅，莊重，剛毅的感覺;還可以給人捉摸不定，神秘莫測，陰謀，耐臟的感覺。在設計時黑色與其他色彩組合，黑色幾好的襯托，可以充分顯示其他顏色的光感，色感，質感。黑白組合光感最強最分明最強烈。在網頁設計時，經常用黑色做背景，給人以神秘現代的感覺。
4.紅色 紅色是一種讓人興奮的色彩，其波長最長，容易引起人的注意，激動，緊張。它刺激效果最強，給人以沖動，熱情和活力的感受。他在視覺上讓人有迫近感和擴張感，因此我們稱之為前進色。紅色給人留下艷麗芬芳，青春，飽滿，成熟，富有生命力和營養的印象，因此被廣泛用于食品包裝。紅色又是歡樂與喜慶的象征，由于他具有很強的注目性和美感，因此在標志和旗幟還有宣傳等用色中占據首位。
5.黃色 黃色波長適中，亮度最亮，他是所有色彩中最明亮的顏色。黃色具有快樂，希望，智慧和輕快的個性，由于他的明度最高，因此給人留下明亮，輝煌，燦爛，愉快，親切，柔和的印象，又容易引起味美的條件反射給人以香甜美感，溫暖感。
6.綠色 介于冷暖色彩之間，人的眼睛最適應綠色光的刺激。綠色顯得和睦，寧靜，和健康。綠色植物王國的色彩，他表現了充實，平靜，與希望，給人以新鮮，平靜，安逸，和平柔和青春和安全感的感受，他如果與黃色和白色搭配，便可產生有生命力，舒適的氣氛。
7.藍色 藍色光的波長短于綠色，因此當紅橙色是前進色，藍色就是后退色，藍色是冷色，給人以清新涼爽的感受，如果與白色混合，會體現柔順，淡雅，浪漫的氣氛。
8.紫色 波長最短，人的眼睛對紫色光的細微變化分辨力弱，容易產生視覺疲勞。紫色給人以高貴，奢華，幽雅，流動，不安的感覺，而灰暗的紫色則是疾病傷痛的感覺，容易使人在心理上產生憂郁，痛苦，不安的感覺，需慎用。
【如何設計網頁色彩】相關文章：
網頁設計對色彩的思考09-17
網頁設計中色彩的運用07-10
淺析網頁設計的色彩理論與案例09-23
解讀網頁設計的色彩理論與案例07-15
分析網頁設計的色彩理論與案例11-03
網頁設計之色彩搭配的技巧06-13
網頁設計中的色彩搭配原則10-30
網頁設計中色彩搭配的運用10-21
如何制作網頁設計09-17
網頁設計中如何設計按鈕07-29