當前位置:才華齋>設計>網頁設計>

如何設計網頁色彩

網頁設計 閱讀(2.68W)

導語:網頁的色彩決定了網頁給人的第一印象,下面是網頁色彩設計的知識,歡迎參考!

如何設計網頁色彩

  網頁色彩的要素

1.色彩的要素:我們把日常生活所遇到的色彩分為彩色和非彩色。非彩色指黑白灰,彩色具有三個屬性即色相,飽和度,明度,而非彩色只有明度屬性。

色相指色彩的相貌,在可見光譜中,紅橙黃綠藍紫,每一種色相都有自己的波長與頻率。不同波長的可見光會呈現出不同的顏色,當波長組成一定時,顏色也就確定了。

飽和度也稱純度,指色彩的鮮濁程度。它取決於一種顏色的波長單一程度。人的視覺能辨認出有色相感的色彩都具有一定程度的鮮豔度。因此飽和度大的顏色就顯得生動豔麗,視覺衝擊力強;飽和度小的顏色看起來就灰暗。

在無色彩中,明度最高的色為白色,明度最低的色為黑色,中間存在一個從明到暗的灰色系。在有彩色中,任何一種純度色都有明度的特徵。黃色為明度最高色,紫色為明度最低色。明度在三要素中具有較強的獨特性,他可以不帶色相的特徵,可以通過黑白灰的關係單獨呈現出來。色相和純度必須依賴一定的明暗關係才能顯現,色彩一旦發生,明暗關係就會同時出現。

2.色立體 色立體是指以三維空間方式表達色彩的三屬性的立體色彩圖。色立體為設計者提供了直觀的色彩資料,可以幫助設計者快速的查詢所需要的顏色號,更清楚的理解色彩分類、對比與調和的規律。蒙賽爾是美國的色彩學家,美術教育學家,美國光學會對他的表色體系經過多年反覆測定並幾度修訂,於1943年發表了“修正蒙賽爾色彩體系”成為國際上通用的色彩體系。蒙賽爾色相環以紅,黃、綠、藍、紫共五個色相組成,在鄰近的色相之間在分別插入黃紅,黃綠,藍綠,藍紫,紅紫成為10支主要色相,主要色相劃分為10個等分度,分成100個色相刻度的色相環。

  網頁的色彩心理

每一種顏色都有自己的精神價值,相應的也會給人帶來不同的心理感受。每個人對色彩的感知力、辨別力和象徵力的認知力不同,在心理上也會引起不同的感受。例如;陽光紅黃橙等顏色,看到紅黃橙的人就會聯想到火熱,所以稱這些顏色為暖色;而綠青藍等顏色,就會給人涼爽的感覺,所以這些顏色被稱為冷色。

1.白色 白色是全部可見光均勻混合而成,也稱全色光。白色是光明色的象徵,它代表明亮,乾淨,暢快,樸素,雅潔。在人們的感情意識中,白色比任何顏色都清淨,純潔;如果使用不當與會給人虛無,淒涼,蒼白的感覺。白色是在網頁中使用最多的一種顏色,一般的網頁背景顏色都使用白色。

2.灰色 灰色屬於黑色和白色之間的顏色,它屬於無彩度的色彩,是一種被動色。灰色能給人高雅,含蓄,耐人尋味的感覺。但是如果使用不當,很容易讓人產生,平淡,乏味,枯燥,單調,沉悶和頹喪的感覺。由於灰色的視認性和注意性很低,在網頁設計中灰色很少單獨使用,但與其他顏色搭配使用可容易取得很好的藝術與視覺效果。

3.黑色 是一種特殊的顏色,它對人的影響是多方面的,黑色可以給人陰森,恐怖,煩惱,消極,沉睡,悲痛,絕望甚至死亡的印象,但也可以給人安靜沉思,堅忍,嚴肅,莊重,剛毅的感覺;還可以給人捉摸不定,神祕莫測,陰謀,耐髒的感覺。在設計時黑色與其他色彩組合,黑色幾好的襯托,可以充分顯示其他顏色的光感,色感,質感。黑白組合光感最強最分明最強烈。在網頁設計時,經常用黑色做背景,給人以神祕現代的'感覺。

4.紅色 紅色是一種讓人興奮的色彩,其波長最長,容易引起人的注意,激動,緊張。它刺激效果最強,給人以衝動,熱情和活力的感受。他在視覺上讓人有迫近感和擴張感,因此我們稱之為前進色。紅色給人留下豔麗芬芳,青春,飽滿,成熟,富有生命力和營養的印象,因此被廣泛用於食品包裝。紅色又是歡樂與喜慶的象徵,由於他具有很強的注目性和美感,因此在標誌和旗幟還有宣傳等用色中佔據首位。

5.黃色 黃色波長適中,亮度最亮,他是所有色彩中最明亮的顏色。黃色具有快樂,希望,智慧和輕快的個性,由於他的明度最高,因此給人留下明亮,輝煌,燦爛,愉快,親切,柔和的印象,又容易引起味美的條件反射給人以香甜美感,溫暖感。

6.綠色 介於冷暖色彩之間,人的眼睛最適應綠色光的刺激。綠色顯得和睦,寧靜,和健康。綠色植物王國的色彩,他表現了充實,平靜,與希望,給人以新鮮,平靜,安逸,和平柔和青春和安全感的感受,他如果與黃色和白色搭配,便可產生有生命力,舒適的氣氛。

7.藍色 藍色光的波長短於綠色,因此當紅橙色是前進色,藍色就是後退色,藍色是冷色,給人以清新涼爽的感受,如果與白色混合,會體現柔順,淡雅,浪漫的氣氛。

8.紫色 波長最短,人的眼睛對紫色光的細微變化分辨力弱,容易產生視覺疲勞。紫色給人以高貴,奢華,幽雅,流動,不安的感覺,而灰暗的紫色則是疾病傷痛的感覺,容易使人在心理上產生憂鬱,痛苦,不安的感覺,需慎用。