色彩的運(yùn)用在
網(wǎng)站設(shè)計中的作用真是太重要了,有些網(wǎng)頁看上去十分典雅、有品位,令人賞心悅目,但是頁面結(jié)構(gòu)卻很簡單、圖象也不復(fù)雜,這主要是色彩運(yùn)用得當(dāng),色彩的魅力讓人難以抵擋,你是否明白看似簡單的顏色運(yùn)用中的原理以及奧秘呢?這就涉及到很多色彩原理的知識,因此我特地將本來屬于圖象制作內(nèi)的色彩作為一個獨(dú)立攔目來介紹。
。、色彩基本概念
自然界中的顏色可以分為非彩色和彩色兩大類。非彩色指黑色、白色和各種深淺不一的灰色,而其他所有顏色均屬于彩色。任何一種彩色具有三個屬性:
(1)色相(Hue): 也叫色澤,是顏色的基本特征,反映顏色的基本面貌。
(2)飽和度(Saturation): 也叫純度,指顏色的純潔程度。
(3)明度(Brightness或Lightness或Luminousity):也叫亮度,體現(xiàn)顏色的深淺。
非彩色只有明度特征,沒有色相和飽和度的區(qū)別。
。、色彩的三原色
電腦屏幕的色彩是由RGB(紅、綠、藍(lán))三種色光所合成的,而我們可通過調(diào)整這三個基色就可以調(diào)校出其它的顏色,在許多圖像處理軟件里,都有提供色彩調(diào)配功能,你可輸入三基色的數(shù)值來調(diào)配顏色,也可直接根據(jù)軟件提供的調(diào)色板來選擇顏色。
。、電腦影像的色彩
電腦影像的色彩是經(jīng)由位元(BIT)的計算和組合而來,單純的黑白圖像是簡單的色彩結(jié)構(gòu),在電腦上用到1位元的資料,雖說只有黑色和白色,但仍能透過疏密的矩陣排列,將黑與白組合成近似視覺上的灰色調(diào)階。
灰階(Grayscale)的影像共有256個階調(diào),看起來類似傳統(tǒng)的黑白照片;除黑、白二色之外,尚有254種深淺的灰色,電腦必須以8位元的資料,顯示這256種階調(diào)。
全彩(Fullcolor)是指RGB三色光所能顯示的所有顏色,每一色光以8位元表示,各有256種階調(diào),三色光交互增減,就能顯示24BIT的1677萬色(256*256*256=16,777,216),這個數(shù)值就是電腦所能表示的高色彩,也就是通稱的RGBTureColor。
8位元色是指具有256種階調(diào),或256種色彩的影像,而我們在常常見到GIF格式的圖象文件就是帶有256種色彩的圖象文件。若要把24位元的全彩圖片轉(zhuǎn)成256色的8位元,通常必須經(jīng)過索引的步驟(Indexed),也就是在原本24位元的1677萬色中,先建立顏色分布表(histogram),然后再找出常用的256種顏色,定義出新的調(diào)色盤,后再以新色盤的256色取代原圖。
讓我們看看每一位元色包含多少種顏色:
1位2種顏色
2位4種顏色
4位16種顏色
8位256種顏色
16位65536種顏色
24位1677萬種顏色
32位1677萬種顏色和256級灰度值
36位687億種顏色和4096級灰度值
通常所稱的標(biāo)準(zhǔn)VGA顯示模式是8位顯示模式,即在該模式下能顯示256種顏色;而高彩色(HiColor)顯示是16位顯示模式,能顯示65536種顏色,也稱64K色;還有一種真彩色(TrueColor)顯示模式是24位顯示模式,能顯示1677萬種顏色,也稱16M色,這是現(xiàn)在一般PC機(jī)所能達(dá)到的高顏色顯示模式,在該模式下看到的真彩色圖象的色彩已和高清晰度照片沒什么差別了。
在圖形制作片中我們已提到過色彩在頁面中的重要性,在頁面中盡量使用看上去比較淡雅、簡潔的色彩;比如背景盡量少用灰暗、深沉的色彩(除非特殊需要),并且根頁面的主題來選擇主色調(diào),可能有一些不搞美術(shù)的朋友不知道色彩代表的含義,請參閱下表:
紅色:代表熱情、奔放、喜悅、慶典
黑色:代表嚴(yán)肅、夜晚、沉著;
黃色:代表高貴、富有白色:代表純潔、簡單
藍(lán)色:代表天空、清爽
綠色:代表植物、生命、生機(jī)灰色:代表陰暗、消極紫
色:代表浪漫、愛情
棕色:代表土地
上面舉出的是幾種主要色彩的含義,希望對你有所幫助。
現(xiàn)在我們對色彩有了基本的了解,那么我們?nèi)绾卧谝粋網(wǎng)頁中合理搭配色彩呢?如果你對美術(shù)比較了解,那就好辦了。反之你可能要耗費(fèi)較大的工夫在上面。
首先在確定主頁的題材后,要了解哪些顏色適合哪些站點(diǎn)。比如一個影視的站點(diǎn),基本上適用任何色彩,但小B認(rèn)為用黑色或其他教深的色彩為主比較好,因?yàn)槿藗兛措娨、電影一般在黑暗的環(huán)境下觀看的,網(wǎng)頁上使用深色較符合人們的習(xí)慣;反之一個介紹醫(yī)院、醫(yī)學(xué)的站點(diǎn)就要使用淺色為主色,忖托其醫(yī)學(xué)站點(diǎn)的氛圍。
上篇文章:
CSS+DIV布局的優(yōu)缺點(diǎn)
下篇文章:
網(wǎng)站設(shè)計色彩搭配內(nèi)涵