1.2.3 網頁配色原則

當人們第一眼看到一個頁面，首先映入眼簾的就是頁面的色彩，所以說顏色對于瀏覽者是非常敏感的，是樹立網站形象的關鍵之一。網站的類型不同、表現的主題內容不同、網頁瀏覽的人群不同，這些都對頁面配色有著不同的要求。下面了解一些色彩的基本知識。

1．色彩的形成

1）顏色是由光的折射而產生的。

2）所有色彩都可以用紅、綠、藍這三種色彩調和而成。HTML語言中的色彩表達即是用這三種顏色的數值表示。例如，紅色的十六進制表示為（FF0000），白色為（FFFFFF），＂bgColor=#FFFFFF＂是指背景色為白色。

3）顏色分非彩色和彩色兩類。

非彩色即黑、白、灰色系。彩色即除了非彩色以外的所有色彩。

4）任何色彩都有飽和度和透明度的屬性，屬性的變化產生不同的色相，所以能表現出幾百萬種顏色。

2．色環

色環就是將彩色光譜中的長條形色彩序列首尾連接在一起，使紅色連接到另一端的紫色而形成的一個顏色環。色環通常包括12種基本顏色，如圖1-20所示。

（1）基色

基色是最基本的顏色，通過按一定比例混合基色可以產生任何其他顏色。現在大多是用紅、綠、藍（RGB模式）作為基色進行顏色顯示（加色法），例如計算機顯示器。而彩色噴墨打印機，是用青、品紅、黃、黑四種顏色的減色法（CMYK模式）。顯示器疊加出像素的彩色，而紙張上的墨水則從它反射的光中吸收了某種顏色。

（2）次生色

將色環中任何兩種相鄰的基色混合可獲得另一種顏色，這種顏色就是次生色，如青、品紅和黃。加色法中的次生色就是減色法中的基色，巧合的是，減色法中的次生色也就是加色法中的基色，這就是加色模式和減色模式之間的相互關系。

（3）三次色

為了完成色環，再次找到已填入色環的顏色之間的中間色，幸運的是，這些三次色對于加色法和減色法都是相同的。

3．顏色之間的相互關系

（1）相似色

相似色是指某種給定顏色旁邊的顏色。例如橙色的兩個相似色是紅色和黃色。使用相似色的配色方案可以提供顏色的協調和交融，顯得層次豐富而自然。

（2）互補色

互補色也稱為對比色（反差最大），它們在色環上相互正對。如果希望更鮮明地突出某些顏色，則選擇對比色，如黃色和藍色。

（3）分列的互補色

一種顏色，先找到它的互補色，該互補色兩邊的兩種顏色即是。

（4）三色組

三色組是色環上等距離的任何三種顏色。在配色方案中使用三色組時，顏色對比均比較強烈，如基色和次生色均是三色組。

（5）暖色

暖色由紅色調構成，如紅色、橙色和黃色。暖色給人以溫暖、舒適、有活力的感覺，這些顏色產生的視覺效果使其更貼近觀眾，并在頁面上更顯突出。

（6）冷色

冷色來自于藍色調，如藍色、青色和綠色，這些顏色使配色方案顯得穩定和清爽，它們看起來還有遠離觀眾的效果，所以適于做頁面背景。

4．色彩的三要素

1）明度：是指色彩的明暗程度，也稱亮度。明度由光的振幅決定，振幅越大亮度越高。

2）色相：是色彩的相貌，是一種色彩區別另一種色彩的表面特征，它是由光的波長引起的一種視覺感。色相秩序的確定是根據太陽光譜的波長順序排列的，即紅、橙、黃、綠、藍、紫等，它們是所有色彩中最突出、純度最高的典型色相。

3）純度：即色彩所含的單色相飽和的程度，也稱為彩度。決定顏色純度的因素有多方面，從光的角度講，光波波長越單一，色彩越純；光波波長越混雜，比例越均衡，各單色光的色性就會消失，純度為零。同一高純度色彩在光線照射下，色彩的純度也相應降低。

色彩的三要素是互相依存、互相制約的，很難截然分開，其中任何一個屬性的改變，都將引起色彩個性的變化。

5．網站配色標準與原則

（1）特色鮮明

一個網站的用色必須要有自己獨特的風格，要與表現的內容相和諧，還要考慮受眾人群的年齡、層次等特點，這樣才能顯得個性鮮明，主題突出，和諧自然，給瀏覽者留下深刻的印象。

