網(wǎng)頁設(shè)計(jì)配色應(yīng)用-色彩的調(diào)和

1、網(wǎng)頁設(shè)計(jì)配色應(yīng)用色彩的調(diào)和網(wǎng)頁頁面中總是由具有某種內(nèi)在聯(lián)系的各種色彩，組成一個(gè)完整統(tǒng)一的整體，形成畫面色彩總的趨向，稱為色調(diào)。也可以理解為色彩狀態(tài)。色彩給人的感覺與氛圍，是影響配色視覺效果的決定因素。 為了使網(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)和。

2、使之產(chǎn)生秩序的漸進(jìn)，在明度、純度的變化上，彌補(bǔ)同種色相的單調(diào)感。 同種色的調(diào)和網(wǎng)頁例圖：http:/www. 同種色的調(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

3、:/www. 類似色的調(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)和分析：基本上可以

4、說是黃色和紫色的對(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)和分析：該頁面背景使用了漸變的

5、效果，增加了視覺空間感。在導(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)和頁面分析例子方法。 不是一種色彩面積用得越多或者越少、純度、明度越高就是能突出主體的主角色，主要是根