同樣是配色，為什么別人的作品那么驚艷，我卻那么土？

作為一名設(shè)計(jì)師，配色也是我們的必備技能之一。不管設(shè)計(jì)技法如何酷炫，用戶看到作品的第一眼感受就是通過色彩傳遞的。

優(yōu)秀的設(shè)計(jì)師往往會(huì)根據(jù)主體風(fēng)格、受眾群體、以及市場(chǎng)的偏好綜合選擇色彩搭配，充分考慮色彩背后所傳遞的情感傾向。

但對(duì)于新手設(shè)計(jì)師來說，往往很難做到得心應(yīng)手...

其實(shí)，色彩搭配也有它的規(guī)律和原則。下面就給大家分享幾招葵花寶典，另外還有實(shí)用工具，助你搞定配色難題~

1、首先要控制顏色的數(shù)量?

如果一個(gè)畫面所呈現(xiàn)的色彩過多，視覺過于花哨，看的時(shí)候就容易產(chǎn)生認(rèn)知障礙。

所以，配色方案通常會(huì)將顏色數(shù)量控制在3種以內(nèi)。

有的鐵子可能擔(dān)心兩三種不夠用，其實(shí)完全夠用了，通過顏色深淺、色調(diào)變化可以創(chuàng)造出非常多的有趣組合。

2、掌握色彩的黃金法則60:30:10?

簡(jiǎn)單來說就是，60%主色+30%輔助色+10%強(qiáng)調(diào)色，這個(gè)黃金法則你可以應(yīng)用在各個(gè)設(shè)計(jì)領(lǐng)域。

它可以讓整個(gè)畫面的色彩既豐富，又不會(huì)顯得雜亂無章。在有明確的品牌設(shè)計(jì)規(guī)范下，運(yùn)用這套配色方法 絕不會(huì)出錯(cuò)。

3、利用色彩對(duì)比加強(qiáng)視覺效果?

如果想讓畫面更有沖擊力、設(shè)計(jì)效果脫穎而出，可以運(yùn)用色彩對(duì)比。

對(duì)比類型有很多種，比如原色、同類色、類似色、鄰近色、中差色、對(duì)比色、互補(bǔ)色等等。

在不同的場(chǎng)景里，有不一樣的使用方式。新手設(shè)計(jì)師最常用又不容易出錯(cuò)的手法有：

1）同類色：

因?yàn)轭伾嘟?，過渡比較柔和，所以組合起來更和諧，更能體現(xiàn)整體畫面的統(tǒng)一性。

案例展示：

2）鄰近色：

同樣因?yàn)樵谏嗌媳容^接近，所以也能保持畫面的協(xié)調(diào)與統(tǒng)一，但它的視覺層次感會(huì)更豐富一些。

案例展示：

3）對(duì)比色：

對(duì)比強(qiáng)烈又能互相襯托?？偟膩碚f視覺沖擊力很強(qiáng)、有跳躍性、更能突出主體。

案例展示：

4）互補(bǔ)色：

因?yàn)轭伾再|(zhì)相差較大，對(duì)比更強(qiáng)烈，更吸引眼球，視覺沖擊力MAX。

案例展示：

4、利用色彩調(diào)動(dòng)人的情緒?

色彩與情緒緊密相連，不同顏色會(huì)喚起我們不同的情緒和感受。比如：

藍(lán)色的雞翅簡(jiǎn)直就像黑暗料理，有沒有？讓人瞬間沒了食欲。

所以對(duì)設(shè)計(jì)來說，摸清楚不同色系的作用很重要。比如：

橙色、黃色都是暖色，在視覺上給人歡快活潑、溫暖、安心的感覺。

藍(lán)色、綠色等冷色，給人感到平靜、健康、清爽、舒適的感覺。

粉色給人可愛、甜美、浪漫的感覺，較多用于女性的產(chǎn)品設(shè)計(jì)中。

而白色是純凈無暇的象征，給人干凈、典雅的感覺。

紫色總是帶著神秘的吸引力，賽博朋克風(fēng)格主要以藍(lán)紫暗冷色調(diào)為主：

另外，色彩的純度和明度發(fā)生變化時(shí)，或是處于不同的顏色搭配中，給人感覺也會(huì)隨之變化。

5、從大自然中獲取配色靈感?

人類調(diào)色的本事再厲害，也比不過大自然的渾然天成。那些驚艷無比的配色，其實(shí)就藏在大自然的美景中。

平時(shí)我們也可以從大自然中收集色彩：

6、超好用的配色網(wǎng)站分享?

俗話說得好，方法用對(duì)，事半功倍。

這里再給大家分享幾個(gè)比較好用配色網(wǎng)站：

1.Adobe Color

Adobe官方出品的配色工具，通過拖拽色輪或輸入自定義色值，我們可以創(chuàng)造出基于相似、互補(bǔ)、三原色等不同色彩規(guī)則的配色方案。

網(wǎng)站：https://color.adobe.com

2.中國(guó)色

有了它，再也不用擔(dān)心中國(guó)風(fēng)要怎樣配色了！網(wǎng)站提供各種中國(guó)的傳統(tǒng)顏色的名稱，包括CMYK值，RGB值，16進(jìn)制表示。

網(wǎng)站：http://zhongguose.com/

3.ColorSupply

這個(gè)新網(wǎng)站號(hào)稱設(shè)計(jì)師和插畫師的顏色選擇器，還支持多種色彩調(diào)和規(guī)則、配色方案的實(shí)際效果預(yù)覽。

網(wǎng)站：https://colorsupplyyy.com

4.Culrs

這是一個(gè)綜合型的配色網(wǎng)站，可以通過鄰近色、三色、四色和單色來搜尋靈感配色。除此之外，每種色彩規(guī)則下還有明暗分類，相當(dāng)方便。

網(wǎng)站：https://www.culrs.com/

5.colormind

使用人工智能自動(dòng)生成美妙的調(diào)色板。調(diào)色板的靈感來自照片、電影和流行藝術(shù)品。同時(shí)，它還可以上傳圖像，自動(dòng)分析生成調(diào)色板。

網(wǎng)站：http://colormind.io/image/

7、最后總結(jié)?

雖然設(shè)計(jì)配色理論是相通的，但是我們?cè)诓煌脑O(shè)計(jì)領(lǐng)域進(jìn)行配色時(shí)，依然會(huì)存在很大的區(qū)別。

所以思考配色的時(shí)候，先要明確配色目標(biāo)，確定主色和色彩層級(jí)之后，再進(jìn)行下一步的配色。

這幾天，我們線下班19期的同學(xué)們也在做配色練習(xí)：

當(dāng)你做得多了、接觸得多了，自然而然就會(huì)提升你的配色功底。