3.1 善用色彩設(shè)計(jì)網(wǎng)頁

在任何一個設(shè)計(jì)中，色彩對視覺的刺激都起到第一信息傳達(dá)的作用。網(wǎng)頁中的色彩設(shè)計(jì)是最直接的視覺效果，不同的顏色運(yùn)用會給人以不同的感受。高明的設(shè)計(jì)師會運(yùn)用顏色來表現(xiàn)網(wǎng)站的理念和內(nèi)在品質(zhì)。為了能更好地應(yīng)用色彩來設(shè)計(jì)網(wǎng)頁，下面先來了解一下色彩的基礎(chǔ)知識。

3.1.1 認(rèn)識色彩

自然界中的色彩五顏六色、千變?nèi)f化，比如玫瑰是紅色的，大海是藍(lán)色的，橘子是橙色的……但是最基本的色彩只有3種（紅、黃、藍(lán)），其他的色彩都可以由這3種色彩調(diào)和而成，我們稱這3種色彩為“三原色”。大家平時所看到的白色光經(jīng)過分析，在色帶上可以看到，它包括紅、橙、黃、綠、青、藍(lán)、紫7種顏色，各顏色間自然過渡，其中紅、綠、藍(lán)是三原色，三原色通過不同比例的混合可以得到各種顏色。

現(xiàn)實(shí)生活中的色彩可以分為彩色和非彩色兩種，其中黑、白、灰屬于非彩色系列，其他的色彩都屬于彩色系列。任何一種彩色都具備3個特征：色相、明度和飽和度，非彩色只有明度屬性。

|提示|

色相指的是色彩的名稱，這是色彩最基本的特征，反映顏色的基本面貌，是一種色彩區(qū)別于另一種色彩的最主要的因素，例如，紫色、綠色、黃色等都代表了不同的色相。

同一色相的色彩調(diào)整一下亮度或純度很容易搭配，如深綠、暗綠、草綠、亮綠。

例如，一些購物、兒童類網(wǎng)站用的是一些鮮亮的顏色，讓人感覺絢麗多姿、生氣勃勃。明度越低，顏色越暗。明度主要用于一些游戲類網(wǎng)站，可使網(wǎng)站充滿神秘感。

|提示|

飽和度也叫純度，指色彩的鮮艷程度。飽和度高的色彩純、鮮亮；飽和度低的色彩暗淡，含灰色。

非彩色只有明度屬性，沒有色相和飽和度屬性。網(wǎng)頁制作時用彩色還是非彩色好呢？根據(jù)專業(yè)的研究機(jī)構(gòu)研究表明：彩色的記憶效果是黑白的3.5倍。也就是說，在一般情況下，彩色頁面較完全黑白頁面更加吸引人。通常是將主要內(nèi)容（如文字）用非彩色（黑色），邊框、背景、圖片用彩色。這樣頁面整體不單調(diào)，顯得和諧統(tǒng)一。

3.1.2 網(wǎng)頁的安全顏色

在網(wǎng)頁中，常以RGB模式來表示顏色的值，RGB表示紅（Red）、綠（Green）、藍(lán)（Blue）三原色。通常情況下，RGB各有256級亮度，用0~255表示。

對于單獨(dú)的R、G或B而言，當(dāng)數(shù)值為0時，代表這種顏色不發(fā)光；如果為255，則代表該顏色為最高亮度。當(dāng)RGB這3種色光都發(fā)到最強(qiáng)的亮度（即RGB值為255、255、255）時，表示純白色，用十六進(jìn)制數(shù)表示為“FFFFFF”。相反，純黑色的RGB值是0、0、0，用十六進(jìn)制數(shù)表示為“000000”。純紅色的RGB值是255、0、0，意味著只有紅色R存在且亮度最強(qiáng)， G和B都不發(fā)光。同理，純綠色的RGB是0、255、0，純藍(lán)色的RGB是0、0、255。如下圖所示為純紅色的RGB值。

|提示|

在HTML語言中，可以直接使用十六進(jìn)制數(shù)值來命名顏色。

按照計(jì)算，256級的RGB色彩總共能組合出約1678萬種色彩，即256×256×256＝16777216，通常也被簡稱為1600萬色或千萬色，也稱為24位色（2的24次方）。既然理論上可以得出16777216種顏色，那么為什么又出現(xiàn)了網(wǎng)頁安全顏色范疇為216種的顏色呢？這是因?yàn)闉g覽器的緣故。網(wǎng)頁被瀏覽器識別以后，只有216種顏色能在瀏覽器中正常顯示，多于這個范圍的顏色有的瀏覽器顯示時就可能發(fā)生偏差，不能正常顯示。因此將能被所有的瀏覽器正常顯示的216種顏色稱為網(wǎng)頁安全顏色范疇。現(xiàn)在瀏覽器的性能越來越高，網(wǎng)頁的安全顏色范疇也越來越廣，但最安全的還是216種顏色。在Dreamweaver中，提供了具有網(wǎng)頁安全顏色范疇的調(diào)色板，可將網(wǎng)頁的顏色選取控制在安全范圍之內(nèi)。

RGB模式是顯示器的物理色彩模式，這就意味著無論在軟件中使用何種色彩模式，只要是在顯示器上顯示，圖像最終就是以RGB方式出現(xiàn)。