華文網

零基礎!輕鬆學會舒服的配色

編者按:配合知識體系非常龐大,很多新手剛看到色彩基礎理論就不想學了,有沒有什麼方法可以幫你快速學會不醜的配色呢?今天這篇文章的4個方法絕對有效!

最近很多人都在問我“如何配色?”不是我沒寫,

是真的發現這塊內容超大,一個不小心真的可以寫一本書(筆者從去年年初就收到好幾個出版社的委託,可一直都沒有時間系統的去寫本書,無耐+無力臉…)

所以要麼籠統的講,要麼把配色的知識點拆分出來一個一個的講。但其實籠統的講,大部分看的人最終還是不懂怎麼配色的,那樣寫的意義不大。

所以打算本文就講其中的一個知識點:如何取得協調的配色?

為什麼選擇“協調的配色”這個知識點來講?

因為如果你能夠每次配色都協調~那麼你的配色能力,基本屬於合格了~要知道很多人配的顏色是讓人“藍瘦香菇”的~

協調的配色有哪些好處?

最大的好處是,沒有違和感,舒服和安心的感覺。

怎樣取得協調的配色?

主要從色相、明度、純度、色調等方面來取得。接下來我們逐個來講。

色相一致的配色

所謂色相上的一致,

指的就是設計上全部用相同或者相近的顏色。例如使用綠色,就在畫面中全部用綠色或者綠色的相近色去設計。這種方法使觀看者第一時間感受到色彩的一致性。如下面的幾個例子:

真實的設計環境裡,很多時候需要加入別的顏色,這時候為了色相統一,可以將別的不屬於主色相的顏色降低明度和純度,或者縮小顏色的面積,這樣不會影響整體感。

如下圖中的黃色就不屬於藍色系列,

這時候縮小面積和降低純度是個不錯的處理方式:

下面這張也是如此~

明度一致的配色

所謂明度上的一致,

指的就是設計上全部用明度一致或者相近的顏色。這裡需要說明的一點,色彩本身即帶有明度的特性,統一明度其實相對較難。例如藍色和紅色的明度就顯得較為暗,而黃色橙色之類的就顯得特別的亮,所以明度就較高。如下圖,都是在同一區域的不同色相,但肉眼明顯感覺黃色最亮,明度最高。

那如何做到取得明度一致的顏色呢?方法很簡單,即:

將色彩替換成灰色。這裡有個便捷的方法,就是打開在PS面板中,將圖像-模式設為灰度模式即可看出,如下圖:

一些簡單的明度一致的配色栗子如下:

明度一致的配色,不會出現強弱對比,相反的顯得比較平面。所以這個方法配色不太適用於那種要求強烈對比的廣告banner之類的設計需求。往往喜歡用在局部的設計配色上,配合其他方法一起使用~

PS:日系攝影、室內設計很多會用到這種配色方法。

高明度配色配得好,會顯得相當的小清新、文靜,乾淨,舒服

純度一致的配色

所謂純度上的一致,指的就是設計上全部用純度一致或者相近的顏色。我們也知道純度指的就是色彩的鮮豔程度。所以用純度一致的配色,容易給觀看者帶來較大的心理刺激。純度越高,越熱烈;純度越低,越沉靜。

下面這組圖,顏色純度都較高,基本都保持在一致的範疇內,給人感覺特別刺激、活潑、年輕。

相反純度較低的且一致的配色,給人就較為沉穩和安靜,有些甚至會感到神秘而詭異哦~~。如下圖:

通過色調取得一致的配色

所謂色調上的一致,指的是色彩的調性。而色調又分為冷色調和暖色調。

學過畫畫的都知道,考色彩要高分,必須要將你的畫有一個調性,無論冷色或者暖色調都好~這樣才會顯得“高級”,而當年討論得最多的就是所謂的“高級灰”。其實設計裡的也差不多,原理基本是相通的。

色調包括了上面說到的明度、純度、色相等,相當於他們的綜合應用。下面是一些例子:

暖色調

冷色調

所以設計的時候,想方設法將自己的設計處於一種調性當中,這樣你的配色也不會那麼無依無據啊~

結語

色彩是個很神奇的東西,它能夠對人的心理產生很大的作用。每個色彩給人的感受都不太一樣~所以我們應該盡可能讓你的配色控制在一個範圍內(這種是相對理想的做法,不至於出錯)。

如果你掌握了今天說到的這幾個點,那說明你的配色基本合格了。但是只是合格,要想配色漂亮又是另外一個境界,因為還有很多別的因素決定你的配色。

另外想要說的點就是:每個人的色感不同,有些人天生色彩感覺好,即使他或者並不知道這些色彩原理,配出來的顏色卻依然好看,不違和。但從另一個角度來說他無意間做到的這些方法。所以如果你色感不好,那就認慫,理性的去配色吧。

------

那如何做到取得明度一致的顏色呢?方法很簡單,即:

將色彩替換成灰色。這裡有個便捷的方法,就是打開在PS面板中,將圖像-模式設為灰度模式即可看出,如下圖:

一些簡單的明度一致的配色栗子如下:

明度一致的配色,不會出現強弱對比,相反的顯得比較平面。所以這個方法配色不太適用於那種要求強烈對比的廣告banner之類的設計需求。往往喜歡用在局部的設計配色上,配合其他方法一起使用~

PS:日系攝影、室內設計很多會用到這種配色方法。

高明度配色配得好,會顯得相當的小清新、文靜,乾淨,舒服

純度一致的配色

所謂純度上的一致,指的就是設計上全部用純度一致或者相近的顏色。我們也知道純度指的就是色彩的鮮豔程度。所以用純度一致的配色,容易給觀看者帶來較大的心理刺激。純度越高,越熱烈;純度越低,越沉靜。

下面這組圖,顏色純度都較高,基本都保持在一致的範疇內,給人感覺特別刺激、活潑、年輕。

相反純度較低的且一致的配色,給人就較為沉穩和安靜,有些甚至會感到神秘而詭異哦~~。如下圖:

通過色調取得一致的配色

所謂色調上的一致,指的是色彩的調性。而色調又分為冷色調和暖色調。

學過畫畫的都知道,考色彩要高分,必須要將你的畫有一個調性,無論冷色或者暖色調都好~這樣才會顯得“高級”,而當年討論得最多的就是所謂的“高級灰”。其實設計裡的也差不多,原理基本是相通的。

色調包括了上面說到的明度、純度、色相等,相當於他們的綜合應用。下面是一些例子:

暖色調

冷色調

所以設計的時候,想方設法將自己的設計處於一種調性當中,這樣你的配色也不會那麼無依無據啊~

結語

色彩是個很神奇的東西,它能夠對人的心理產生很大的作用。每個色彩給人的感受都不太一樣~所以我們應該盡可能讓你的配色控制在一個範圍內(這種是相對理想的做法,不至於出錯)。

如果你掌握了今天說到的這幾個點,那說明你的配色基本合格了。但是只是合格,要想配色漂亮又是另外一個境界,因為還有很多別的因素決定你的配色。

另外想要說的點就是:每個人的色感不同,有些人天生色彩感覺好,即使他或者並不知道這些色彩原理,配出來的顏色卻依然好看,不違和。但從另一個角度來說他無意間做到的這些方法。所以如果你色感不好,那就認慫,理性的去配色吧。

------