UI設(shè)計師對色彩沒感覺？三個方法提高你的色感訓(xùn)練

關(guān)于配色，其實(shí)有兩個世界，也可以簡稱為兩個階段。只要我們承認(rèn)色彩是我們認(rèn)識外界的基礎(chǔ)，那么我們就必定面臨這兩個世界。第一個世界是理性的世界，在這里色彩被分析、解構(gòu)。白色光被三棱鏡所分解成為不同的色光，每種色光對應(yīng)著不同的波長。他們可以被波長所命名，站在科學(xué)實(shí)證分析的角度，我們會有一種可以掌控甚至是管理好色彩的錯覺。然而，在這個世界以外還有另一個世界，也就是感性的世界。

看完本文你會學(xué)到：

1. 通過語言系統(tǒng)來深化對色彩的認(rèn)識

2. 透析色彩間關(guān)系的基礎(chǔ)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

結(jié)語

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