??每天十分鐘，系統(tǒng)學(xué)習(xí)設(shè)計(jì)，成為設(shè)計(jì)師。終生學(xué)習(xí)，受益終生。這里是【知更常青藤】，歡迎你的到來，這是我和你一起學(xué)習(xí)設(shè)計(jì)的第六天。如果你不想丟失這個(gè)體系，可以關(guān)注我，轉(zhuǎn)發(fā)本文。
文/萬歲爺 校驗(yàn)/君 圖/萬歲爺&動(dòng)視暴雪 知更常青藤原創(chuàng)出品，轉(zhuǎn)載請注明出處，版權(quán)所有，侵權(quán)必究。
寫在開頭
??我曾經(jīng)與Tom就色彩原理的重要性進(jìn)行過討論，在這一點(diǎn)上我們從來沒有分歧，這可能是我與Tom在設(shè)計(jì)上唯一的共同點(diǎn)了。
??不過新人設(shè)計(jì)師從來都不注重這些設(shè)計(jì)理論，一方面我震驚于新人設(shè)計(jì)師想要學(xué)習(xí)設(shè)計(jì)的決心，他們竭盡所能地尋找進(jìn)入設(shè)計(jì)大門的課程；另一方面卻專注于實(shí)用工具、插件和資源的“采集”，他們像極了在互聯(lián)網(wǎng)上網(wǎng)羅資源的倉鼠，他們唯一與倉鼠不同的地方在于：倉鼠將儲存的食物在過冬的時(shí)候吃掉，而新人設(shè)計(jì)師從此不會(huì)打開這些課程。
??“難道他們不明白吸收的知識才是自己的嗎？”
??每次談到這個(gè)倉鼠效應(yīng)的時(shí)候，Tom總是這樣氣急敗壞地說。他這么氣急敗壞的原因：一方面是因?yàn)樗麨樾氯颂峁┑?strong>設(shè)計(jì)理論的文章無人問津；另一方面則是新人爭先恐后地向那些發(fā)資源的文章蜂擁而至。
??“總是向人們提供所謂的資源，那些高閱讀量的文章作者深諳此道，至于是否對創(chuàng)作和設(shè)計(jì)有幫助，并不在這些作者的考慮范圍?！蔽铱偸沁@樣安慰Tom。
??我在一次設(shè)計(jì)學(xué)習(xí)的分享演講中這樣說道：
??“只有當(dāng)新手需要尋求幫助或者遇到創(chuàng)作實(shí)際問題的時(shí)候，他們才會(huì)想起我。Photoshop和Illustrator不能幫助你解決創(chuàng)意問題。新手入門，基礎(chǔ)理論很關(guān)鍵，設(shè)計(jì)軟件可以放到最后，甚至可以不用太著急。大多數(shù)時(shí)候，設(shè)計(jì)軟件的使用需要基礎(chǔ)理論的支持，否則新人根本不理解這樣操作的意義何在?！?/p>
??可能你想成為專業(yè)的設(shè)計(jì)師，或者業(yè)余愛好，或是公司給你安排了你不擅長的設(shè)計(jì)工作，不過你都可以在我的文章中找到你需要的內(nèi)容。
??當(dāng)你拿起相機(jī)或者手機(jī)的那一刻，是否敢于打開專業(yè)模式，就取決于你是否具備理論基礎(chǔ)。對于色相環(huán)這樣的課程，存在于相機(jī)、手機(jī)中；也存在于Photoshop的曲線中；當(dāng)你打開視頻處理軟件的時(shí)候同樣需要對色彩進(jìn)行調(diào)整......
??有的設(shè)計(jì)師或者新人會(huì)提到濾鏡和懶人設(shè)定，但是濾鏡不能成為你懶惰的借口，設(shè)計(jì)師是不能依賴這些預(yù)設(shè)的，除非這些預(yù)設(shè)是自己創(chuàng)作的。
??也許你想要的是那些炫酷的效果，犀利的摳圖，完美的色彩曲線，符合時(shí)宜的配色，但是請記住，在這一切開始之前，你真正需要的是基礎(chǔ)體系構(gòu)建。
??所以，暫時(shí)忘記你收集的資源吧，跟隨我的腳步，從最基礎(chǔ)的理論開始。腳踏實(shí)地地往前走，只有這樣，你才會(huì)忽視知識和學(xué)習(xí)上的焦慮。
色輪
??書歸正傳。
??許多設(shè)計(jì)師將色輪奉為圭臬，不過對于新手的你，需要了解色輪并不是一個(gè)萬能的工具。色輪只是一種思維工具而已，并且色輪不是天然存在的。人們創(chuàng)造的色輪很好地將色相、飽和度、明度三者統(tǒng)一地結(jié)合，表達(dá)并且描述了色彩。任何其他方法都無法與這種圍繞原色、間色、復(fù)色建立的標(biāo)準(zhǔn)色輪的百年歷史相提并論。
??關(guān)于色輪你需要知道的第一點(diǎn)是，在處理色彩的時(shí)候，色輪將是一個(gè)非常實(shí)用的工具，這種工具讓你免于在色彩的海洋中沉淪。你要明白，色彩有上千萬種，沒有這種工具的輔助你將淹沒在成千上萬的色彩海洋中，此時(shí)連選擇都將是一件代價(jià)昂貴的事情。
??關(guān)于色輪你需要知道的第二點(diǎn)是，它并非真實(shí)存在。不同于彩虹，也非牛頓當(dāng)年的色散實(shí)驗(yàn)，你在自然界是看不到色輪的。
??那么到底什么是色輪呢？它是一種藝術(shù)家和畫家認(rèn)可的示意圖，這種示意圖經(jīng)受了時(shí)間的考驗(yàn)，并且這種示意圖是可以根據(jù)實(shí)際情況組合的。
??在我開始色輪的講解之前，我們先看看下面的內(nèi)容。
從原色、間色、復(fù)色講起
??在你開始繼續(xù)往下閱讀之前，我強(qiáng)烈建議你先閱讀我的前幾篇文章，它們是關(guān)于原色、間色、復(fù)色、加色模式、間色模式、CMY、RGB的。
- 《「每天十分鐘，成為設(shè)計(jì)師」揭開色彩的面具》
- 《PS調(diào)色必備基礎(chǔ)，色彩的光與眼》
- 《「色彩的特性」光源色、固有色、物體色、環(huán)境色》
- 《「從Jesse的故事講起」新手設(shè)計(jì)師如何從本文獲得色彩基礎(chǔ)技能》
- 《「色彩的認(rèn)知提升」一文聽懂色彩，設(shè)計(jì)師的最后一節(jié)色彩屬性課》
??這些文章是你理解色輪的基礎(chǔ)，當(dāng)然，如果你不看這些文章依然可以理解今天的內(nèi)容，不過恐怕沒有那么深刻。我希望你看完這些文章能夠應(yīng)用到實(shí)際工作中，相信我，這些文章可以幫助你達(dá)成這些目標(biāo)。
??【三原色】
??你還記得紅、黃、藍(lán)嗎？在你小時(shí)候，它們是第一批出現(xiàn)在你眼中的色彩。我們稱它們?yōu)槿?，這三種原色是無法通過其他色彩混合而出的，這也是它們叫做原色（或者基色）的原因。這意味著紅色顏料中只有紅色色素，不含任何其他色素，同理黃和藍(lán)。
??如上圖，在現(xiàn)代工業(yè)中人們使用的是品紅、青色、黃色三原色，色彩學(xué)是一門不完善并且還在發(fā)展的學(xué)科，它受制于科學(xué)技術(shù)的發(fā)展。有鑒于此，我們不應(yīng)當(dāng)將原色定性成紅黃藍(lán)或者紅綠藍(lán)，許多設(shè)計(jì)師接觸原色后導(dǎo)致他們固有思維認(rèn)為這是固定的。三原色到底是紅、黃、藍(lán)還是品紅、黃色、青色？在這一點(diǎn)上人們一再打破原有的理論。美術(shù)實(shí)踐事實(shí)證明，品紅加上少量的黃可以調(diào)配出大紅色。這一實(shí)踐顛覆了顏料紅色是原色的觀點(diǎn)。
??許多行業(yè)的原色系統(tǒng)不一樣，因此你不要糾結(jié)。目前印刷行業(yè)使用的原色就是品紅、青色、黃色。但是其他行業(yè)的原色不是這三者。目前美術(shù)行業(yè)也更改了原先的紅黃藍(lán)三原色，修正后的三原色為品紅、青色、黃色。但是我依舊使用紅黃藍(lán)來說明問題，這并不沖突，你需要知道的是原色的概念。實(shí)際上紅黃藍(lán)或者品紅、黃色、青色也不能完美地混合出其他色彩，只不過它們能夠混合出更多的色彩而已。
??對于原色，你不必太過糾結(jié)，也不必選擇信仰。色彩的復(fù)雜程度限制了人們的實(shí)踐，對此，我的看法是：原色沒有唯一，需要考慮色域，實(shí)際情況適合什么原色，就采用什么。
??讓我們回到紅黃藍(lán)上去。
??對于原色紅、黃、藍(lán)你還需要知道的一點(diǎn)是，三者的顏料均勻的混合，在理論上會(huì)變成黑色。至于為什么會(huì)變成黑色？限于篇幅問題，我不能在詳細(xì)講解，請你參考我上述提到的文章。
??簡單地將，紅黃藍(lán)理論上分別吸收了各自應(yīng)當(dāng)反射的色光，最終的結(jié)果就是理論上沒有任何色光被反射，也就是說，陽光或者其他光源照射到這樣的混合體上，不會(huì)反射光線，你當(dāng)然就看不見它了，你的視覺系統(tǒng)對這種光線的缺席感知為黑色。
- 紅 + 黃 + 藍(lán) = 黑
??【間色】
??接下來，我們看看間色的定義。
??人們將這些原色兩兩相互混合，得到了由兩種原色混合的色彩，我們稱之為間色。
??注意：在本文當(dāng)中，所有關(guān)于色彩的知識都是理論上的。實(shí)際情況由于顏料分子的化學(xué)性質(zhì)和物理特性導(dǎo)致我們無法混合出完美的、無瑕疵的色彩，但是不要緊。
??通過上圖你會(huì)發(fā)現(xiàn)這樣的一個(gè)原色混合公式：
- 紅 + 黃 = 橙
- 紅 + 藍(lán) = 紫
- 藍(lán) + 黃 = 綠
??我們將原色之間混合出的三種色彩稱為間色。不過請你注意，這不是絕對的，沒有什么規(guī)則強(qiáng)制你只能使用紅、黃、藍(lán)制作色輪，任何色彩都可以，只有符合實(shí)際需求的設(shè)計(jì)才是有意義的。
??基于間色的形成方式，你會(huì)發(fā)現(xiàn)，間色只有三種，即：橙、綠、紫。
??輕松一刻：設(shè)計(jì)不是“好看”，它是一種人性的輔助，一種良知，設(shè)計(jì)首要解決的問題就是高度的易用性，其次才是美觀，實(shí)際上美觀也成為了一種實(shí)際需求。因此，不要認(rèn)為這一切都是理所當(dāng)然的，學(xué)會(huì)舉一反三，學(xué)會(huì)觀察，學(xué)會(huì)滿足。
??【復(fù)色】
??你理解了原色和間色，接下來理解復(fù)色就變得順理成章了。
??間色和原色再次混合，就是復(fù)色，那么間色可以和間色混合嗎？當(dāng)然，請記住沒有什么理所當(dāng)然，不要讓規(guī)則束縛你的創(chuàng)造。不過人們最常用，最容易理解的方式通常是最有用的。總之，它們都是復(fù)色，你可以這樣無限地混合下去。
??不過，就連三原色之間的混合都變成了黑色，當(dāng)你無限地混合顏料時(shí)，無異于三原色的混合，最終你得到的只能是類似黑色的雜色。
??你注意到陽光經(jīng)過棱鏡色散之后的可見光譜了嗎？它們是：紅、橙、黃、綠、藍(lán)、紫，我特意略去了青色，這不重要。請看下圖：
??如果你記不住原色混合之后的色彩，參照這個(gè)會(huì)很有用，唯一需要改變的就是將紅色和紫色首尾相連，實(shí)際上色輪正是這樣做的。你會(huì)得到了這樣的序列：紅橙黃綠藍(lán)紫-紅...，就是這樣。我們提取了紅黃藍(lán)，因此這個(gè)序列中紅黃藍(lán)之間的色彩就是它們的間色。
??我們不知道這是否是巧合，不過色彩學(xué)是一個(gè)綜合學(xué)科，生物、物理、醫(yī)學(xué)、藝術(shù)都在共同研究它，因此色彩學(xué)是一個(gè)發(fā)展中并且不完善的學(xué)科。如果量子物理能夠有所突破也許能夠解開最深層次的謎題。
??【色輪】
??好了，現(xiàn)在你理解了原色、間色、復(fù)色，我們是時(shí)候?qū)⑺鼈兎旁谝黄鹆?。請看下圖：
??這是三原色組成的色輪圖，就像色輪這個(gè)名字一樣，它的確像輪子。所以，我們將原色按照色相組合成一個(gè)圓形，這就是所謂的色輪。
??我們讓事情變得更加復(fù)雜一點(diǎn)，這一次添加它們的間色。請你注意這個(gè)規(guī)則，這十分重要，我們將間色填補(bǔ)在原色之間，這種組合方式能夠直觀地展現(xiàn)間色的一種現(xiàn)象：間色是由兩邊的原色混合而成。在此基礎(chǔ)上，藝術(shù)家和科學(xué)家們利用這種視覺思維為我們創(chuàng)造了色輪工具。
??接下來，讓我們的色輪更加復(fù)雜。我們將復(fù)色填補(bǔ)完成，就是這樣，規(guī)則就是：復(fù)色是它自己相鄰的間色和原色混合而成。
??現(xiàn)在，你完成了一個(gè)偉大的舉動(dòng)，這個(gè)工具現(xiàn)在可以幫助你理解和運(yùn)用色彩。不過正如我一直強(qiáng)調(diào)的，不要認(rèn)為這是理所當(dāng)然的，這些規(guī)則是可以修改的，你可以完全使用同一色相創(chuàng)建色輪，而變化規(guī)則由你決定。因此，學(xué)習(xí)色輪關(guān)鍵在于學(xué)習(xí)規(guī)則和色輪的方法論，它是你設(shè)計(jì)道路上的一把利劍。
??【色輪的補(bǔ)充】
??我準(zhǔn)備開始逐漸補(bǔ)充一點(diǎn)色彩位置關(guān)系的知識，這些知識本應(yīng)該系統(tǒng)地呈現(xiàn)，不過現(xiàn)在提早釋出一點(diǎn)點(diǎn)并沒有什么不好。而且這部分對于你理解配色至關(guān)重要，你放心，我后期會(huì)系統(tǒng)講解，事實(shí)上，后面兩個(gè)體系恰好是這部分內(nèi)容。
??現(xiàn)在你知道紅、黃、藍(lán)三原色組合可以形成黑色。我要求你時(shí)時(shí)刻刻都要以色輪的思維來呈現(xiàn)思想中的色彩。在色輪上，三原色兩兩成120°夾角，我們?nèi)〕黾t色，剩下的藍(lán)色和黃色中間混合出了綠色，如果將綠色和取出的紅色混合，應(yīng)當(dāng)是什么色彩呢？
??是的，黑色。這和直接混合紅、黃、藍(lán)沒什么區(qū)別。不過，藍(lán)色和黃色混合的綠色恰好與紅色對立，呈現(xiàn)180°夾角，我們將紅色和綠色的關(guān)系定義為補(bǔ)色，同理：
- 黃 + 紫 = 黑色
- 藍(lán) + 橙 = 黑色
??請看下圖：
??根據(jù)這幅圖我們來做一個(gè)數(shù)學(xué)算法，給出的命題就是：相互互補(bǔ)的色彩混合=黑色。
??最終我們是可以推導(dǎo)出一般情況的，不過你應(yīng)該能夠明白為什么互補(bǔ)色之間混合是黑色了。
??你聽過的鄰近色、補(bǔ)色、單色等等配色名詞，都來源于這個(gè)不起眼的色輪。這個(gè)色輪還具備了色彩心理效應(yīng)，為了防止你迷糊，我們就此打住。
??【更加完整的色輪】
??你明白了色輪的使用方式了嗎，如果上述的原理你理解了，并且能夠自己畫出或者腦補(bǔ)出這個(gè)關(guān)系，那么接下來請你結(jié)合上篇文章中的色相、飽和度、明度。
??人類在詞匯系統(tǒng)上對待原色，甚至是間色的命名是不會(huì)有問題的，并且原色總是那么飽滿，以至于原色總是能夠最先吸引我們的注意力，其次才是間色，很顯然，復(fù)色的吸引力不那么明顯。
??不過值得注意的是，盡管復(fù)色在經(jīng)過混合之后，相互之間不明顯，但是復(fù)色最安全，不會(huì)產(chǎn)生誤解。如果你錯(cuò)誤地在你的班級上嘩眾取寵，就好比錯(cuò)誤地使用了原色或者間色，結(jié)局是十分難看的，因?yàn)樵烷g色是如此的明顯，以至于單獨(dú)駕馭它們變得困難；相反，對于復(fù)色，老師們不會(huì)太注意這些“平凡”學(xué)生，但是這些“同學(xué)”又是班級中不可分割的部分，因此，除非你掌握了原理，否則不要隨意使用高度飽和的原色或者間色，事實(shí)上，總是降低原色或者間色的明度或者飽和度在絕大部分情況下是安全的。
??我們回到上面的問題，人們對待原色或者間色大多不會(huì)有疑慮，但是當(dāng)你說出紅色的時(shí)候，每個(gè)人的思想中呈現(xiàn)的紅色都是不同的。因此，上一篇文章中提到了色相、飽和度、明度，這三者正是，并且始終都是定義每種色彩外觀的最好特質(zhì)。
??小貼士：學(xué)習(xí)色彩需要注重的一個(gè)問題就是，不要糾結(jié)色彩的精準(zhǔn)度，人類感知色彩并不精確，因此，不要在色彩的精準(zhǔn)度上鉆牛角尖。隨著合成顏料的發(fā)展和科學(xué)技術(shù)的進(jìn)步，色彩的精準(zhǔn)度才有意義。在大部分情況下，你是安全的。
??在上述色輪中，我們僅僅通過色相來排列這些色彩?，F(xiàn)在我們就要添加另外的兩種特性到這個(gè)色輪當(dāng)中。如下圖：
??如圖中最邊緣的色彩，我們將這些色彩按照飽和度逐漸降低的漸變方式往色輪的圓心靠近。按照這種漸變方式，我們將色輪上每一個(gè)色相都采取這種飽和度漸變方式展現(xiàn)。因此，這樣的色輪可以為你帶來更加豐富的色彩變化，在你選擇紅色的時(shí)候，你就可以從最深的紅色到最淺的紅色中選擇了。
??那么明度呢？是的，你會(huì)發(fā)現(xiàn)按照這個(gè)規(guī)則形成的色輪已經(jīng)沒有明度變化維度的位置了。事實(shí)正是如此，沒有明度的位置了。有一個(gè)方法是你可以將紅色按照上述規(guī)則排列，不過這次是按照明度，而不是飽和度。這樣你有了兩個(gè)色輪，一個(gè)是飽和度色相色輪，一個(gè)是明度色相色輪。
??如果我們要讓三者統(tǒng)一，那么這種平面的二維構(gòu)圖將無法呈現(xiàn)三者的關(guān)系，因此，在色輪的基礎(chǔ)上，人類添加了第三個(gè)維度來表示明度。不過很可惜，這種方式很難使用和描述。不過你不用擔(dān)心，軟件為你解決了這個(gè)問題，你最常使用的Photoshop中的取色器就是這樣一個(gè)“色輪”。設(shè)計(jì)軟件將其中一個(gè)維度，通常是色相單獨(dú)列出，你需要先選擇一個(gè)色相，然后在左面的面板中調(diào)整這個(gè)色相的明度和飽和度。
加色與減色
??關(guān)于加色和減色你應(yīng)當(dāng)看我的上一篇文章。但是為了保持本文的色輪知識的完整性，我再次簡要地復(fù)述。
??加色和減色是關(guān)于顏料和光線的。你需要注意的唯一一點(diǎn)就是它們沒有區(qū)別。這是本質(zhì)，并且十分關(guān)鍵。你最終看見色彩一定是色光進(jìn)入了你的視覺系統(tǒng)。
??簡單地講，你看到了紅色，如果你的視覺系統(tǒng)沒有毛病的話，一定是紅色光線進(jìn)入你的視覺，被大腦感知為紅色表征。所以，請記住，你看到了什么色彩，就是什么色彩的光線進(jìn)入你的眼睛。無論這個(gè)色彩是物質(zhì)的還是光線直接照射的。
??你看到紅色這件事情具有了兩種情況，第一，你看到了紅色色光，所有能夠自發(fā)發(fā)射光線的光源都是這種情況，如手機(jī)屏幕、電視屏幕、顯示器、電燈等。當(dāng)你看到手機(jī)屏幕上一個(gè)紅色區(qū)域時(shí)，就是這個(gè)區(qū)域發(fā)出了紅色光線。這是加色，最常用的是RGB模式（Red：紅色、Green：綠色、Blue：藍(lán)色，它們恰好是光線的三原色）。
??第二是物質(zhì)表現(xiàn)的色彩情況，物質(zhì)需要借助光線的幫助。如果你看到一輛紅色寶馬，那么一定是紅色光進(jìn)入視覺系統(tǒng)。但是紅色轎車不會(huì)發(fā)紅光，這些紅色光線是反射陽光中的紅色波長導(dǎo)致的，理論情況下這輛汽車吸收了除紅色光波以外的色光。因此，你只看到了紅色。這是減色，最常見的就是CMY（Cyan：青色、Magenta：品紅、Yellow：黃色，它們恰好是印刷的三原色）。
??你注意到區(qū)別了嗎，一個(gè)是反射，一個(gè)是直接照射。如果紅光和藍(lán)光同時(shí)進(jìn)入你的視覺系統(tǒng)，你一定看到了紅藍(lán)光線的混合。但是黃色顏料和藍(lán)色顏料一旦混合，將不會(huì)反射黃色和藍(lán)色光線，我借用上篇文章的解釋：
??黃色物體不會(huì)完美地只反射黃光，實(shí)際上它反射了較多的紅光和綠光，吸收了藍(lán)光和紫光較多，紅光和綠光反射后混合在一起，我們看起來就是黃色的；對于藍(lán)色物體，它反射藍(lán)光、紫光、綠光多一些，二者混合，藍(lán)色物體吸收了黃色的紅光，黃色物體吸收了藍(lán)光和紫光，二者相互吸收，最終只留下了綠光，因此，它們之間的混合呈現(xiàn)出綠色。
??對于加色模式，光線都達(dá)到了你的視覺系統(tǒng)，它們好像在做加法；但是減色模式下，光線被混合后的物質(zhì)吸收、反射，最終相互吸收，呈現(xiàn)了你看到的混合色彩，它們好像在做減法。
??設(shè)計(jì)師大多工作在減色模式下，但是你還是需要理解加色模式。
??好吧，不能再寫了，希望能幫助到你建立體系。我們逐步在走向色彩的末端，希望你能夠跟上腳步，當(dāng)色彩完結(jié)的時(shí)候，就是我們繼續(xù)下一步設(shè)計(jì)理論的時(shí)候。
??給讀者的話：你對我最好的支持就是關(guān)注我并且轉(zhuǎn)發(fā)，讓你有更多的同行者，也讓我能夠有流量并且產(chǎn)生收益，當(dāng)然你也可以打賞，讓我有資可以繼續(xù)創(chuàng)作。
總結(jié)
- 新人需要快速吸收知識，而不要囤積知識。把書本讀薄。
- 色輪不是天然存在的，它是一種使用色彩的輔助思維工具。
- 原色不能通過其他色彩混合而出，這是原色的定義。
- 原色之間兩兩混合得到間色，間色和原色混合得到復(fù)色。
- 將原色、間色、復(fù)色按照混合位置放在色輪上形成色相環(huán)（色輪），每一種色相再次按照明度或者飽和度漸變。
- 完整的色輪可以通過擴(kuò)展第三維度（3D）來呈現(xiàn)色相、明度、飽和度三個(gè)特性。
- 光的混合是加色模式，顏料的混合（物體）是減色模式。
下章內(nèi)容
- 色彩的初步應(yīng)用案例
??如果文章對你有價(jià)值，讓你得到了提升，請你相信作者，并且關(guān)注他，轉(zhuǎn)發(fā)文章讓更多的人看到有質(zhì)量的內(nèi)容?；蛘哂谩?strong>打賞】喂食作者，讓他繼續(xù)為你奮斗。如果你有疑問或建議，請留言告訴我。
