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

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

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

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

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

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

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

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

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

將淡色調(diào)稍微加一點(diǎn)灰，便成了渾濁色調(diào)，產(chǎn)生了明亮但不會過于鮮艷的感覺，塑造了穩(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)，給人的感覺不僅僅是鮮艷色調(diào)、亮色調(diào)和淡色調(diào)的那種單純而明快的氣氛，更表達(dá)了一種沉穩(wěn)而安靜的、素雅的氣氛。

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

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

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

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

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

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