網(wǎng)頁(yè)頁(yè)面中總是由具有某種內(nèi)在聯(lián)系的各種色彩，組成一個(gè)完整統(tǒng)一的整體，形成畫面色彩總的趨向，稱為色調(diào)。也可以理解為色彩狀態(tài)。色彩給人的感覺(jué)與氛圍，是影響配色視覺(jué)效果的決定因素。

　　為了使網(wǎng)頁(yè)的整體畫面呈現(xiàn)穩(wěn)定協(xié)調(diào)的感覺(jué)，以便充分的掌握其規(guī)律來(lái)更好的分析學(xué)習(xí)，我們前面介紹了色調(diào)的視覺(jué)角色主次位置的幾個(gè)概念，也介紹了色彩的對(duì)比。今天我們介紹色彩的調(diào)和。

　　兩種或兩種以上的色彩合理搭配，產(chǎn)生統(tǒng)一諧調(diào)的效果，稱為色彩調(diào)和。色彩調(diào)和是求得視覺(jué)統(tǒng)一，達(dá)到人們心理平衡的重要手段。

　　調(diào)和就是統(tǒng)一，下面介紹的四種方法能夠達(dá)到調(diào)和頁(yè)面色彩的目的。

　　■ 同種色的調(diào)和
　　相同色相、不同明度和純度的色彩調(diào)和。使之產(chǎn)生秩序的漸進(jìn)，在明度、純度的變化上，彌補(bǔ)同種色相的單調(diào)感。

　　→ 同種色的調(diào)和網(wǎng)頁(yè)例圖：http://www. solar1.org
　　
　　

　　同種色的調(diào)和分析：

　　同種色給人的感覺(jué)是相當(dāng)協(xié)調(diào)的。它們通常在同一個(gè)色相里，通過(guò)明度的黑白灰或者純度的不同來(lái)稍微加以區(qū)別的，產(chǎn)生了及其微妙的韻律美。為了不至于讓整個(gè)頁(yè)面呈現(xiàn)過(guò)于單調(diào)平淡，有些頁(yè)面則是加入極其小的其他顏色做點(diǎn)綴。該頁(yè)面使用了同種色的黃色系，淡黃、檸檬黃、中黃、通過(guò)明度、純度的微妙變化產(chǎn)生緩和的節(jié)奏美感。
　　結(jié)論：
　　同種色被稱為最穩(wěn)妥的色彩搭配方法。
#p#　　■ 類似色的調(diào)和
　　在色環(huán)中,色相越靠近越調(diào)和。主要靠類似色之間的共同色來(lái)產(chǎn)生作用。

→ 類似色的調(diào)和網(wǎng)頁(yè)例圖：http://www. solar1.org 

 

　　類似色的調(diào)和分析：

　　類似色相較于同類色色彩之間的可搭配度要大些，顏色豐富、富于變化。
　　以上頁(yè)面主要取的是色環(huán)中的黃色、綠色、藍(lán)色通過(guò)明度、純度、面積上的不同實(shí)現(xiàn)變化和統(tǒng)一的。雖然主色調(diào)的米黃色在頁(yè)面中使用面積最大，但是我們看到由于它的明度非常高，飽和度就降低了，因此在頁(yè)面中處在不明顯的角色。而綠色的純度最高，且使用面積次之，頁(yè)面顯示較顯眼，因此用于次級(jí)導(dǎo)航位置上。整個(gè)頁(yè)面主次的視覺(jué)引導(dǎo)分明。
　　結(jié)論：
　　不是每種主色調(diào)都是極其顯眼的位置，通常多扮演著用于突出主體的輔助性配角。而重要角色往往在頁(yè)面中用的份量極少，卻又起到突出主體的作用。
#p#　　■ 對(duì)比色的調(diào)和
　　調(diào)和方法有：
　　1、提高或降低對(duì)比色的純度；
　　2、在對(duì)比色之間插入分割色（金、銀、黑、白、灰等）；
　　3、采用雙方面積大小不同的處理方法；
　　4、對(duì)比色之間加入相近的類似色。

　　→ 對(duì)比色的調(diào)和網(wǎng)頁(yè)例圖：http:// www.snapple.com
　　
　　
　　
　　對(duì)比色的調(diào)和分析：

　　基本上可以說(shuō)是黃色和紫色的對(duì)比色做頁(yè)面的主要色調(diào)。黃色紫色組合在網(wǎng)頁(yè)中使用率較低，原因是這組顏色適用范圍相對(duì)其他兩組對(duì)比色要小很多，配色難度也較兩組大。
　　這里黃色加入了紅色呈中黃色，紫色加入了紅色，偏玫瑰色，所以這組顏色不是嚴(yán)格意義上的對(duì)比色，也因此使這組顏色看起來(lái)協(xié)調(diào)、舒服。這個(gè)頁(yè)面都調(diào)低了亮度使整體降低了純度，緩和視覺(jué)刺激。白色是這組對(duì)比色里加入的協(xié)調(diào)色。

