網(wǎng)站色彩搭配(hj.07.18)

彩色搭配網(wǎng)站黃俊2014.07.23色彩基本知識(shí)三原色三原色是能夠按照一些數(shù)量規(guī)定合成其它任何一種顏色的基色。所有顏色都是由三原色按照不同的比例混合而來(lái)。色彩的三原色為紅、黃、藍(lán)，而色光的三原色為紅、綠、藍(lán)。色彩的分類(lèi)色彩的構(gòu)成元素色相指顏色的屬性，是紅色、綠色還是藍(lán)色。同一張圖片不同色相純度（彩度、飽和度）

色彩的純凈程度，鮮艷程度，表示顏色中含有色部份的比例。也指在同等明度的條件下，顏色從灰色到純色的變化。同一張圖片，飽和度分別為-100、0、+100時(shí)的狀態(tài)明度

指顏色明暗深淺表現(xiàn)，從黑到白中間增加9個(gè)均勻過(guò)渡的灰度階段，被稱(chēng)為明度，也叫明度尺。黃色明度最高，藍(lán)紫色最低，紅色為中間明度。同一張圖片，明度分別為-50、0、+50時(shí)的狀態(tài)色調(diào)色相、明度、飽和度結(jié)合到一起,分有彩色、無(wú)彩色

純色+白色淺色調(diào)粉彩色調(diào)純色+灰色濁色調(diào)淺灰色調(diào)純色+黑色深色調(diào)暗色調(diào)色相環(huán)（色環(huán)）色相環(huán)，是以三原色為基礎(chǔ)并把它做為主要色相，再兩兩混合成次要色相，兩種次要色相混合，衍生而成。從本質(zhì)上講，色環(huán)就是色譜可以看到的顏色所形成的線性連續(xù)環(huán)。（dian靛）光譜12色相環(huán)24色相環(huán)網(wǎng)頁(yè)色彩搭配用一種色彩（同系色）。這里是指先選定一種色彩，然后調(diào)整透明度或者飽合度（將色彩加深或減淡），產(chǎn)生新的色彩。用于網(wǎng)頁(yè)。這樣的頁(yè)面看起來(lái)色彩統(tǒng)一，有層次感。同系色色彩搭配技巧用對(duì)比色。對(duì)比色也叫補(bǔ)充色，可以突出重點(diǎn)，產(chǎn)生強(qiáng)烈的視覺(jué)效果，通過(guò)合理使用對(duì)比色能夠使網(wǎng)站特色鮮明、重點(diǎn)突出。在設(shè)計(jì)時(shí)一般以一種顏色為主色調(diào)，對(duì)比色作為點(diǎn)綴，可以起到畫(huà)龍點(diǎn)睛的作用。藍(lán)色和黃色在色環(huán)中直接相對(duì)，是對(duì)比色用分離補(bǔ)色。分離補(bǔ)色可由2~3種顏色組成。在色環(huán)上選擇一種顏色，它的補(bǔ)色就在色環(huán)的與其相對(duì)的位置。補(bǔ)色旁邊一種或多種顏色，就是其分離補(bǔ)色。分離補(bǔ)色的搭配可起到類(lèi)似補(bǔ)充色的強(qiáng)烈對(duì)比作用，但有近似色的緩沖，可以使頁(yè)面效果更加柔和。分離補(bǔ)色使用分離補(bǔ)色的網(wǎng)站，色彩鮮明，又不過(guò)于突出用近似色（鄰近色）。如果從橙色開(kāi)始，它的兩種近似色應(yīng)該選擇紅和黃。如下左圖所示，為近似色在色環(huán)上的位置。用近似色的顏色主題可實(shí)現(xiàn)色彩的融洽與融合。如下右圖所示，列出幾種近似色的搭配方案。近似色使用了近似色的配色方案藍(lán)色系的搭配，給人以清涼、專(zhuān)業(yè)的感覺(jué)用黑色配一種色彩。黑色給人一種深沉的感覺(jué)，比較安全，可與任何顏色搭配。黑色一般用來(lái)作背景色，與其它純度色彩搭配使用。對(duì)一些明度較高的網(wǎng)站，配以黑色，可以適當(dāng)?shù)亟档兔鞫?。用灰色配一種色彩?；疑侨f(wàn)能色，可以跟任意一種色彩搭配?；疑珎鬟_(dá)了一種中庸的氛圍，比較收斂，比較低調(diào)。而且使用灰色作為背景色，可以緩沖兩種顏色的矛盾（如左下圖）。用灰色與飽和度極低的暖色搭配，顯得有一種溫柔、透明的感覺(jué)。（如右下圖）用一個(gè)色系。簡(jiǎn)單的來(lái)說(shuō)就是一個(gè)感覺(jué)的色彩，例如淡藍(lán)，淡黃，淡綠，或者土黃，土灰，土藍(lán)。網(wǎng)頁(yè)色彩搭配原理色彩的鮮明性。網(wǎng)頁(yè)的色彩要鮮艷，容易引人注目色彩的獨(dú)特性。要有與眾不同的色彩，使得大家對(duì)你的印象強(qiáng)烈色彩的合適性。就是說(shuō)色彩和你表達(dá)的內(nèi)容氣氛相適合。如用粉色體現(xiàn)女性站點(diǎn)的柔性。色彩的聯(lián)想性。不同色彩會(huì)產(chǎn)生不同的聯(lián)想。藍(lán)色想到天空，黑色想到黑夜，紅色想到喜事等，選擇色彩要和你網(wǎng)頁(yè)的內(nèi)涵相關(guān)聯(lián)。色彩使用注意事項(xiàng)網(wǎng)站必須有一種或兩種主題色，不至于讓客戶(hù)迷失方向，也不至于單調(diào)、乏味。不要將所有顏色都用到，盡量控制在三種色彩以?xún)?nèi)，通過(guò)調(diào)整色彩的各種屬性來(lái)產(chǎn)生變化。背景和前文對(duì)比盡量要大，絕對(duì)不要用花紋繁復(fù)的圖案作背景，以便突出主要文字內(nèi)容。根據(jù)文化背景適當(dāng)?shù)倪x擇顏色，如黃色在信仰基督教的國(guó)家是下等色。鮮艷的色調(diào)