（2）搭配合理

網頁設計雖然屬于平面設計的范疇，但它又與其他平面設計不同，它在遵從藝術規律的同時，還考慮觀眾的生理特點。色彩搭配一定要合理，給人一種和諧、愉快的感覺。

（3）講究藝術性

網站設計也是一種藝術活動，因此它必須遵循藝術規律，在考慮到網站本身特點的同時，按照內容決定形式的原則，大膽進行藝術創新，設計出既符合網站要求，又有一定藝術特色的網站。

6．色彩與心理

（1）黃色

黃色是各種色彩中，最為嬌氣的一種色，具有冷漠、高傲、敏感、擴張和不安寧的視覺印象。

在純黃色中混入少量的其他色，其色相感和色彩性格均會發生較大程度的變化。

●在黃色中加入少量的藍，會使其轉化為一種鮮嫩的綠色，其高傲的性格也隨之消失，趨于一種平和、潮潤的感覺。

●在黃色中加入少量的紅，則具有明顯的橙色感覺，其性格也會從冷漠、高傲轉化為一種有分寸感的熱情、溫暖。

●在黃色中加入少量的黑，其色感和色性變化最大，成為一種具有明顯橄欖綠的復色印象，其色性也變得成熟、隨和。

●在黃色中加入少量的白，其色感變得柔和，其性格中的冷漠、高傲被淡化，趨于含蓄，易于接近。

案例賞析一如圖1-21所示。

（2）紅色

紅色容易引起人的注意，也容易使人興奮、激動、緊張、沖動，也容易使人視覺疲勞。紅色色感溫暖，性格剛烈而外向，是一種對人刺激很強的顏色。在紅色中混入其他顏色的感覺如下。

●紅色中加入少量黃，會使其熱力強盛，趨于躁動、不安。

●紅色中加入少量藍，會使其熱性減弱，趨于文雅、柔和。

●紅色中加入少量黑，會使其性格變的沉穩，趨于厚重、樸實。

●紅中加入少量的白，會使其性格變得溫柔，趨于含蓄、羞澀、嬌嫩。

案例賞析二如圖1-22所示。

（3）綠色

綠色具有黃色和藍色兩種成分，它將黃色的擴張感和藍色的收縮感相中和，將黃色的溫暖感與藍色的寒冷感相抵消，這樣使得綠色的性格最為平和、安穩。綠色是一種柔順、恬靜、滿足、優美的顏色。

●綠色中黃的成分較多時，其性格趨于活潑、友善，具有幼稚性。

●綠色中加入少量的黑，其性格就趨于莊重、老練、成熟。

●綠色中加入少量的白，其性格就趨于潔凈、清爽、鮮嫩。

●綠色與金色搭配會顯得很明亮。

案例賞析三如圖1-23所示。

（4）白色

白色具有圣潔的不容侵犯性，其色感光明，性格樸實、純潔、快樂。

如果在白色中加入其他任何色，都會影響其純潔性，使其性格變得含蓄。

●在白色中混入少量紅，就成為淡淡的粉色，鮮嫩而充滿誘惑。

●在白色中混入少量黃，則成為一種乳黃色，給人一種香膩的印象。

●在白色中混入少量藍，給人感覺清冷、潔凈。

●在白色中混入少量橙，有一種干燥的氣氛。

●在白色中混入少量綠，給人一種稚嫩、柔和的感覺。

●在白色中混入少量紫，可誘導人聯想到淡淡的芳香。

案例賞析四如圖1-24所示。

（5）藍色

藍色色感冷靜，性格樸實而內向，是一種有助于人頭腦冷靜的色，常為那些性格活躍、具有較強擴張力的色彩提供一個深遠、廣袤、平靜的空間，成為襯托活躍色彩的友善而謙虛的朋友。藍色還是一種在淡化后仍然能保持較強個性的顏色。如果在藍色中分別加入少量的紅、黃、黑、橙、白等色，均不會對藍色的性格構成明顯的影響力。案例賞析五如圖1-25所示。

（6）紫色

紫色的明度在有彩色的色料中是最低的，其低明度給人一種沉悶、神秘的感覺。

●在紫色中紅的成分較多時，使其具有壓抑感、威脅感。

●在紫色中加入少量的黑，其感覺就趨于沉悶、傷感、恐怖。

●在紫色中加入白，可使紫色沉悶的性格消失，變得優雅、嬌氣，并充滿女性的魅力。

案例賞析六如圖1-26所示。