出色的UI設(shè)計(jì)師教你提升色彩感覺！

在色彩體驗(yàn)里，色彩是一種完全感性的體驗(yàn)性的認(rèn)知。它能引發(fā)喜怒哀樂，甚至能產(chǎn)生流動(dòng)的錯(cuò)覺，它和我們的情緒在一起，也和所有不確定性在一起。它有著深厚的物理學(xué)的理性基石，然而又和我們的情感關(guān)系最為密切。

色彩被看作是一種非常重要的視覺屬性，我在平面設(shè)計(jì)領(lǐng)域這些年總結(jié)下來，無非也就是形與色的游戲而已。因此，配色成為一門課程，也有大量的可學(xué)習(xí)參考的配色書籍。無論如何，它的重要性不言而喻。它的神秘性卻從未降低，光的本質(zhì)的解釋盡管顯而易見，也絲毫沒有折損這個(gè)視覺玩具所帶來的樂趣。但是如何提升對(duì)于色彩的搭配能力，卻是一直都在摸索中的課題。這是由于大家都感覺到，配色絕不是僅僅靠閱讀配色相關(guān)的書籍，就能一招致勝，反而是在讀太多關(guān)于理論的知識(shí)后，有點(diǎn)茫然不知所措，應(yīng)用時(shí)卻無法使上力。

 

感官命名法——通過語言系統(tǒng)來深化對(duì)色彩的認(rèn)識(shí)

如果要真正了解色彩，就需要一套非常完整的系統(tǒng)的訓(xùn)練方式。也許很多人包括我自己一開始都對(duì)這些方法不以為意，總認(rèn)為十分簡(jiǎn)單，甚至覺得這就是小朋友的游戲。然而，我要說，其實(shí)我們每個(gè)人的色感基礎(chǔ)正是兒童時(shí)期就形成的。而往往兒童時(shí)期由于認(rèn)識(shí)更為純粹，對(duì)于色彩的想象力受到的限制比成人少得多，因此能賦予色彩的深度和廣度都比成年人要更為豐富。

這也是為什么當(dāng)你看到小朋友們的畫作，會(huì)由衷贊嘆他們的「配色天賦」。

而除了要進(jìn)一步斬除纏住我們想象的積習(xí)藤蔓，將自己暫時(shí)回歸到某種「童年白日夢(mèng)」?fàn)顟B(tài)，還需要在運(yùn)用視覺的同時(shí)，再調(diào)用到我們的其他四種感官（聽覺、嗅覺、味覺、觸覺）。

這個(gè)方法是通過你的語言，也就是利用你對(duì)某一色彩的命名來擴(kuò)大你對(duì)某一種色彩的感受和體驗(yàn)深度。設(shè)想一下，假如你看到一只蘋果，也許你就只是看一眼然后狼吞虎咽地把它吃了，事后要你回憶對(duì)「蘋果」這個(gè)物體的印象，也許你能體會(huì)的并不深刻。如果你這一次改變條件，假設(shè)你從未見過蘋果，這一次你不僅要吃掉蘋果，還要給這個(gè)水果命名，根據(jù)它的外形、滋味等各種屬性來對(duì)其進(jìn)行認(rèn)知。這時(shí)，你對(duì)蘋果的體會(huì)將和前一次大大不同。

所以，這也就是我們要做這個(gè)色感訓(xùn)練所需要做的事：打開你的顏料盒或者在你的繪圖軟件中，從你最喜歡的色彩開始一個(gè)一個(gè)進(jìn)行重新整理和認(rèn)識(shí)。這里所謂的命名可以天馬行空的想象，對(duì)每一種色彩可以在名字以外再加上幾個(gè)描述性的詞匯。比如我在這里所做的：

我用了六個(gè)詞來形容自己對(duì)這個(gè)顏色的感受。當(dāng)然你也可以自由的描繪，不必限定是詞語，也可以是一句話。在色感訓(xùn)練中，永遠(yuǎn)沒有標(biāo)準(zhǔn)答案，只有真實(shí)的答案。只要你給出自己真實(shí)的感受，那么對(duì)于色感訓(xùn)練的目的就達(dá)到了。這意味著，你再也不用跟隨外界對(duì)于色彩的定義去看待色彩，而是跟隨自己的聲音。這里我還用了幾個(gè)意像去描述這個(gè)顏色帶給我的聯(lián)想。

建議你做完這個(gè)訓(xùn)練后，保存你的結(jié)果。也許等個(gè)一年半載，你對(duì)某些顏色的感受就會(huì)有所改變，通過對(duì)比，你會(huì)發(fā)現(xiàn)你對(duì)這些色彩的認(rèn)識(shí)會(huì)變得越來越細(xì)膩。

這是一個(gè)需要經(jīng)年累月的練習(xí)，但它卻十分輕松愉快。每天就像一次娛樂游戲，而你的色感一定會(huì)隨之提升。

 

色彩家族——透析色彩間關(guān)系的基礎(chǔ)，任何色彩都不是獨(dú)立存在

如果你認(rèn)識(shí)了色環(huán)，對(duì)色彩有一定的了解，你一定不會(huì)否認(rèn)：任何一種色彩都是由其他色彩所組成。我們認(rèn)識(shí)一個(gè)色彩，絕對(duì)不只是針對(duì)這一個(gè)色彩，你還需要對(duì)它的鄰近色、對(duì)比色、互補(bǔ)色都要有所了解，也就是說，與其說我們是在認(rèn)識(shí)色彩，不如說我們是在認(rèn)識(shí)色彩之間的關(guān)系。