所謂鮮艷的色調(diào)，即不與黑、白、灰進(jìn)行混合的，只有純色的色調(diào)。這種色調(diào)會(huì)給人以強(qiáng)有力的、生機(jī)勃勃的感覺(jué)。配色的選擇-色調(diào)的選擇大片的黃色進(jìn)行搭配，給人熱情洋溢的感覺(jué)。深色調(diào)

將鮮艷的色調(diào)稍微加一點(diǎn)黑色，便成了深色調(diào)。深色調(diào)傳達(dá)了有力、強(qiáng)烈的男性形象。紅色中混合了黑色，給人更加沉穩(wěn)的感覺(jué)亮色調(diào)

將鮮艷的色調(diào)稍微加一點(diǎn)白色，便成了亮色調(diào)。與鮮艷色調(diào)相比，亮色調(diào)略顯得溫柔一點(diǎn)，是大多數(shù)人的喜愛(ài)。淡色調(diào)

將亮色調(diào)再加一點(diǎn)白色，便成了淡色調(diào)。淡淡的顏色給人清新的感覺(jué)，令人聯(lián)想到嬰兒的肌膚，給人以最溫柔的感覺(jué)，遠(yuǎn)離商業(yè)的形象。不少個(gè)人網(wǎng)站采用淡色調(diào)渾濁色調(diào)

