【正文】 同的目的和效果?！　⊥ㄟ^(guò)RGB數(shù)值和HSB數(shù)值的計(jì)算，能幫助更科學(xué)理性的分析判斷，為的是更準(zhǔn)確的研究分析網(wǎng)頁(yè)設(shè)計(jì)配色的協(xié)調(diào)性、合理性、掌握其規(guī)律性。　　有經(jīng)驗(yàn)的設(shè)計(jì)師通常僅僅憑目測(cè)、直覺(jué)，就能隨心所欲的掌控色彩的配置了。但如遇到困惑，不防也使用一下模式計(jì)算法。二、網(wǎng)頁(yè)設(shè)計(jì)配色系列簡(jiǎn)析網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用——色調(diào)前面介紹了常用的電腦色彩模式RGB、HSB，以及色彩的三大屬性，還有常用配色的基本概念和相關(guān)實(shí)例剖析。今介紹應(yīng)用部分，本節(jié)介紹調(diào)色?！【W(wǎng)頁(yè)頁(yè)面總是由某種內(nèi)在聯(lián)系的各種色彩，組成一個(gè)完整統(tǒng)一的整體，形成畫(huà)面色彩總的趨向，稱為色調(diào)。也可以理解為色彩狀態(tài)。色彩給人的感覺(jué)與氛圍，是影響配色視覺(jué)效果的決定因素。 　　為了使網(wǎng)頁(yè)的整體畫(huà)面呈現(xiàn)穩(wěn)定協(xié)調(diào)的感覺(jué)，以便充分的掌握其規(guī)律來(lái)更好的分析學(xué)習(xí)，我們把視覺(jué)角色主次位置分為如下幾個(gè)概念，以便在網(wǎng)頁(yè)設(shè)計(jì)配色時(shí)更容易操縱主動(dòng)權(quán)?！?主色調(diào)　　頁(yè)面色彩的主要色調(diào)、總趨勢(shì)，其他配色不能超過(guò)該主要色調(diào)的視覺(jué)面積。（背景白色不一定根據(jù)視覺(jué)面積決定，可以根據(jù)頁(yè)面的感覺(jué)需要。）■ 輔色調(diào)　　僅次于主色調(diào)的視覺(jué)面積的輔助色，是烘托主色調(diào)、支持主色調(diào)、起到融合主色調(diào)效果的輔助色調(diào)。 　　■ 點(diǎn)睛色 在小范圍內(nèi)點(diǎn)上強(qiáng)烈的顏色來(lái)突出主題效果，使頁(yè)面更加鮮明生動(dòng)。■ 背景色 　　襯托環(huán)抱整體的色調(diào)，協(xié)調(diào)、支配整體的作用。　　　　本部分小節(jié)：　頁(yè)面的色彩角色主要是根據(jù)其面積的多少來(lái)區(qū)別主次關(guān)系、達(dá)到最終目的的。　當(dāng)不同的顏色使用的面積相當(dāng)，這個(gè)頁(yè)面容易呈現(xiàn)枯燥單調(diào)之感，而沒(méi)有局部細(xì)節(jié)的變化。當(dāng)一個(gè)頁(yè)面使用的顏色過(guò)多、面積大小用得過(guò)于瑣碎，這個(gè)頁(yè)面容易呈現(xiàn)花哨、主次不分沒(méi)有整體的感覺(jué)?！轫?yè)面設(shè)計(jì)配色的時(shí)候，應(yīng)根據(jù)主題內(nèi)容主次需要，各顏色有其各自的功能角色面積使用最多的、最少的、不多不少的，加上冷暖的適度安排，純度明度的合理變化，遵循這條原則，網(wǎng)頁(yè)配色定能得心應(yīng)手。網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用——色彩的對(duì)比 為了使網(wǎng)頁(yè)的整體畫(huà)面呈現(xiàn)穩(wěn)定協(xié)調(diào)的感覺(jué)，以便充分的掌握其規(guī)律來(lái)更好的分析學(xué)習(xí)，上次介紹了視覺(jué)角色主次位置的幾個(gè)概念，本節(jié)介紹色彩的對(duì)比。、對(duì)比與調(diào)和就是形式美的變化與統(tǒng)一規(guī)律　　在一定條件下，不同色彩之間的對(duì)比會(huì)有不同的效果。在不同的環(huán)境下，多色彩給人一種印象，色彩單一給人另一種印象?！　「鞣N純色的對(duì)比會(huì)產(chǎn)生鮮明的色彩效果，很容易給人帶來(lái)視覺(jué)與心理的滿足。紅、黃、藍(lán)三種顏色是最極端的色彩，它們之間對(duì)比,哪一種顏色也無(wú)法影響對(duì)方?！　『芏嗯笥讯家詾樯蕦?duì)比主要是紅綠、橙藍(lán)、黃紫色的對(duì)比，實(shí)際色彩對(duì)比范疇不局限于這些。是指各種色彩的界面構(gòu)成中的面積、形狀、位置以及色相、明度、純度之間的差別，使網(wǎng)頁(yè)色彩配合增添了許多變化、頁(yè)面更加豐富多彩。　 色彩的對(duì)比規(guī)律大致有以下幾點(diǎn)：■ 色相對(duì)比　　是指因色相之間的差別形成的對(duì)比。當(dāng)主色相確定后，必須考慮其他色彩與主色相是什么關(guān)系，要表現(xiàn)什么內(nèi)容及效果等，這樣才能增強(qiáng)其表現(xiàn)力。不同色相對(duì)比取得的效果有所不同，兩色越接近，對(duì)比效果越柔和。越接近補(bǔ)色，對(duì)比效果越強(qiáng)烈。 色相對(duì)比分析：　　主要以綠色與藍(lán)色之間的色相對(duì)比。HSB嫩綠色S純度高B亮度也很高，因此艷麗的顏色作為背景與前景純度稍低的墨綠和轱藍(lán)色形成色相之間的對(duì)比。前景的墨綠雖然純度達(dá)到最高值100％，比主色調(diào)高不少，但是因?yàn)榱炼鹊停虼松曙@示沒(méi)有主色調(diào)明艷。結(jié)論：　　頁(yè)面色相的對(duì)比，主要作用于前景與背景的對(duì)比、局部與整體的對(duì)比?！?明度對(duì)比　　明度對(duì)比可分為:彩色差的明度對(duì)比及非彩色差的明度對(duì)比 　　　是指色彩之間明暗程度的差別而形成的對(duì)比。是頁(yè)面形成恰當(dāng)?shù)暮凇?、灰效果的主要手段。明度?duì)比在視覺(jué)上對(duì)色彩層次和空間關(guān)系影響較大。例如檸檬黃明度高，藍(lán)紫色的明度低，橙色和綠色屬中明度，紅色與藍(lán)色屬中低明度。 　　明度對(duì)比分析：（非彩色差）　　嚴(yán)格來(lái)說(shuō)，頁(yè)面是黑白灰色非色彩構(gòu)成，圖片中人物衣服為灰色，相對(duì)單純的黑白對(duì)比柔和舒適于視覺(jué)。能使頁(yè)面顯得更單純、統(tǒng)一，形成另一道獨(dú)特的風(fēng)景?！?純度對(duì)比　　是指不同色彩之間純度的差別而形成的對(duì)比。色彩純度可大致分為高純度、中純度、低純度三種。未經(jīng)調(diào)和過(guò)的原色純度是最高的，而間色多屬中純度的色彩，復(fù)色其本身純度偏低屬低純度的色彩范圍。純度的對(duì)比會(huì)使色彩的效果更明確肯定。 純度對(duì)比分析：　　頁(yè)面看起來(lái)異常艷麗刺激然而又非常的協(xié)調(diào)。主要選取了幾種較有代表性的顏色?！　∫陨仙食朔奂t色，其他幾組顏色都是高飽和度高亮度的顏色，充分發(fā)揮出了色彩的艷麗。包括粉紅色在內(nèi)的幾種灰色階，在中間起到了和諧作用。白色拉開(kāi)相近色階的空間，明快頁(yè)面。結(jié)論：　　頁(yè)面實(shí)際上用了不少顏色，配色大膽。抓住顏色主次冷暖的安排，適度再加上和諧的過(guò)渡色灰色，實(shí)現(xiàn)了作者對(duì)該頁(yè)面的輕松配色?！　　?補(bǔ)色對(duì)比　　將紅與綠、黃與紫、藍(lán)與橙等具有補(bǔ)色關(guān)系的色彩彼此并置，使色彩感覺(jué)更為鮮明，純度增加，稱為補(bǔ)色對(duì)比。 補(bǔ)色對(duì)比分析：　　冷色系綠色、藍(lán)色組成背景純度較低。前景主要是突出產(chǎn)品、文字信息內(nèi)容的，與紅色形成補(bǔ)色對(duì)比，RGB的R255與HSB是H0，標(biāo)準(zhǔn)的紅色。純度亮度達(dá)到最高值，加之白色的勾邊，使得紅色更為凸顯，更易于視覺(jué)對(duì)信息的迅速捕捉?！〗Y(jié)論：　對(duì)比色的合理搭配，能拉開(kāi)前景與背景的空間感，突出頁(yè)面主體?！?冷暖對(duì)比　　是指不同色彩之間的冷暖差別形成的對(duì)比。色彩分為冷、暖兩大色系，以紅、橙、黃為暖色系，藍(lán)、綠、紫代表著冷色系，兩者基本上互為補(bǔ)色關(guān)系。另外，色彩的冷暖對(duì)比還受明度與純度的影響，白光反射高而感覺(jué)冷，黑色吸收率高而感覺(jué)暖。 　冷暖對(duì)比分析：　　乍一看顏色感覺(jué)鮮艷程度都差不多，但飽和度數(shù)值有相差，明度相近，因此給人造成的視覺(jué)感受幾乎是相同的。頁(yè)面冷暖色較為豐富，橙和藍(lán)是對(duì)比最強(qiáng)烈的補(bǔ)色，其次是傾向不夠明顯的補(bǔ)色黃、紫。明度不同的兩個(gè)綠色起到了冷暖視覺(jué)的過(guò)渡作用。主色調(diào)的淺藍(lán)色亮度較高，讓頁(yè)面不易給人沉悶的感覺(jué)。結(jié)論：　　冷暖對(duì)比的應(yīng)用，通常在休閑娛樂(lè)網(wǎng)站、食品網(wǎng)站出現(xiàn)比較多。　　將這兩個(gè)色系的色彩安排在同一畫(huà)面時(shí)，其對(duì)比效果極為強(qiáng)烈。通常初學(xué)者較容易使兩色相互排斥，導(dǎo)致畫(huà)面色調(diào)不諧調(diào)。一般我們采用兩種調(diào)和的方法。 　　純度調(diào)整　　降低冷暖兩色純度。用明度黑、白、灰變化來(lái)調(diào)整畫(huà)面的層次、直接使用黑、白、灰色系進(jìn)入畫(huà)面搭配，或者加入補(bǔ)色的協(xié)調(diào)，也都能很好的起到協(xié)調(diào)的效果?！　　〖兌日{(diào)整分析：　　主色調(diào)的橙色，添入了少許黑色做漸變背景色，降低了純度。輔助色藍(lán)色是橙色的補(bǔ)色，使得整個(gè)頁(yè)面過(guò)多的暖色降低協(xié)調(diào)整體，及背景色棕色提暗降低純度。左上角的黃色則通過(guò)提高了亮度來(lái)降低純度。一個(gè)頁(yè)面里應(yīng)有少量純度較高的顏色而不至于使整個(gè)頁(yè)面過(guò)于壓抑，純度亮度很高的點(diǎn)睛色紅色就起到了這個(gè)作用。結(jié)論：　　純度的調(diào)整主要是通過(guò)明度黑、白、灰變化來(lái)調(diào)整畫(huà)面的層次，適當(dāng)?shù)募尤胙a(bǔ)色也是其中的一個(gè)辦法。面積調(diào)整　　主次的面積區(qū)分。根據(jù)設(shè)計(jì)主題的需要，在畫(huà)面的面積上以一方為主色，于是就掌控畫(huà)面的色調(diào)作用，其他的顏色在使用面積上拉開(kāi)距離，使畫(huà)面的主次關(guān)系更突出，在統(tǒng)一的同時(shí)富有變化?！　? 面積調(diào)整分析：　　大面積使用的主色調(diào)橙色飽和度亮度高，適當(dāng)白色加入?yún)f(xié)調(diào)、平衡了視覺(jué)的作用外，主體的深紅紋樣的圖片點(diǎn)綴著純度、亮度較高的紅色有醒目作用，縮小面積卻又能突出視覺(jué)中心點(diǎn)，疏密構(gòu)圖的對(duì)比效果。結(jié)論：　　大面積的顏色和小面積使用的顏色可以拉開(kāi)主次關(guān)系，位置的正確安排也是一個(gè)方面?！?面積對(duì)比　　同一種色彩，面積越大，明度、純度越強(qiáng)，面積越小，明度、純度越低。面積大的時(shí)候，亮的色顯得更輕，暗的色顯得更重。稱為色彩的面積效果。面積對(duì)比是指頁(yè)面各種色彩在面積上多與少、大與小的差別，影響到頁(yè)面主次關(guān)系。 　　面積的對(duì)比,可以是中高低明度差的面積變化及中高低純度差的面積變化?！? 網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用——色彩的調(diào)和　　為使網(wǎng)頁(yè)的整體畫(huà)面呈現(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)感?！　　　⊥N色的調(diào)和分析：　同種色給人的感覺(jué)是相當(dāng)協(xié)調(diào)的。它們通常在同一個(gè)色相里，通過(guò)明度的黑白灰或者純度的不同加以區(qū)別的，產(chǎn)生及其微妙的韻律美。為了不讓頁(yè)面呈現(xiàn)過(guò)于單調(diào)平淡，加入極其小的其他顏色做點(diǎn)綴。頁(yè)面使用同種色的黃色系，淡黃、檸檬黃、中黃、通過(guò)明度、純度的微妙變化產(chǎn)生緩和的節(jié)奏美感。結(jié)論：同種色被稱為最穩(wěn)妥的色彩搭配方法?！?類似色的調(diào)和　在色環(huán)中,色相越靠近越調(diào)和。主要靠類似色之間的共同色來(lái)產(chǎn)生作用。類似色的調(diào)和分析：　 類似色相較于同類色色彩之間的可搭配度要大些，顏色豐富、富于變化?！　№?yè)面取的是色環(huán)中的黃色、綠色、藍(lán)色通過(guò)明度、純度、面積上的不同實(shí)現(xiàn)變化和統(tǒng)一的。雖然主色調(diào)米黃色在頁(yè)面中使用面積最大，但是由于它的明度非常高，飽和度就降低了，在頁(yè)面中處在不明顯的角色。綠色的純度最高，使用面積次之，頁(yè)面顯示較顯眼，用于次級(jí)導(dǎo)航位置上。主次的視覺(jué)引導(dǎo)分明。結(jié)論：　　不是每種主色調(diào)都是極其顯眼的位置，通常多扮演著用于突出主體的輔助性配角。而重要角色往往在頁(yè)面中用的份量極少，卻又起到突出主體的作用?！?對(duì)比色的調(diào)和　 調(diào)和方法有：　　提高或降低對(duì)比色的純度；　　在對(duì)比色之間插入分割色（金、銀、黑、白、灰等）；　　采用雙方面積大小不同的處理方法；　　對(duì)比色之間加入相近的類似色。　　 　　對(duì)比色的調(diào)和分析：　　可以說(shuō)黃色和紫色的對(duì)比色做頁(yè)面的主要色調(diào)。黃色紫色組合在網(wǎng)頁(yè)中使用率較低，這組顏色適用范圍相對(duì)其他兩組對(duì)比色要小很多，配色難度也較兩組大?！　↑S色加入紅色呈中黃色，紫色加入紅色偏玫瑰色，所以這組顏色不是嚴(yán)格意義上的對(duì)比色，因此使這組顏色看起來(lái)協(xié)調(diào)、舒服。頁(yè)面調(diào)低亮度降低了純度，緩和視覺(jué)刺激。白色是對(duì)比色里加入的協(xié)調(diào)色。結(jié)論：　　不是對(duì)比色為主色調(diào)的頁(yè)面就一定會(huì)有不舒服的感覺(jué)的，主要通過(guò)調(diào)低亮度、降低飽和度、加入少許白色來(lái)調(diào)和?！?漸變色的調(diào)和漸變色實(shí)際是一種調(diào)和方法的運(yùn)用。是顏色按層次逐漸變化的現(xiàn)象。色彩漸變就像兩種顏色間的混色，可以有規(guī)律地在多種顏色中進(jìn)行。暗色和亮色之間的漸變會(huì)產(chǎn)生遠(yuǎn)近感和三維的視覺(jué)效果。 漸變色的調(diào)和分析：　　頁(yè)面背景使用漸變的效果，增加了視覺(jué)空間感。在導(dǎo)航欄、廣告區(qū)域、產(chǎn)品技術(shù)的大標(biāo)題塊，都使用漸變來(lái)表達(dá)，產(chǎn)生三維的視覺(jué)效果，統(tǒng)一整個(gè)頁(yè)面的設(shè)計(jì)語(yǔ)言.結(jié)論：　　漸變能夠柔和視覺(jué)，增強(qiáng)空間感，體現(xiàn)節(jié)奏和韻律美感，統(tǒng)一整個(gè)頁(yè)面的目的。　　除了統(tǒng)一當(dāng)然也可以起到變化頁(yè)面視覺(jué)形式的作用。 本部分小結(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)和?！　　?不是一種色彩面積用得越多或者越少、純度、明度越高就是能突出主體的主角色，主要是根據(jù)色彩相互之間的搭配關(guān)系來(lái)體現(xiàn)的?！　　?一個(gè)頁(yè)面中單純絕對(duì)的使用某種顏色或是使用絕對(duì)非常多種顏色搭配，容易產(chǎn)生個(gè)性效果，那叫玩色彩了，限于色彩運(yùn)用得非常熟練的朋友，但不推薦初學(xué)者使用。網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析——紅色系紅色色感溫暖，性格剛烈而外向，是一種對(duì)人刺激性很強(qiáng)的顏色。紅色容易引起人的注意，也容易使人興奮、激動(dòng)、緊張、沖動(dòng)、還是一種容易造成人視覺(jué)疲勞的顏色。在眾多顏色里，紅色是最鮮明生動(dòng)的、最熱烈的顏色。因此紅色是代表熱情的情感之色。鮮明紅色極容易吸引人們的目光。紅色在不同的明度、純度的狀態(tài)（粉紅、鮮紅、深紅）里，給人表達(dá)的情感是不一樣的。在網(wǎng)頁(yè)顏色的應(yīng)用機(jī)率中，根據(jù)網(wǎng)頁(yè)主題內(nèi)容的需求，純粹使用紅色為主色調(diào)的網(wǎng)站相對(duì)較少，多用于輔助色、點(diǎn)睛色，達(dá)到陪襯、醒目的效果。通常都配以其他顏色調(diào)和。紅色相對(duì)于其他顏色，視覺(jué)傳遞速度最快，因此人們喜歡用紅色作為警示符號(hào)的顏色，例如：消防、驚嘆號(hào)、錯(cuò)誤提示等等。為了讓大家對(duì)紅色的理解做更好的區(qū)別，下面分別對(duì)紅色系與鄰近色、同類色、對(duì)比色的搭配做不同的舉例分析。 　朱紅色 　 朱紅色在紅色系里傾向黃色方向，是大紅色加入黃色而得。在色環(huán)表中，純紅色H為0，360方向是冷紅色系，60方向黃色系。整個(gè)頁(yè)面里，主色調(diào)朱紅色面積非常大，輔助色主要由黑色、深紅構(gòu)成。主色調(diào)R255最高，S100%，充分表明紅色最高特性。輔助色深紅R222，B87%，其充當(dāng)輔助角色。結(jié)論：　背景色朱紅由于紅色特性明顯，飽和度、明度都非常的高，這里運(yùn)用輔助色深紅、黑色壓住并牽制朱紅色搶眼的個(gè)性，也同樣能達(dá)到突出前景主要圖片內(nèi)容的目的。點(diǎn)睛色主要用于標(biāo)志的突出上，其他導(dǎo)航文字、圖片的部分運(yùn)用等，調(diào)和并達(dá)到了不至于使得整個(gè)頁(yè)面刺激中又透出的沉悶感。 　這類顏色的組合容易使人提升興奮度，紅色特性明顯，被廣泛的應(yīng)用于食品、時(shí)尚休閑等類型的網(wǎng)站。深紅色 　　深紅色在原有紅色基礎(chǔ)上降低明度，通過(guò)上圖的數(shù)值看出明度較低?！　‰S著明度的變暗，容易制造深邃、幽怨的故事氣氛。傳達(dá)的是穩(wěn)重、成熟、高貴、消極的心理感受?！　№?yè)面背景色運(yùn)用紋樣，是以目前選取的