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