將淡色調(diào)稍微加一點(diǎn)灰，便成了渾濁色調(diào)，產(chǎn)生了明亮但不會(huì)過(guò)于鮮艷的感覺(jué)，塑造了穩(wěn)定的都市形象。由于給淡色調(diào)中混合了灰色，給人以更加穩(wěn)定的觀感中間色調(diào)

給亮色調(diào)加一點(diǎn)黑，就構(gòu)成了中間色調(diào)，可以給人最沉穩(wěn)的成人印象。暗色調(diào)

將亮色調(diào)稍微加一點(diǎn)灰色，就構(gòu)成了暗色調(diào)，給人的感覺(jué)不僅僅是鮮艷色調(diào)、亮色調(diào)和淡色調(diào)的那種單純而明快的氣氛，更表達(dá)了一種沉穩(wěn)而安靜的、素雅的氣氛。

根據(jù)不同顏色在色環(huán)上的位置關(guān)系，便可進(jìn)行配色的變化。通常在制作商業(yè)網(wǎng)站的時(shí)候，選用色彩都希望傳達(dá)一種穩(wěn)重、安定的印象。在這種情況下，多數(shù)采用同系色或同類(lèi)色。如左下圖為色環(huán)上的同類(lèi)色。配色的選擇-色相的選擇雖然整個(gè)網(wǎng)站使用的都是冷色調(diào)，但由于控制住了顏色的混合及明度對(duì)比，所以并沒(méi)有給人過(guò)于冷淡的感覺(jué)。色環(huán)上的同類(lèi)色

當(dāng)使用一種單色，然后增加或降低亮度時(shí)，產(chǎn)生的不同顏色就是同系色。綠色雖然象征著快樂(lè)與希望，但由于整個(gè)網(wǎng)站采用了同系色，因此在快樂(lè)中也傳達(dá)出沉穩(wěn)的印象。同系色暖色

暖色由紅色調(diào)組成。比如紅色、橙色和黃色。它們給選擇的顏色賦予溫暖、舒適和活力，也產(chǎn)生了一種色彩向?yàn)g覽者顯示或移動(dòng)，并從頁(yè)面中突出出來(lái)的可視化效果。暖色系這是一家沙發(fā)、座椅公司。該公司網(wǎng)站選擇了溫馨的暖色，給客戶(hù)一種深切的溫暖，給人一種家的感覺(jué)。這樣的顏色搭配，是一種以人為本的搭配方式。冷色

冷色來(lái)自于藍(lán)色色調(diào)。比如藍(lán)色、青色和綠色。這些顏色將對(duì)色彩主題起到冷靜的作用，因此用它們作頁(yè)面的背景比較好。如果公司希望給客戶(hù)一種沉穩(wěn)、專(zhuān)業(yè)的印象，那么可選擇冷色系作為網(wǎng)站的主要顏色。冷色系這是一家航空公司的網(wǎng)站。藍(lán)色和偏向綠色的顏色搭配，傳遞了一種非常鎮(zhèn)定、專(zhuān)業(yè)的感覺(jué)。主色主色是配色上的主角，其配色要比其他配角明顯、清楚、強(qiáng)烈，使得瀏覽者一看就知道是主角，從而使視線固定下來(lái)，達(dá)到傳達(dá)中心思想的作用。增大主色與配角色的差異程度，可達(dá)到突出主色的作用。色彩的4種功能角色主色較弱主色突出支配色支配色亦叫背景色。舞臺(tái)的中心是主角，但決定整體印象的卻是背景。背景色素雅則整體素雅。商業(yè)網(wǎng)站不適合用圖案作為背景，因?yàn)閳D案背景會(huì)沖淡商業(yè)性的印象。雖然頁(yè)面主要元素的色調(diào)偏灰，但由于采用了綠色作為背景色，整個(gè)頁(yè)面依然給人生機(jī)勃勃的感覺(jué)。融合色