　　結(jié)論：
　　從上面的分析我們可以知道，通過(guò)上面的這些色值調(diào)配--當(dāng)需要使用這組對(duì)比色配色時(shí)候該如何達(dá)到協(xié)調(diào)的目的。
　　不是對(duì)比色為主色調(diào)的頁(yè)面就一定會(huì)有不舒服的感覺(jué)的，主要可以通過(guò)調(diào)低亮度、降低飽和度、加入少許白色來(lái)調(diào)和。#p#　　■ 漸變色的調(diào)和

　　漸變色實(shí)際是一種調(diào)和方法的運(yùn)用。是顏色按層次逐漸變化的現(xiàn)象。色彩漸變就像兩種顏色間的混色，可以有規(guī)律地在多種顏色中進(jìn)行。暗色和亮色之間的漸變會(huì)產(chǎn)生遠(yuǎn)近感和三維的視覺(jué)效果。

→ 漸變色的調(diào)和網(wǎng)頁(yè)例圖：http:// www.macromedia.com 

 

　　漸變色的調(diào)和分析：

　　該頁(yè)面背景使用了漸變的效果，增加了視覺(jué)空間感。在導(dǎo)航欄、廣告區(qū)域、產(chǎn)品技術(shù)的大標(biāo)題塊，都使用了漸變的技術(shù)手法來(lái)表達(dá)，產(chǎn)生三維的視覺(jué)效果，統(tǒng)一了整個(gè)頁(yè)面的設(shè)計(jì)語(yǔ)言，也是區(qū)別于其他網(wǎng)站頁(yè)面的個(gè)性體現(xiàn)，達(dá)到讓人印象深刻的目的。
　　結(jié)論：
　　漸變色能夠柔和視覺(jué)，增強(qiáng)空間感，體現(xiàn)節(jié)奏和韻律美感，統(tǒng)一整個(gè)頁(yè)面的目的。
　　除了統(tǒng)一當(dāng)然也可以起到變化頁(yè)面視覺(jué)形式的作用。該設(shè)計(jì)語(yǔ)言可做需要的時(shí)候適當(dāng)?shù)氖褂谩?
　　
　　
　　本部分小結(jié)：
　　
　　本節(jié)主要對(duì)色彩的對(duì)比與調(diào)和做了實(shí)例分析。例如當(dāng)頁(yè)面平淡單調(diào)，需要用對(duì)比手法做些變化來(lái)豐富頁(yè)面的色彩設(shè)計(jì)；當(dāng)頁(yè)面變化過(guò)多，顯得刺眼、凌亂，可以通過(guò)以上介紹的調(diào)和方法進(jìn)行調(diào)整，使得頁(yè)面看起來(lái)更統(tǒng)一協(xié)調(diào)。
　　
　　● 主要是通過(guò)面積大小、冷暖對(duì)比來(lái)表達(dá)體現(xiàn)頁(yè)面的主次關(guān)系、中心思想。
　　● 顏色平淡可加入適當(dāng)類似色對(duì)比色來(lái)使頁(yè)面產(chǎn)生變化。顏色凌亂可以適當(dāng)加入同類色或者類似色、白色、黑色、灰色做到統(tǒng)一調(diào)配的目的。
　　● 對(duì)比色的搭配并不是就是說(shuō)是絕對(duì)值的紅或者綠，藍(lán)或橙、黃或紫。對(duì)比色的第一視覺(jué)傾向越明顯配色難度就越大，也就是說(shuō)越難調(diào)和；反之，傾向越不明顯的對(duì)比色越容易調(diào)和。請(qǐng)參照剛才對(duì)比色調(diào)和頁(yè)面分析例子方法。
　　● 不是一種色彩面積用得越多或者越少、純度、明度越高就是能突出主體的主角色，主要是根據(jù)色彩相互之間的搭配關(guān)系來(lái)體現(xiàn)的。
　　● 一個(gè)頁(yè)面中單純絕對(duì)的使用某種顏色或是使用絕對(duì)非常多種顏色搭配，容易產(chǎn)生個(gè)性效果，那叫玩色彩了，限于色彩運(yùn)用得非常熟練的朋友，但不推薦初學(xué)者使用。
　　
　　下一節(jié)我們介紹 第四節(jié) 紅色系。