編者按：配合知識(shí)體系非常龐大，很多新手剛看到色彩基礎(chǔ)理論就不想學(xué)了，有沒(méi)有什么方法可以幫你快速學(xué)會(huì)不丑的配色呢？今天這篇文章的4個(gè)方法絕對(duì)有效！

最近很多人都在問(wèn)我“如何配色？”不是我沒(méi)寫(xiě)，是真的發(fā)現(xiàn)這塊內(nèi)容超大，一個(gè)不小心真的可以寫(xiě)一本書(shū)（筆者從去年年初就收到好幾個(gè)出版社的委托，可一直都沒(méi)有時(shí)間系統(tǒng)的去寫(xiě)本書(shū)，無(wú)耐+無(wú)力臉...）

所以要么籠統(tǒng)的講，要么把配色的知識(shí)點(diǎn)拆分出來(lái)一個(gè)一個(gè)的講。但其實(shí)籠統(tǒng)的講，大部分看的人最終還是不懂怎么配色的，那樣寫(xiě)的意義不大。

所以打算本文就講其中的一個(gè)知識(shí)點(diǎn)：如何取得協(xié)調(diào)的配色？

為什么選擇“協(xié)調(diào)的配色”這個(gè)知識(shí)點(diǎn)來(lái)講？

因?yàn)槿绻隳軌蛎看闻渖紖f(xié)調(diào)~那么你的配色能力，基本屬于合格了~要知道很多人配的顏色是讓人“藍(lán)瘦香菇”的~

協(xié)調(diào)的配色有哪些好處？

最大的好處是，沒(méi)有違和感，舒服和安心的感覺(jué)。

怎樣取得協(xié)調(diào)的配色？

主要從色相、明度、純度、色調(diào)等方面來(lái)取得。接下來(lái)我們逐個(gè)來(lái)講。

色相一致的配色

所謂色相上的一致，指的就是設(shè)計(jì)上全部用相同或者相近的顏色。例如使用綠色，就在畫(huà)面中全部用綠色或者綠色的相近色去設(shè)計(jì)。這種方法使觀看者第一時(shí)間感受到色彩的一致性。如下面的幾個(gè)例子：

真實(shí)的設(shè)計(jì)環(huán)境里，很多時(shí)候需要加入別的顏色，這時(shí)候?yàn)榱松嘟y(tǒng)一，可以將別的不屬于主色相的顏色降低明度和純度，或者縮小顏色的面積，這樣不會(huì)影響整體感。

如下圖中的黃色就不屬于藍(lán)色系列，這時(shí)候縮小面積和降低純度是個(gè)不錯(cuò)的處理方式：

下面這張也是如此~

明度一致的配色

所謂明度上的一致，指的就是設(shè)計(jì)上全部用明度一致或者相近的顏色。這里需要說(shuō)明的一點(diǎn)，色彩本身即帶有明度的特性，統(tǒng)一明度其實(shí)相對(duì)較難。例如藍(lán)色和紅色的明度就顯得較為暗，而黃色橙色之類的就顯得特別的亮，所以明度就較高。如下圖，都是在同一區(qū)域的不同色相，但肉眼明顯感覺(jué)黃色最亮，明度最高。

那如何做到取得明度一致的顏色呢？方法很簡(jiǎn)單，即：

將色彩替換成灰色。這里有個(gè)便捷的方法，就是打開(kāi)在PS面板中，將圖像-模式設(shè)為灰度模式即可看出，如下圖：

一些簡(jiǎn)單的明度一致的配色栗子如下：

明度一致的配色，不會(huì)出現(xiàn)強(qiáng)弱對(duì)比，相反的顯得比較平面。所以這個(gè)方法配色不太適用于那種要求強(qiáng)烈對(duì)比的廣告banner之類的設(shè)計(jì)需求。往往喜歡用在局部的設(shè)計(jì)配色上，配合其他方法一起使用~

PS：日系攝影、室內(nèi)設(shè)計(jì)很多會(huì)用到這種配色方法。

高明度配色配得好，會(huì)顯得相當(dāng)?shù)男∏逍?、文靜，干凈，舒服

純度一致的配色

所謂純度上的一致，指的就是設(shè)計(jì)上全部用純度一致或者相近的顏色。我們也知道純度指的就是色彩的鮮艷程度。所以用純度一致的配色，容易給觀看者帶來(lái)較大的心理刺激。純度越高，越熱烈；純度越低，越沉靜。

下面這組圖，顏色純度都較高，基本都保持在一致的范疇內(nèi)，給人感覺(jué)特別刺激、活潑、年輕。

相反純度較低的且一致的配色，給人就較為沉穩(wěn)和安靜，有些甚至?xí)械缴衩囟幃惻秪~。如下圖：

通過(guò)色調(diào)取得一致的配色

所謂色調(diào)上的一致，指的是色彩的調(diào)性。而色調(diào)又分為冷色調(diào)和暖色調(diào)。

學(xué)過(guò)畫(huà)畫(huà)的都知道，考色彩要高分，必須要將你的畫(huà)有一個(gè)調(diào)性，無(wú)論冷色或者暖色調(diào)都好~這樣才會(huì)顯得“高級(jí)”，而當(dāng)年討論得最多的就是所謂的“高級(jí)灰”。其實(shí)設(shè)計(jì)里的也差不多，原理基本是相通的。

色調(diào)包括了上面說(shuō)到的明度、純度、色相等，相當(dāng)于他們的綜合應(yīng)用。下面是一些例子：

暖色調(diào)

冷色調(diào)

所以設(shè)計(jì)的時(shí)候，想方設(shè)法將自己的設(shè)計(jì)處于一種調(diào)性當(dāng)中，這樣你的配色也不會(huì)那么無(wú)依無(wú)據(jù)啊~

結(jié)語(yǔ)

色彩是個(gè)很神奇的東西，它能夠?qū)θ说男睦懋a(chǎn)生很大的作用。每個(gè)色彩給人的感受都不太一樣~所以我們應(yīng)該盡可能讓你的配色控制在一個(gè)范圍內(nèi)（這種是相對(duì)理想的做法，不至于出錯(cuò)）。

如果你掌握了今天說(shuō)到的這幾個(gè)點(diǎn)，那說(shuō)明你的配色基本合格了。但是只是合格，要想配色漂亮又是另外一個(gè)境界，因?yàn)檫€有很多別的因素決定你的配色。

另外想要說(shuō)的點(diǎn)就是：每個(gè)人的色感不同，有些人天生色彩感覺(jué)好，即使他或者并不知道這些色彩原理，配出來(lái)的顏色卻依然好看，不違和。但從另一個(gè)角度來(lái)說(shuō)他無(wú)意間做到的這些方法。所以如果你色感不好，那就認(rèn)慫，理性的去配色吧。

歡迎關(guān)注作者的微信公眾號(hào)：折騰先生

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量190萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com