為了使網(wǎng)頁的整體畫面呈現(xiàn)穩(wěn)定協(xié)調(diào)的感覺，以便充分的掌握其規(guī)律來更好的分析學(xué)習(xí)，我們前面介紹了色調(diào)的視覺角色主次位置的幾個(gè)概念，也介紹了色彩的對(duì)比。今天我們介紹色彩的調(diào)和。
兩種或兩種以上的色彩合理搭配，產(chǎn)生統(tǒng)一諧調(diào)的效果，稱為色彩調(diào)和。色彩調(diào)和是求得視覺統(tǒng)一，達(dá)到人們心理平衡的重要手段。
調(diào)和就是統(tǒng)一，下面介紹的四種方法能夠達(dá)到調(diào)和頁面色彩的目的。
■ 同種色的調(diào)和
相同色相、不同明度和純度的色彩調(diào)和。使之產(chǎn)生秩序的漸進(jìn)，在明度、純度的變化上，彌補(bǔ)同種色相的單調(diào)感。
→ 同種色的調(diào)和網(wǎng)頁例圖：http://www.solar1.org
同種色的調(diào)和網(wǎng)頁例圖
同種色的調(diào)和分析：
同種色給人的感覺是相當(dāng)協(xié)調(diào)的。它們通常在同一個(gè)色相里，通過明度的黑白灰或者純度的不同來稍微加以區(qū)別的，產(chǎn)生了及其微妙的韻律美。為了不至于讓整個(gè)頁面呈現(xiàn)過于單調(diào)平淡，有些頁面則是加入極其小的其他顏色做點(diǎn)綴。該頁面使用了同種色的黃色系，淡黃、檸檬黃、中黃、通過明度、純度的微妙變化產(chǎn)生緩和的節(jié)奏美感。
結(jié)論：
同種色被稱為最穩(wěn)妥的色彩搭配方法。
■ 類似色的調(diào)和
在色環(huán)中,色相越靠近越調(diào)和。主要靠類似色之間的共同色來產(chǎn)生作用。
→ 類似色的調(diào)和網(wǎng)頁例圖：http://www.solar1.org
類似色的調(diào)和網(wǎng)頁例圖
類似色的調(diào)和分析：
類似色相較于同類色色彩之間的可搭配度要大些，顏色豐富、富于變化。
以上頁面主要取的是色環(huán)中的黃色、綠色、藍(lán)色通過明度、純度、面積上的不同實(shí)現(xiàn)變化和統(tǒng)一的。雖然主色調(diào)的米黃色在頁面中使用面積最大，但是我們看到由于它的明度非常高，飽和度就降低了，因此在頁面中處在不明顯的角色。而綠色的純度最高，且使用面積次之，頁面顯示較顯眼，因此用于次級(jí)導(dǎo)航位置上。整個(gè)頁面主次的視覺引導(dǎo)分明。
結(jié)論：
不是每種主色調(diào)都是極其顯眼的位置，通常多扮演著用于突出主體的輔助性配角。而重要角色往往在頁面中用的份量極少，卻又起到突出主體的作用。
■ 對(duì)比色的調(diào)和
調(diào)和方法有：
1、提高或降低對(duì)比色的純度；
2、在對(duì)比色之間插入分割色（金、銀、黑、白、灰等）；
3、采用雙方面積大小不同的處理方法；
4、對(duì)比色之間加入相近的類似色。
→ 對(duì)比色的調(diào)和網(wǎng)頁例圖：http://www.snapple.com
對(duì)比色的調(diào)和網(wǎng)頁例圖
對(duì)比色的調(diào)和分析：
基本上可以說是黃色和紫色的對(duì)比色做頁面的主要色調(diào)。黃色紫色組合在網(wǎng)頁中使用率較低，原因是這組顏色適用范圍相對(duì)其他兩組對(duì)比色要小很多，配色難度也較兩組大。
這里黃色加入了紅色呈中黃色，紫色加入了紅色，偏玫瑰色，所以這組顏色不是嚴(yán)格意義上的對(duì)比色，也因此使這組顏色看起來協(xié)調(diào)、舒服。這個(gè)頁面都調(diào)低了亮度使整體降低了純度，緩和視覺刺激。白色是這組對(duì)比色里加入的協(xié)調(diào)色。
結(jié)論：
從上面的分析我們可以知道，通過上面的這些色值調(diào)配--當(dāng)需要使用這組對(duì)比色配色時(shí)候該如何達(dá)到協(xié)調(diào)的目的。
不是對(duì)比色為主色調(diào)的頁面就一定會(huì)有不舒服的感覺的，主要可以通過調(diào)低亮度、降低飽和度、加入少許白色來調(diào)和。
■ 漸變色的調(diào)和
漸變色實(shí)際是一種調(diào)和方法的運(yùn)用。是顏色按層次逐漸變化的現(xiàn)象。色彩漸變就像兩種顏色間的混色，可以有規(guī)律地在多種顏色中進(jìn)行。暗色和亮色之間的漸變會(huì)產(chǎn)生遠(yuǎn)近感和三維的視覺效果。
漸變色的調(diào)和網(wǎng)頁例圖
漸變色的調(diào)和分析：
該頁面背景使用了漸變的效果，增加了視覺空間感。在導(dǎo)航欄、廣告區(qū)域、產(chǎn)品技術(shù)的大標(biāo)題塊，都使用了漸變的技術(shù)手法來表達(dá)，產(chǎn)生三維的視覺效果，統(tǒng)一了整個(gè)頁面的設(shè)計(jì)語言，也是區(qū)別于其他網(wǎng)站頁面的個(gè)性體現(xiàn)，達(dá)到讓人印象深刻的目的。
結(jié)論：
漸變色能夠柔和視覺，增強(qiáng)空間感，體現(xiàn)節(jié)奏和韻律美感，統(tǒng)一整個(gè)頁面的目的。
除了統(tǒng)一當(dāng)然也可以起到變化頁面視覺形式的作用。該設(shè)計(jì)語言可做需要的時(shí)候適當(dāng)?shù)氖褂谩?
本部分小結(jié)：
本節(jié)主要對(duì)色彩的對(duì)比與調(diào)和做了實(shí)例分析。例如當(dāng)頁面平淡單調(diào)，需要用對(duì)比手法做些變化來豐富頁面的色彩設(shè)計(jì)；當(dāng)頁面變化過多，顯得刺眼、凌亂，可以通過以上介紹的調(diào)和方法進(jìn)行調(diào)整，使得頁面看起來更統(tǒng)一協(xié)調(diào)。
● 主要是通過面積大小、冷暖對(duì)比來表達(dá)體現(xiàn)頁面的主次關(guān)系、中心思想。
● 顏色平淡可加入適當(dāng)類似色對(duì)比色來使頁面產(chǎn)生變化。顏色凌亂可以適當(dāng)加入同類色或者類似色、白色、黑色、灰色做到統(tǒng)一調(diào)配的目的。
● 對(duì)比色的搭配并不是就是說是絕對(duì)值的紅或者綠，藍(lán)或橙、黃或紫。對(duì)比色的第一視覺傾向越明顯配色難度就越大，也就是說越難調(diào)和；反之，傾向越不明顯的對(duì)比色越容易調(diào)和。請(qǐng)參照剛才對(duì)比色調(diào)和頁面分析例子方法。
● 不是一種色彩面積用得越多或者越少、純度、明度越高就是能突出主體的主角色，主要是根據(jù)色彩相互之間的搭配關(guān)系來體現(xiàn)的。
● 一個(gè)頁面中單純絕對(duì)的使用某種顏色或是使用絕對(duì)非常多種顏色搭配，容易產(chǎn)生個(gè)性效果，那叫玩色彩了，限于色彩運(yùn)用得非常熟練的朋友，但不推薦初學(xué)者使用。