網(wǎng)站配色簡要論述

1、不論你做什么樣的設(shè)計，色彩都是一個不容忽視的問題。色彩以一種“隱蔽”的方式傳達的各種信息，這些信息會影響觀看者的心理和感受，左右他們的判斷和選擇，色彩對于設(shè)計而言實在太重要。這篇文章就要比較系統(tǒng)地介紹一些在網(wǎng)頁設(shè)計中如何使用色彩的入門知識。色彩是設(shè)計者的得力助手，前提是應(yīng)用得當(dāng)。對于網(wǎng)站設(shè)計而言，色彩的重要性尤其突出，不過經(jīng)常被粗心的站長忽視。我們經(jīng)常說“第一映像最重要”，于是設(shè)計網(wǎng)站時，設(shè)計者經(jīng)常會花很多精力制作一個“富于沖擊力”的LOGO或者BANNER，當(dāng)然，它們很重要。但是，訪問者訪問網(wǎng)站時的第一映像實際上并不來自這些LOGO或者BANNER，而是色彩！好了，在了解了色彩對于網(wǎng)站設(shè)計的

2、重要性之后，我們開始探尋色彩的奧秘。色彩入門首先讓我們熟悉一下色彩的一些基本概念。三原色一切顏色都來自三原色：紅、黃、藍。 在這個圓環(huán)中，相鄰的兩個原色相混合可以得到另外三個比較重要的顏色（下文將其稱為二級原色）：紅+黃=橙，紅+藍=紫，藍+黃=綠    讓我們再深入一步，三原色和三種二級原色可以進一步混合得到更多的顏色，分別是橙紅色、紫紅色、藍紫色、藍綠色、橘黃色和黃綠色。這六種顏色可以稱為三級原色。      按照同樣的方式不斷進行下去，這個圓環(huán)中顏色之間的分隔線就會消失，得到下圖所示的“色彩圓環(huán)”，

3、在一些繪圖程序的調(diào)色板中我們可以看到這樣的色彩圓環(huán)。        但是這個圓環(huán)仍然沒有涵蓋所有的顏色，對于圓環(huán)中的每一種顏色還有飽和度、亮度和灰度等的變化。也就是說，將上述圓環(huán)中的任意一種顏色和黑色、白色、灰色按照不同比例混合就可以得到更多的顏色，下面將詳細介紹。常用的色彩術(shù)語飽和度某種顏色的飽和度是指這種顏色所包含的基本顏色的多少。例如RGB值為（0，0，255）的藍色是純藍色，他的飽和度是100%。隨著飽和度的降低，顏色會越來越接近灰色?；叶然旧屎秃谏M行不同程度的混合可以得到不同的灰度，例如亮度基本顏色和白色進行

4、不同程度的混合可以得到不同的亮度，例如：:色調(diào)基本顏色和灰色進行不同程度的混合可以得到不同的色調(diào)，例如：色彩方案的種類不同網(wǎng)站應(yīng)當(dāng)使用不同的色彩方案，與站點的主題相吻合的色彩方案決不僅僅可以讓網(wǎng)站 “更加好看”，更重要的是在訪問者心目中建立對這個網(wǎng)站的感性認識。所以，色彩方案的選擇決不能草率，而且色彩方案絕對是網(wǎng)站建設(shè)的第一個步驟。如果選擇色彩方案時過于草率，甚至根本不對網(wǎng)站進行色彩方案的整體規(guī)劃，你將不可能制作出一個真正優(yōu)秀的網(wǎng)站。例如，一個銷售嬰兒用品的網(wǎng)站應(yīng)當(dāng)使用比較活潑的色彩方案，而一個藝術(shù)網(wǎng)站則應(yīng)當(dāng)使用比較執(zhí)重的方案。按照色彩方案中色彩使用方式的不同，我們可以將色彩方案劃分成多種類型

5、，單色方案、相似色方案、補色方案和三合一色方案。單色方案單色方案是指在網(wǎng)站設(shè)計中終止使用一種基本顏色，為避免單調(diào)，我們可以通過調(diào)整這種基本顏色的灰度和亮度來得到更多的顏色，由于整個顏色方案中事實上只有一種基色，因此這種方案稱為單色方案。例如：在Photoshop的色彩選擇窗口中，我們可以這樣進行建立單色方案。首先調(diào)整H（也就是Hue的縮寫）后面的值來調(diào)整色調(diào)。注意，H的單位是度，也就是基本顏色在顏色環(huán)上所處位置的角度。設(shè)置好H的值之后，再調(diào)整B后面的數(shù)字調(diào)整亮度以及S后面的數(shù)字調(diào)整飽和度。注意，其中B和S的單位是百分比，也就是向基本顏色中添加白色和黑色的百分比。這樣就可以得到一個單色方案了。下

6、面來看兩個使用單色方案的成功實例。單色方案實例之一：這是一個女性網(wǎng)站，因此其基本顏色為粉紅色，并通過調(diào)整粉紅色的飽和度得到了其余幾種顏色?？傮w顏色趨于淡雅，訪問者的注意力會很自然地被吸引到幾幅展示其產(chǎn)品的圖片上。單色方案實例之二：這個色彩方案使用的基色顏色較深，并通過修改其亮度獲得其他兩種顏色，并用最淺的顏色作為主體部分的背景，使其突出出來?？偟膩碚f，單色方案是一種比較穩(wěn)重的方案，或者說比較保守的方案。單色方案給人整潔、經(jīng)典的感覺，最適合于內(nèi)容比較嚴肅的網(wǎng)站，比如政府網(wǎng)站，學(xué)術(shù)網(wǎng)站，企業(yè)網(wǎng)站，高雅藝術(shù)網(wǎng)站。特別值得一提的是，商業(yè)網(wǎng)站也比較適合使用此種顏色方案，因為這種方案可以給人一種穩(wěn)定感，使

7、訪問者容易建立對網(wǎng)站的信任感。當(dāng)然，這種方案也有其靈活的一面，當(dāng)使用較淺的基色時，這種顏色方案也可以用于時尚類網(wǎng)站，傳達簡約清雅的觀念相似色方案在色彩圓環(huán)上選擇彼此相鄰的幾種顏色構(gòu)成的配色方案就是相似色方案。例如橙色、橙紅色以及橙黃色就可以組成一個相似色方案。由于相似色方案中包含了多種基色，如果再加上亮度和飽和度的變化，可以構(gòu)成的顏色就非常多。下面是相似色方案的實例。相似色方案實例一：這個網(wǎng)站使用了由橙黃色、橙紅色和橙色組成的配色方案。Bullseye是一家ISP服務(wù)商，面向普通客戶。選用這種方案和行業(yè)內(nèi)慣用的藍色系形成鮮明對照，個性凸現(xiàn)。相似色方案實例之二：這個網(wǎng)站使用了綠色和黃色這兩種相似色構(gòu)成配色方案。頁面上很多綠色植物，因此文字使用了綠色，整個頁面看上去自然清新，和網(wǎng)站的內(nèi)容相得益彰。通常，相似色配色方