??每天十分鐘冲粤，系統(tǒng)學(xué)習(xí)設(shè)計(jì)，成為設(shè)計(jì)師页眯。終生學(xué)習(xí)梯捕，受益終生。這里是【知更常青藤】窝撵，歡迎你的到來(lái)傀顾，這是我和你一起學(xué)習(xí)設(shè)計(jì)的第五天。如果你不想丟失這個(gè)體系碌奉，可以關(guān)注我短曾，轉(zhuǎn)發(fā)本文寒砖。
文/萬(wàn)歲爺 校驗(yàn)/君 圖/萬(wàn)歲爺 知更常青藤原創(chuàng)出品，轉(zhuǎn)載請(qǐng)注明出處错英，版權(quán)所有入撒，侵權(quán)必究。
設(shè)計(jì)師的強(qiáng)大工具
??不久前我在給Jesse分享色彩課的時(shí)候椭岩，問過他一個(gè)問題：
??“Jesse茅逮，你認(rèn)為學(xué)習(xí)設(shè)計(jì)最完美的工具是什么？”
??一開始我以為他會(huì)說Adobe全家桶判哥。但是他給出了出人意料卻又情理之中的回答：“當(dāng)然是色相環(huán)啊献雅。”
??出人意料的是塌计，作為新手設(shè)計(jì)師挺身，他竟然擺脫了設(shè)計(jì)軟件的束縛，回到真正的設(shè)計(jì)理論上了锌仅。這一點(diǎn)他的設(shè)計(jì)導(dǎo)師Tom功不可沒章钾。
??為什么又在情理之中呢？正如Tom所言热芹，色彩是設(shè)計(jì)的基礎(chǔ)學(xué)科贱傀，而Jesse受到了Tom正確地指引，我認(rèn)為這是情理之中的伊脓。
??其實(shí)這是個(gè)很主觀的觀點(diǎn)府寒，不同的設(shè)計(jì)師一定會(huì)有不同的答案。但是报腔，對(duì)于新手設(shè)計(jì)師而言株搔，設(shè)計(jì)理論和設(shè)計(jì)思維工具是十分重要的，它是設(shè)計(jì)師創(chuàng)作的思想工具纯蛾，而色相環(huán)無(wú)疑是完美的纤房。
??在我的色彩系列文章中明確提到了色彩的基礎(chǔ)能力對(duì)于設(shè)計(jì)師來(lái)說是多么重要。不過大多數(shù)在線課程忽視了這一點(diǎn)翻诉，很多設(shè)計(jì)師跟我抱怨色彩曲線和直方圖困難炮姨，難以調(diào)整出效果，這實(shí)際上是色彩理論不過關(guān)導(dǎo)致米丘，我準(zhǔn)備重新強(qiáng)調(diào)并且?guī)ьI(lǐng)大家專門利用色相環(huán)的思維工具去解讀設(shè)計(jì)案例剑令。
回顧色相、飽和度拄查、明度
??這是一篇適合新手看的文章吁津，不過同樣適用于入門后的設(shè)計(jì)師。我準(zhǔn)備把色彩的屬性再次講解一遍，以便新手能夠理解碍脏。目的正是為下章的色相環(huán)做準(zhǔn)備梭依。
??【色相】
??在色彩的三個(gè)屬性中，色相是最容易理解的典尾。簡(jiǎn)單地說役拴，色相就是色彩的相貌。紅色钾埂、黃色河闰、藍(lán)色......，諸如此類的描述我們就可以稱之為色相褥紫。
??因此姜性，我們可以說紅色是一個(gè)物體的色相，它的色相是紅色髓考。
??色相是通過光的波長(zhǎng)來(lái)決定的部念。陽(yáng)光經(jīng)過三棱鏡，被分解成為紅氨菇、橙儡炼、黃、綠查蓉、藍(lán)乌询、紫，也有說紅奶是、橙楣责、黃竣灌、綠聂沙、青、藍(lán)初嘹、紫及汉，事實(shí)上這是根據(jù)視覺系統(tǒng)來(lái)判斷的，并不影響我們理解和研究屯烦。我們總是以6色來(lái)說明和應(yīng)用坷随。
??太陽(yáng)光經(jīng)過色散之后形成的6種帶有色彩的光線是不能再次被分解的，這種光線稱為光譜上的單色光驻龟。每種單色光的波長(zhǎng)從紅色到紫色逐漸降低温眉，頻率逐漸增強(qiáng)。我們就是通過這樣一個(gè)簡(jiǎn)單的物理實(shí)驗(yàn)開啟色彩的大門翁狐。
??值得一提的是类溢，單色光雖然不能被分解，但是這并不意味著這六種色彩一定是單色光形成的露懒，實(shí)際上闯冷，橙色可以是單色光砂心，也可以由多種單色光混合而成，盡管這兩種橙色看起來(lái)是一樣的蛇耀，但是本質(zhì)上一個(gè)是單色光辩诞，一個(gè)是復(fù)色光。當(dāng)然纺涤，既然是復(fù)色译暂，就可以被分解成單色。產(chǎn)生這種情況的原因是人類的視覺欺騙撩炊，我們的視覺系統(tǒng)將多種光線在視網(wǎng)膜上進(jìn)行了混合崖疤，經(jīng)過視神經(jīng)在大腦中產(chǎn)生了橙色感知土砂。
??正如白色的陽(yáng)光分散成為6種單色光，6種單色光混合之后依舊可以還原白色陽(yáng)光。這個(gè)過程是可逆的斟冕。
??從上圖中你可以看到色相和波長(zhǎng)之間的關(guān)系，因此亭姥，我們完全可以說色相就是波長(zhǎng)的別名即纲，它們完全是同一個(gè)概念。
??Jesse曾經(jīng)好奇地問過我一個(gè)十分尷尬的問題：
??“我有個(gè)問題很好奇谭网，如果高于紅色波長(zhǎng)和低于紫色波長(zhǎng)汪厨，光是什么顏色？”
??看來(lái)Jesse是忘記了中學(xué)的物理課愉择，不過這依然值得說明劫乱。高于紅色波長(zhǎng)，低于紫色波長(zhǎng)的光線（實(shí)際上它們都是電磁波锥涕，包括紅～紫）衷戈，它們都是人類無(wú)法感知的電磁波。人類只能看見這個(gè)波段的電磁波层坠，高于紅色波長(zhǎng)的電磁波主要是紅外線殖妇、電波、無(wú)線電等破花，而低于紫色波長(zhǎng)的電磁波主要是紫外線谦趣、X射線（倫琴射線）、放射性的伽馬射線和宇宙射線座每。
??如果你能夠看見所有波段的電磁波前鹅，那么你的大腦一定會(huì)非常疲憊，因?yàn)橐兄绱硕嗟纳渚€峭梳。你不得不感慨宇宙的奧秘舰绘，生物對(duì)世界的感知總是在一個(gè)恰當(dāng)?shù)姆秶沟盟鼈兛梢愿玫剡m應(yīng)環(huán)境。
??陽(yáng)光分解出的色相是如此完美除盏，高度飽和叉橱，因此無(wú)論怎樣將這些色相放在一起，都異常分明者蠕。人們將這6種色相當(dāng)做標(biāo)準(zhǔn)色窃祝，根據(jù)這些標(biāo)準(zhǔn)色制定了色彩的標(biāo)準(zhǔn)，制定了定義色彩的方法和分析的工具踱侣。
??盡管人們通常使用色相來(lái)描述和識(shí)別色彩粪小，在通常情況下，這是管用的抡句，不過人們通過眼睛能夠準(zhǔn)確識(shí)別的色相十分有限探膊。人們?yōu)榱藴?zhǔn)確識(shí)別和描述色彩，使用色相待榔、飽和度和明度來(lái)進(jìn)行定義逞壁，并在此基礎(chǔ)上誕生了色相環(huán)。
??【飽和度】
??飽和度是指色彩的純凈程度锐锣、鮮艷程度或者彩度腌闯。
??當(dāng)一個(gè)色相的色素含量達(dá)到極限強(qiáng)度時(shí)，正好發(fā)揮了色彩的固有特性雕憔。色彩在純凈狀態(tài)時(shí)就是該色相的標(biāo)準(zhǔn)色姿骏。基于這個(gè)原理斤彼，只要我們往純凈色相中添加任何其他色素都能降低其純凈度，即飽和度降低琉苇。
??有很多方法能夠降低飽和度嘲玫，但是翁潘，我們認(rèn)為最理想趁冈、最直接的方式是添加灰色，這種方式對(duì)色相的影響最低俩莽。如果你想降低紅色的飽和度，可以在紅色中添加任何色彩，比如藍(lán)色出刷，但是這會(huì)使得紅色的色相改變馁龟，盡管混合后的確降低了紅色的飽和度崩侠。反過來(lái)講，我們?cè)黾恿怂{(lán)色的飽和度坷檩，因?yàn)樵瓉?lái)沒有藍(lán)色却音，它的飽和度是0。
??我摘取了上篇文章對(duì)于飽和度的解釋：
??為了你能夠更好地理解飽和度矢炼，我們利用鹽水再次做對(duì)比系瓢。往一杯清水中添加鹽，一開始鹽是溶于水的句灌，隨著鹽分含量越多夷陋，到了一個(gè)臨界點(diǎn)的時(shí)候不再溶于水，你會(huì)發(fā)現(xiàn)無(wú)論你放多少鹽進(jìn)去都無(wú)法溶解胰锌，此時(shí)我們稱鹽水飽和了肌稻。這個(gè)原理等同于色彩的飽和，當(dāng)你往鹽水中添加水或者其他液體（可溶解鹽的）都可以打破這種飽和狀態(tài)匕荸，即降低了飽和爹谭。
—— 《「從Jesse的故事講起」新手設(shè)計(jì)師如何從本文獲得色彩基礎(chǔ)技能》片段
??現(xiàn)在請(qǐng)你看下面的對(duì)比圖：
??盡管一開始你不理解飽和度，但是你也一定能夠區(qū)分這兩朵玫瑰的顏色榛搔。是的诺凡，它們都是紅色的，但是除此之外呢践惑？你唯一能夠用語(yǔ)言描述這兩朵玫瑰的不同之處就是飽和度腹泌，你可能會(huì)說左面的玫瑰更紅；而右面的玫瑰更淡尔觉。
??“更紅”就意味著更高的飽和度凉袱，反之，則意味著低飽和度侦铜。這是你能夠直觀地感受飽和度概念的真實(shí)案例专甩。
??請(qǐng)看下圖，我們將紅色的飽和度分成了多個(gè)等級(jí)钉稍，每個(gè)等級(jí)逐漸降低飽和度涤躲。最左面是飽和度最高的紅色，最右面是飽和度最低的紅色贡未。事實(shí)上种樱，最右面由于沒有紅色成分蒙袍，導(dǎo)致它變成了白色。從這個(gè)角度來(lái)看嫩挤，白色是沒有飽和度的害幅，當(dāng)然，黑色和灰色也沒有岂昭，這三種色彩我們稱之為無(wú)彩色系矫限，其他色相稱之為有彩色系。
??值得一提的是佩抹，按照這種分類方式叼风，還有一類色彩是十分特別的，它們是金棍苹、銀无宿、熒光色。我后面會(huì)針對(duì)這種色彩做一期《暈色》枢里。
??隨著紅色的飽和度降低孽鸡，你會(huì)發(fā)現(xiàn)紅色逐漸變得不可見。它從飽和的紅色到粉紅（淡紅色）栏豺，再到白色彬碱，這個(gè)過程說明了僅僅通過色相的變換無(wú)法確定色彩，飽和度的漸變使得色彩呈現(xiàn)出千姿百態(tài)奥洼。因此巷疼，光譜上的色彩是如此豐富。
??【明度】
??明度是色彩屬性中最重要的一個(gè)屬性灵奖。它是如此重要嚼沿，以至于如果失去明度，則飽和度與色相都將不復(fù)存在瓷患。因此骡尽，無(wú)論如何，你都不能脫離明度去單獨(dú)理解色彩的屬性擅编；并且攀细，無(wú)論如何你都無(wú)法擺脫明度。
??那么爱态，到底什么是明度呢谭贪？
??明度是指色彩的明暗程度。對(duì)于光而言肢藐，可以稱為光度故河；對(duì)于物體而言，可以稱為亮度或者深淺程度吆豹。
??我們?cè)谒孛柚袕?qiáng)調(diào)的就是這種明暗關(guān)系鱼的，素描作品是明度的藝術(shù)，它沒有任何飽和度和色相痘煤。卻將所有細(xì)節(jié)展露無(wú)遺凑阶，憑借的就是明度。
??明度是你看見世界輪廓的條件衷快。正是因?yàn)橛辛嗣鞫戎娉鳎悴拍軌蚩匆娢矬w有了輪廓和邊角。
??請(qǐng)看下圖：
??這是同一朵玫瑰在一天中不同時(shí)段的狀態(tài)师郑。左面的玫瑰正是中午時(shí)刻，右面的玫瑰則是下午调窍。由于陽(yáng)光強(qiáng)度的不同宝冕，它們表現(xiàn)出了不同的色彩。
??我們稱右面的玫瑰明度更低邓萨，但是這不代表它的紅色飽和度不變地梨。在這個(gè)案例中，當(dāng)明度降低的時(shí)候會(huì)有更多的黑色缔恳，意味著更少的光線（沒有光線代表黑色）宝剖；如果是顏料，那么當(dāng)你添加了黑色顏料歉甚，意味著降低了明度万细，同時(shí)，飽和度也降低了纸泄。
??你看雅镊，飽和度總是和明度同時(shí)發(fā)生著變化。對(duì)于紅色而言刃滓，通常我們添加白色以增強(qiáng)明度仁烹，這是因?yàn)榘咨矬w反射更多的光線，反射的色光的明度之和總是大于之前咧虎。但是卓缰，與此同時(shí)，紅色成分所占比例開始降低砰诵，因此飽和度降低了征唬。我們得出了這樣一個(gè)結(jié)論：添加白色，飽和度降低茁彭，明度增強(qiáng)总寒。
??對(duì)于紅色而言，通常我們添加黑色以降低明度理肺，這是因?yàn)楹谏矬w幾乎不反射光線摄闸，因此善镰，降低了之前反射的光線，明度當(dāng)然也就被降低年枕，與此同時(shí)炫欺，紅色的色素占比降低，飽和度降低熏兄，明度降低品洛。我們?cè)俅蔚贸隽艘粋€(gè)結(jié)論：添加黑色，飽和度降低摩桶，明度降低桥状。
??但是這需要你記住嗎？不需要硝清，你不能死記硬背這種規(guī)律辅斟，這是愚蠢的做法。牢記光譜的要素耍缴，牢記波長(zhǎng)砾肺、振幅、頻率之間的關(guān)系才是理解色彩的本質(zhì)防嗡。無(wú)論如何变汪，某一種色彩的比例降低，它的飽和度都在降低蚁趁，至于你使用什么方法來(lái)降低它的比例就無(wú)所謂了裙盾。
??對(duì)于明度你只需要知道，光波的振幅越寬他嫡，波長(zhǎng)越短番官，即振幅與波長(zhǎng)之比越大，光波具有的能量更強(qiáng)钢属，對(duì)感光細(xì)胞的刺激更強(qiáng)烈徘熔，表現(xiàn)出了更強(qiáng)的明度。
??基于這個(gè)理論淆党，有一些現(xiàn)象就值得回味酷师。漆黑的夜里，你的眼睛不會(huì)感到痛苦和腫脹染乌，也不會(huì)感到疲勞，因此荷憋，黑色的明度最低，對(duì)視覺的刺激最写啊瘫里；當(dāng)出現(xiàn)色光的時(shí)候，你的眼睛開始接受刺激酪呻，隨著刺激的增強(qiáng)最終抵達(dá)白色盐须，你的眼睛接受了最強(qiáng)的刺激，此時(shí)開始脹痛贼邓，想想抬頭直視太陽(yáng)的時(shí)刻吧阶冈，因此，白色的明度最高塑径。
??每當(dāng)不存在明度的時(shí)候，就是黑色降臨的時(shí)候统舀，這個(gè)時(shí)候無(wú)論任何色彩都不可見；每當(dāng)明度達(dá)到最強(qiáng)的時(shí)候碉就，即白色闷串，此時(shí)也看不見色彩，因?yàn)榘咨拇碳?dǎo)致其他色相的感知開始下降烹吵。這就是為什么你在Photoshop中調(diào)整明度時(shí)會(huì)發(fā)現(xiàn)兩個(gè)極端會(huì)分別是黑白的緣故了。
??現(xiàn)在請(qǐng)你看上述出現(xiàn)過的一幅圖片锈津，我們更改了這張圖片的背景凉蜂，為白色：
??盡管這個(gè)例子不夠完美跃惫，但是依舊說明了一些問題，在白色高明度背景下爆存，二者的飽和度對(duì)比比之剛才綠色背景更加不明顯。正是由于白色的高明度降低了你對(duì)紅色的感知携冤。
??【三要素的結(jié)合】
??好了，我們終于再一次對(duì)色相扣猫、飽和度、明度進(jìn)行了啰嗦的講解申尤。是時(shí)候?qū)⑺鼈冋显谝黄鹆恕?/p>
??目前衙耕，我們對(duì)色彩的表示有了更科學(xué)的方式，這種方式更加精確时鸵。那就是統(tǒng)一了色相厅瞎、飽和度、明度三者的表示方法和簸。
??請(qǐng)看下列表格：
??現(xiàn)在一切都變得簡(jiǎn)單了比搭。我們使用色相=Hue、飽和度=Saturation蜜托、明度=Value來(lái)表示色彩霉赡，三個(gè)單詞的首字母HSV形成了表示色彩的三要素。這正是色相環(huán)的基礎(chǔ)蜂挪。
??感謝你的觀看嗓化，我們的下期內(nèi)容是色相環(huán)。
下章內(nèi)容
- 色相環(huán)
??如果文章對(duì)你有價(jià)值刺覆，讓你得到了提升，請(qǐng)你相信作者，并且關(guān)注他篇梭，轉(zhuǎn)發(fā)文章讓更多的人看到有質(zhì)量的內(nèi)容酝枢。或者用【打賞】喂食作者袍患，讓他繼續(xù)為你奮斗官脓。如果你有疑問或建議涝焙，請(qǐng)留言告訴我。
