你的配色技巧還停留在靠感覺?

2 人贊了文章

創意、排版、配色、號稱平面設計里的三大殺手，如果說創意和排版需要長期的經驗積累，那麼配色與之相比則是最容易上手的。

看看公眾號pm6669999，下載最新學習軟體

一張優秀的設計作品，它的色彩搭配必定和諧得體，令人賞心悅目，那麼在設計過程中，怎樣的色彩搭配更容易達到設計目的，又是什麼影響了我們的配色思維呢？

很多人之所以怕配色，或者說配不好色的原因是自己一直深處誤區中而渾然不知，總結起來就是：

錯誤認識：配色越絢麗越專業 X

正確認識：配色越舒服越專業 ?

接下來就進入今天的主題：配色的色，從哪裡來？也就是基礎色應該怎麼選？（案例來源：站酷網 張家彬）

配色來源一：主體

◆ ◆ ◆

在設計中，主體也就是畫面中視覺所佔比重最多的元素，可以是人物、產品主圖、slogan等等。而整個作品基礎色來源最常用的方式就是在主體身上提取這樣有利於主色與主體形成更強烈的呼應關係，當然也可以是比重相比較小的顏色，這樣在形成呼應關係的同時，視覺效果更強，下面舉個例子：

假如我們在這個模特人物的基礎上去選海報背景的基礎色，我們可以有哪幾種選色的形式呢？

配色形式一：將主體整體比例最大的顏色作為主色，整體在色彩上與主體形成很強烈的呼應關係，這樣做的目的在於整體很和諧、舒服，易於接受，畫面更統一，整體視覺衝擊力偏柔軟一些！

配色形式二：將主體整體比例較小的顏色作為主色，同樣整體在色彩上也與主體形成了一定的呼應關係，而這是因為主色是主體比重較小的顏色，這也使得畫面整體在於主體形成呼應關係的前提下，也拉開了主體與背景的層次，整體視覺衝擊力增強，畫面統一性減弱，整體性並沒有因為主色的改變而降低！

不難發現，以上的兩個形式的配色，無論是哪種主色的形式，配黃色字都很融合，且都增強了視覺衝擊力。其原因在於畫面整體顏色與主體都形成了呼應關係，使得配色不會給用戶一種很突兀、毫無依據的感覺！而這種形式的選色在平時的設計中中也是用到最多的。

配色來源二：風格

◆ ◆ ◆

不管是做海報還是網頁，在最初都要確定一個風格，然後圍繞確定好的風格選材、選色、搭配主體等；那麼很多情況下，確定風格也就等於間接性的確定了一個選色的區間，所以結合作品的風格特徵選色也是一種很實用的方式。

這張「狂暑季」風格的專題頁，那麼在用色方面就要避免大面積暖色調用色，而要著重使用冷色調的顏色，目的很簡單：大面積的暖色會給人一種熱鬧、狂熱、張揚、溫馨的感受，和暑季需要清爽、降溫的感覺不相匹配，所以採用了主色冷色調的用色形式，搭配一些輔助色、點綴色，自然也就給人一種舒爽的感覺。

配色來源三：關鍵詞反色

◆ ◆ ◆

做設計目的是服務於商業，很多時候我們都要圍繞文案、產品去制定風格、主題，所以選色同樣可以參考文案，從文案中提取關鍵詞，比如這張草本沐浴乳的主題頁：

另外，文案結合畫面的方式能夠大大的提升用戶對整體的理解速度，也就是捕捉信息的速度，所以將文案與畫面，通過配色很好的結合在一起，也是設計師所必備的技能。這樣做的目的在於讓文案與畫面形成視覺上的呼應，也更利於視覺信息的傳遞！

配色來源四：主題反色

◆ ◆ ◆

前面說的大多都是通過顏色找整體的呼應關係，這樣做的目的是讓畫面整體更和諧、整體性更強；而還有一種選色的形式，即以主體顏色的反色作為主色調，也可以理解為：主體比重較大顏色的對比色或間隔色作為主色，反之為輔色。比如：

在選反色時，盡量選用主體色中比重較大顏色的反色，這樣才能起到強烈對比的效果！比如這篇文章的標題，也是採用對比比較明顯的藍色和黃色，目的也是讓標題文字更加凸顯！

除了這些，還有。。。

◆ ◆ ◆

一些總被青睞的配色技巧，從某種程度上，也證明了它們在設計上的突出價值，接下來就看你怎麼在實戰設計中運用好這些理論了。