既然色彩間的關(guān)系如此重要，我們看待色彩就應(yīng)該再多增加一些角度。通過對(duì)一個(gè)色彩無限次分解，一點(diǎn)點(diǎn)摸索色彩間的關(guān)系。就像一個(gè)家族里，你繼承了父母的某些特性，而你的父母又繼承了上一代的某些特性……這樣代代相傳的關(guān)系在色彩中也能找到同樣的模型。

具體的做法很簡(jiǎn)單，從你的顏料盒里或者打開繪圖軟件選取一個(gè)顏色。比如選取綠色，我們眼里出現(xiàn)的是綠色，這時(shí)你要將綠色分解成兩個(gè)顏色，這兩個(gè)顏色相混合剛好是你看到的綠色。從色環(huán)上看，這兩個(gè)顏色也剛好就是這個(gè)綠色的鄰近色。也許鄰近的距離并不成為考慮的重心，做這個(gè)練習(xí)的過程是要了解色彩中的「成分」，看清它們之間的繼承脈絡(luò)。

下面這是我做的具有三代家族結(jié)構(gòu)的色彩家族練習(xí)。其中位于三角虛線內(nèi)的關(guān)系為分解的關(guān)系，而字母ABC，分別表示不同的層級(jí)。

你當(dāng)然也可以繼續(xù)分解下去，相信這將是非常有趣的探索過程。通過這一練習(xí)，也能在你的配色陷入僵局時(shí)，給你帶來新的靈感。

 

過度色彩——從動(dòng)態(tài)的角度去看待色彩間的變化過度關(guān)系

這幾年，大家對(duì)漸變這種色彩表現(xiàn)形式一定不陌生，漸變配色的其中一種形式就是由一個(gè)色彩走向另一個(gè)色彩。在這個(gè)過程中，我們可以看到兩個(gè)顏色間微妙的變化關(guān)系，它是一個(gè)動(dòng)態(tài)的過程。

如果你能深入體察任意兩個(gè)不同色彩之間的過度變化關(guān)系，如此看待色彩，就又拔高了一個(gè)維度，那么對(duì)于色感的體會(huì)也會(huì)抵達(dá)更深的層次。

從你的顏料盒或者直接用繪圖軟件里挑選兩個(gè)不同的色彩，這兩個(gè)色彩在色環(huán)上的距離遠(yuǎn)近可以不必限制。將這兩個(gè)色彩看作置于并排一系列色彩的頭尾兩端，你要做的就是填充頭尾兩端色彩的中間的過度色彩。

如下圖示中，我采用了粉色到黃色的過度。這里所過度的色彩不僅要在色相上進(jìn)行改變，還需要在飽和度和明度上也相應(yīng)進(jìn)行變化。過度的色彩填充的數(shù)量為7個(gè)過度色彩，當(dāng)然你也可以適當(dāng)增減，這里的色彩數(shù)量多一些會(huì)在過度上變化得更為細(xì)膩，太少的數(shù)量當(dāng)然不利于觀察，而數(shù)量太多也不方便我們這里直觀的交流。

對(duì)于色彩中色相過度變化的節(jié)奏控制，只要保持視覺上基本的均衡狀態(tài)即可。無需從數(shù)值上嚴(yán)格限制。

還有另一種叫做組合三角的過度色彩練習(xí)方式，同樣是采用過度的方式，只是這里在色彩的組合方式上并非僅僅是一個(gè)色彩到另一個(gè)色彩。過度色彩只有一個(gè)。這個(gè)練習(xí)的重點(diǎn)并非是體會(huì)兩個(gè)色彩之間變化的過程，而是讓大家將三個(gè)色彩的關(guān)系看得更清楚。

選擇三個(gè)色彩置于三角形的三個(gè)角，讓它們的外形也保持三角形。第二步是在兩個(gè)角的色彩之間設(shè)置它們的過度色，這個(gè)過渡色可以是位于這兩個(gè)色彩之間距離的中點(diǎn)。也可以反過來說，這個(gè)色彩是由兩個(gè)角上的色彩所混合而成。依據(jù)這個(gè)規(guī)則，剩下最后三個(gè)三角的色彩，也同樣就是它左右的色彩的過度色。希望下面的圖示能幫助你理解這個(gè)過程。

三個(gè)色彩可以稍微在色環(huán)上拉開距離，否則位于中間的色彩就會(huì)比較難以區(qū)分。

這兩個(gè)過度的色彩練習(xí)都有幫助你更能從動(dòng)態(tài)的角度把握色彩間的關(guān)系演變。

結(jié)語

以上三個(gè)方法，絕對(duì)需要大量的持續(xù)的練習(xí)，才能達(dá)到效果。但是請(qǐng)大家不要把這一過程想象得非常艱難，也別腦補(bǔ)需要咬牙堅(jiān)持這一景象。畢竟對(duì)于色彩的喜愛，會(huì)讓你帶著樂趣越玩越精彩。色彩看似簡(jiǎn)單，實(shí)則有它自己的秘密，也許我們不需要知道什么，只需要多和它接觸互動(dòng)，就能慢慢了解一二。