色相 & 色調(diào)(Hue & Tone)體系的最初來源是根據(jù)人的語言對顏色的描述:對偏白的顏色人們通常會使用“淺”、“柔”等形容詞來描繪,而對作為三原色的紅色(Red)、黃色 (Yellow)、藍(lán)色(Blue)等顏色人們自然會聯(lián)想到“鮮明”、“強(qiáng)烈”等形容詞。而色調(diào)(Tone——結(jié)合明度和純度的概念)就是人們對可以利用 同一形容詞描述的顏色進(jìn)行的匯總。
色相 & 色調(diào)(Hue & Tone)體系是結(jié)合顏色的三種屬性并根據(jù)人類心理的角度對顏色進(jìn)行分類的科學(xué)的體系,它在很大程度上方便了用戶對顏色的分類和使用。
下面的圖像是10色相環(huán)與色調(diào)(Tone)表,其中色調(diào)(Tone)表示以紅色(Red)為基準(zhǔn)的。
10色相環(huán) |
|
在色相 & 色調(diào)(Hue & Tone)體系中,10種色相分別是指:
紅色(Red)、橙色(Yellow Red)、黃色(Yellow)、黃綠色(Green Yellow)、綠色(Green)、青綠色(Blue Green)、藍(lán)色(Blue)、藍(lán)紫色(Purple Blue)、紫色(Purple)、紫紅色(Red Purple)。
色調(diào)表 |
|
在色相 & 色調(diào)(Hue & Tone)體系中,11中色調(diào)分別是指:
鮮明(Vivid)、高亮(Strong)、明亮(Bright)、清澈(Pale)、蒼白(Very Pale)、灰亮(Light Grayish)、隱約(Light)、淺灰(Grayish)、陰暗(Dull)、深暗(Deep)、黑暗(Dark)。
其中“鮮明”和“高亮”色調(diào)的彩度很高,所以會給人一種華麗而又強(qiáng)烈的感覺;“清澈”和“隱約”的亮度和彩度都比較 高,所以會給人一種柔和的感覺;“灰亮”和“淺灰”以及“陰暗”會給人一種樸素而又冷靜的感覺;“深暗”和“黑暗”的亮度很低,所以會給人一種深沉而又凝 重的感覺。
在色調(diào)表中,從下到上亮度依次增加,而從左到右彩度依次增加,所以在色調(diào)表中越靠上的顏色越亮,越靠右的顏色就越鮮明。
色相 & 色調(diào)(Hue & Tone)116色體系就是將前面所介紹的色相環(huán)與色調(diào)表結(jié)合在一起的產(chǎn)物,它是由110種彩色顏色(色相10各等級 X 色調(diào)11個等級 = 110種顏色)和6種非彩色顏色所構(gòu)成的。
|
R |
YR |
Y |
GY |
G |
BG |
B |
PB |
P |
RP |
V |
|
|
|
|
|
|
|
|
|
|
S |
|
|
|
|
|
|
|
|
|
|
B |
|
|
|
|
|
|
|
|
|
|
P |
|
|
|
|
|
|
|
|
|
|
VP |
|
|
|
|
|
|
|
|
|
|
LGr |
|
|
|
|
|
|
|
|
|
|
L |
|
|
|
|
|
|
|
|
|
|
Gr |
|
|
|
|
|
|
|
|
|
|
Dl |
|
|
|
|
|
|
|
|
|
|
Dp |
|
|
|
|
|
|
|
|
|
|
Dk |
|
|
|
|
|
|
|
|
|
|
Neutral
N9.5 |
N9 |
N8 |
N7 |
N6 |
N5 |
N4 |
N3 |
N2 |
N1 |
|
|
|
|
|
|
|
|
|
|
分析顏色
每一種顏色給我們的感覺都會有所不同,但是要具體說明有何不同卻又是一件困難的事情。如果有一個能夠合理客觀地分析出這種感覺差異的標(biāo)準(zhǔn),那么就可以利用它說明這種感覺上的差異了。
我們不再用如“強(qiáng)烈”、“柔和”等形容詞表達(dá)對顏色的感受,而是對顏色進(jìn)行打分,打分時(shí)則利用如下所述的標(biāo)準(zhǔn):
|
動態(tài) 靜態(tài)
非常 有些 一點(diǎn) 沒有 一點(diǎn) 有些 非常
■────╂───╂───╂───╂───╂───┨
-3 ?。病 。薄 。啊 。薄 。病 。?br />
生硬 柔和
非常 有些 一點(diǎn) 沒有 一點(diǎn) 有些 非常
┠────╂───╂───╂───■───╂───┨
-3 ?。病 。薄 。啊 。薄 。病 。?/td>
|
|
|
|
動態(tài) 靜態(tài)
非?! ∮行 ∫稽c(diǎn) 沒有 一點(diǎn) 有些 非常
■────╂───╂───╂───╂───╂───┨
-3 ?。病 。薄 。啊 。薄 。病 。?br />
生硬 柔和
非常 有些 一點(diǎn) 沒有 一點(diǎn) 有些 非常
┠────╂───╂───╂───╂───╂───■
-3 -2 ?。薄 。啊 。薄 。病 。?/td>
|
|
|
|
動態(tài) 靜態(tài)
非?! ∮行 ∫稽c(diǎn) 沒有 一點(diǎn) 有些 非常
┠────╂───╂───╂───╂───■───┨
-3 ?。病 。薄 。啊 。薄 。病 。?br />
生硬 柔和
非?! ∮行 ∫稽c(diǎn) 沒有 一點(diǎn) 有些 非常
■────╂───╂───╂───╂───╂───┨
-3 ?。病 。薄 。啊 。薄 。病 。?/td>
|
|
|
|
動態(tài) 靜態(tài)
非常 有些 一點(diǎn) 沒有 一點(diǎn) 有些 非常
┠────╂───╂───■───╂───╂───┨
-3 ?。病 。薄 。啊 。薄 。病 。?br />
生硬 柔和
非常 有些 一點(diǎn) 沒有 一點(diǎn) 有些 非常
┠────╂───╂───╂───╂───■───┨
-3 ?。病 。薄 。啊 。薄 。病 。?/td>
|
|
|
在打好分之后,將得到的“動態(tài)(Dynamic)——靜態(tài)(Static)”值作為橫坐標(biāo)分值、“生硬(Hard)——柔和(Soft)”值作為縱坐標(biāo)分值,在XY二維坐標(biāo)系中找出相應(yīng)的點(diǎn)。
柔和
■--------------┯3
| │
?。 々?br />
| │
?。 々?br />
| ■2
?。 々?br />
?。 々?br />
| │
?。 々?br />
■--------------┿1
| │
?。 々?br />
| │
?。 々?br />
動態(tài)┠────╂────╂────╂────╂────╂────┨靜態(tài)
?。场 。病 。薄 。癌Α 。薄 。病 。?br />
│ ?。?br />
│ |
│ ?。?br />
┿ -1 ?。?br />
│ |
│ ?。?br />
│ ?。?br />
│ ?。?br />
┿?。病 。?br />
│ |
│ ?。?br />
│ |
│ ?。?br />
┷ -3------■
生硬 |
紅色會給人一種動態(tài)的感覺,藍(lán)色會給人一種靜態(tài)的生硬的感覺,黃色給人一種柔和的動態(tài)的感覺,而綠色雖然也是較柔和的感覺,但它不會給人動態(tài)的感覺也不會給人靜態(tài)的感覺。
這就是Color Image Space的基本概念。
單色印象空間
印象究竟是什么?
簡單地說,印象就是人們對某一個事物的感覺。所以為了分析人們對某一事務(wù)的印象,就必須事先了解人們的內(nèi)心世界,在需 要的時(shí)候,或許還需要研究人員與被測試人群進(jìn)行單獨(dú)的交流。此時(shí)的研究人員會盡可能地引導(dǎo)被測試人員通過語言表達(dá)自己的感覺,再通過對語言的推理的出具體 的印象。但這種方法需要耗費(fèi)較長的時(shí)間,而且很難得到具體可靠的數(shù)字資料。
為了更科學(xué)更廣泛地分析人們對物體的印象,人們通常使用SD方法(Semantic Differential Method)。前面我們進(jìn)行的測試(對顏色進(jìn)行打分)就屬于SD方法的范疇。
有人曾經(jīng)進(jìn)行過如下的測試:
精心篩選出能夠表達(dá)人們對顏色的感覺的多個形容詞,然后利用SD方法對不同工作、生活環(huán)境中的1000個人進(jìn)行了相關(guān) 的測試,用于測試的顏色是色相&色調(diào)(Tue & Tone)表中的116種不同的顏色。“單色印象空間”就是對這次測試的數(shù)據(jù)進(jìn)行科學(xué)整理后得到的結(jié)果。從結(jié)果可以獲知,人們對顏色進(jìn)行評價(jià)時(shí),最習(xí)慣使 用的4個形容詞是“柔和(Soft)”、“生硬(Hard)”、“動態(tài)(Dynamic)”、“靜態(tài)(Static)。
將這兩類印象的取值分別作為二維坐標(biāo)系上的橫縱坐標(biāo)值得到的點(diǎn)的集合就被稱為“單色印象空間”。
比起色相(Hue),人們對顏色的印象更大程度地取決于色調(diào)(Tone)。這主要表現(xiàn)為鮮明的色調(diào)通常給人柔和、動態(tài)的印象,陰暗的色調(diào)給人生硬的印象等等等等。
|
單色印象空間 |
我們在設(shè)計(jì)網(wǎng)站或者廣告的時(shí)候,絕對不會僅僅使用某一種顏色,通常都需要搭配使用多種顏色來獲得較好的配色效果。而為了對這種多種顏色的混合使用進(jìn)行評價(jià),就需要引入新的分析方法——配色印象空間。
為了得到“配色印象空間”的具體形狀,又利用SD方法進(jìn)行了相應(yīng)的測試。其中,“配色印象空間”的縱橫坐標(biāo)值同樣是柔和——生硬、動態(tài)-靜態(tài)。
調(diào)查結(jié)果發(fā)現(xiàn),在“配色印象空間”中:
-
給人靜態(tài)柔和感覺的,通常都是隱約柔和顏色之間的搭配;
-
給人動態(tài)柔和感覺的,通常都是鮮亮顏色間的搭配;
-
給人動態(tài)生硬感覺的,通常都是鮮亮和渾濁暗淡顏色之間的搭配;
-
給人靜態(tài)生硬感覺的,通常都是灰冷顏色之間的搭配。
在“配色印象空間”中,相距較遠(yuǎn)的顏色之間的印象會有較大的差異,而距離較近的顏色之間的印象會比較相近,也就是說顏色間的距離與印象的差異程度成正比關(guān)系。
配色印象空間 |
|
|
形容詞印象空間 |
|
利用Color Image Space分析顏色
假設(shè)打印出一個“配色印象空間”和一個“形容詞印象空間”形狀的膠片,此時(shí)位于相同位置上的顏色和形容詞可以說是具有 相同的意義,也就是說,位于“配色印象空間”A位置上的顏色完全可以用“形容詞印象空間”A位置上的形容詞來形容。通過這種方式比較顏色與形容詞,設(shè)計(jì)師 們就可以判斷出不同顏色給人感覺的不同,也就可以由此策劃出一套科學(xué)客觀的配色方案。
假設(shè)我們正在設(shè)計(jì)一個少兒主題的站點(diǎn)。
當(dāng)決定好站點(diǎn)的主題風(fēng)格為“可愛、快樂”之后,查找這些形容詞在“形容詞印象空間”中的位置,然后確認(rèn)在“配色印象空間”中同一位置上的顏色,站點(diǎn)的設(shè)計(jì)中就可以重點(diǎn)考慮使用這些顏色了。但并不是說只能使用這些顏色,而是應(yīng)該在以這些顏色為主流的同時(shí)適當(dāng)?shù)厥褂靡恍┢渌伾?。因?yàn)闆Q定好配色的主顏色后,就可以輕松地找到可以與主顏色進(jìn)行較好搭配的其他輔助顏色。
需要注意的是,在形容詞印象空間中,不應(yīng)該將一個形容詞理解為空間中的一個點(diǎn),而應(yīng)該將形容詞理解為以該點(diǎn)為中心向四 中擴(kuò)散的范圍。例如,“溫和的”形容詞所在位置中的顏色具有最強(qiáng)的“溫和的”感覺,而以該點(diǎn)為中心向四周“溫和的”感覺逐漸減弱。所以在利用形容詞印象空 間決定配色方案時(shí),應(yīng)該充分分析其周圍的相關(guān)形容詞。