融合色即是能夠融在一起的顏色。例如在畫(huà)面的不同部位涂上相同的顏色，通過(guò)顏色的反復(fù)效果使同樣的顏色產(chǎn)生共鳴，從而讓畫(huà)面更有立體感。中間對(duì)著左邊，上邊對(duì)著下邊，這樣把分開(kāi)的部分涂上共同的顏色，像回音一樣相互呼應(yīng)，畫(huà)面的整體就融合在了一起。融合色在畫(huà)面上的距離越遠(yuǎn)，產(chǎn)生共鳴的效果就越強(qiáng)。如果頁(yè)面希望呈現(xiàn)出較有動(dòng)感的效果，要盡量使用使人印象深刻的融合色，融合色越鮮艷，越能表現(xiàn)出活躍的動(dòng)感。上下呼應(yīng)左上呼應(yīng)環(huán)繞呼應(yīng)強(qiáng)調(diào)色

如果在選用頁(yè)面配色的時(shí)候，畫(huà)面的整體采用了壓抑的顏色，然后在一小塊面積上使用強(qiáng)烈的顏色，就能夠起到著重強(qiáng)調(diào)的作用，這就是強(qiáng)調(diào)色的作用。整體色調(diào)越壓抑，強(qiáng)調(diào)色越有效果。強(qiáng)調(diào)色面積越小，顏色越鮮艷，著重的效果越強(qiáng)。因?yàn)槊娣e小，所以無(wú)論使用多強(qiáng)烈的顏色，畫(huà)面依然能保持清爽的風(fēng)格，而且整體印象也不會(huì)受到影響。強(qiáng)調(diào)色的效果去掉強(qiáng)調(diào)色便失去了重點(diǎn)紅色紅色給人以熱情、活力的感覺(jué)。在很多使用紅色的網(wǎng)站中，紅色都是強(qiáng)調(diào)色，因?yàn)榧t色比較鮮明，極易吸引人的眼球。如何使用色彩給網(wǎng)站定位鮮艷的色彩，個(gè)性鮮明、富有活力紅色的色調(diào)較暗，反而給人冷靜沉重的感覺(jué)，凝造出了古典的氛圍橙色橙色給人以時(shí)尚、輕快的感覺(jué)，常常用于某些時(shí)尚新潮的網(wǎng)站中，例如時(shí)裝網(wǎng)站、化妝品、電子制品等。在商業(yè)網(wǎng)站的制作中，橙色也是常用的。通過(guò)色調(diào)的變換，橙色既能表現(xiàn)出青春的活力，也能表現(xiàn)出沉穩(wěn)老練的效果。橙藍(lán)搭配，非常有視覺(jué)沖擊力，灰色背景可緩和兩種顏色的矛盾，使頁(yè)面成熟而沉穩(wěn)。不同色調(diào)的橙色作為網(wǎng)站的主色，搭配灰色的背景，顯得既鮮麗又沉穩(wěn)。黃色黃色給人明亮的感覺(jué)，也是在站點(diǎn)配色中使用較多的一種顏色。因?yàn)辄S色能營(yíng)造出愉快的氛圍，能得到大部分人的認(rèn)可，因此小到兒童站點(diǎn)，大到商業(yè)網(wǎng)站，黃色幾乎可在每個(gè)角落中找到自己的發(fā)揮空間。黃色與咖啡色搭配，顯得非常中性、非常溫和。黃色與黑色、白色的搭配，給人非常明亮的感覺(jué)，卻又不失寧?kù)o與沉穩(wěn)。綠色綠色因?yàn)槭侵参锏念伾?，總能給人寧?kù)o、希望的感覺(jué)。綠色還可以表現(xiàn)出自然的感覺(jué)。淺綠、黃綠等綠色既有綠色的特點(diǎn)，又能表現(xiàn)出黃色的溫暖，因此用在站點(diǎn)中常能得到青年人和兒童的喜愛(ài)?；疑髦魃{(diào)，中間用較亮的綠色點(diǎn)綴，