設計師必學：選色配色與色彩搭配

不管是平面設計還是網頁設計，不管你是新手還是大神，色彩始終是一名設計師必學必會的科目。你可以暫時沒有驚艷的創意靈感，也可以暫時沒有縝密的設計思維，但是不可以一日不會色彩搭配。

一、自我檢測

要搭配出好看的色彩，首先不能是一個色盲，話雖然不太好聽，但是道理是實實在在的。

二、色彩三要素

1、色相（色調）：最初的基本色相為紅、橙、黃、綠、藍、紫，在各色中間加插一兩個中間色，其頭尾色相。按光譜順序為：紅、橙色、黃橙、黃、黃綠、綠、綠藍、藍綠、藍、藍紫、紫。紅紫、紅和紫中再加個中間色，可制出十二基本色相。

2、飽和度：就是色彩的濃度，或者說是鮮艷程度。越鮮艷的色彩通常就被認為越飽和。

3、明度（色度）：是色彩的明暗程度。不同色彩有不同的明度，即使同一種色彩，其明度也有不同。

三、色彩名詞解析

1、三原色：

所有顏色的源頭被稱為三原色，三原色指的是紅色、黃色和藍色。如果我們談論的是屏幕的顯示顏色，比如顯示器，三原色則分別是紅色、綠色和藍色，也就是我們熟悉的RGB。

2、間色、複色（三級顏色）

如果將紅色和黃色、黃色和藍色、藍色和紅色均勻混合，就會創建三種間色：綠色、橙色和紫色。將這些顏色應用進項目中，可以提供很強烈的對比。三次色來源於間色與原色的混合，主要有：紅紫色、藍紫色、藍綠色、黃綠色、橙紅色和橙黃色。

3、同類色、鄰近色

同類色指色相性質相同，但色度有深淺之分。（是色相環中15°夾角內的顏色）

4、近似色

近似色指相性質相同，色度深淺比較明顯（是指色相環中夾角50°左右的兩種近似色）

5、對比色

對比色是人的視覺感官所產生的一種生理現象，是視網膜對色彩的平衡作用。指在24色相環上相距120°-180°之間的兩種顏色，稱為對比色。

6、補色

又稱互補色，余色，亦稱強度比色，就是兩種顏色（等量）混合後呈黑灰色，那麼這兩種顏色一定互為補色。色環的任何直徑兩端相對之色都稱為互補色。

7、冷、暖、中性色

色彩學上根據心理感受，把顏色分為暖色調（紅、橙、黃），冷色調（青、藍）和中性色調（紫、綠、黑、灰、白）。

四、色彩搭配

色彩搭配的方式有千萬種，這裡不可能一一列舉到，列舉一些典型的，大眾可以用到的，然後大家根據自己的經驗拓展。如果基礎不好或者想要學習設計，可以加我企鵝號：八九八二二四三七四。設計的學習是一點點的積累，一點點的嘗試，不要受任何方式方法的束縛，敢想、敢嘗試，你就可以成為真正的設計師！不多說，開始舉例。

1、冷色與白色色調的搭配

青色、藍色、藍紫色等等都屬於冷色系列。冷色一般跟白色調和可以達到很好的視覺效果，冷色一般應用於一些高科技、高品質、理性類頁面設計中。

2、暖色與黑色色調的搭配

黃色、橙色、紅色等都屬於暖色系列。暖色跟黑色調和可以達到很好的效果。暖色一般應用與女性、兒童、食品類等。也可以體現商品的琳琅滿目，熱情活潑、溫馨等。

3、同類色和近似色搭配

如黃綠色、黃色和潔色等。近似色的搭配給人的視覺效果很舒適，很自然。所以近似色在設計中極為常見。（註：在用近似色時，要適當加強對比，不然會使畫面顯得平淡）

4、對比色和補色搭配

最突出，最引人注目的搭配，有強烈的視覺衝擊！（註：互補色之間的強烈對比，會引起色彩的顫動和不穩定感，處理不好會使頁面衝突，破壞整體感。對於互補色，調整一下互補色的亮度，或者調整互補色的使用面積。有時候是一種很好的搭配）

5、三角搭配法則

使得畫面生動的搭配方式。在使用三角形搭配方式時，一定要選出一種色彩作為主色，別外兩種作為輔色。

6、分裂互補色搭配

這是互補搭配的變體，本質是用類似色來代替互補色中的一個顏色，以達到既有互補色對比強烈的特點，又彌補了不穩定的缺點。對初學者來說是非常好用的搭配方式，畫面對比強烈又不容易產生混亂。

7、四方色/四方補色

四方色是在色輪上畫一個正方形，取四個角的顏色。這個顏色超棒，尤其是使用其中一個顏色作為主色，其他的三個顏色作為輔助色的時候。四立補色和四方色的差別在於四方補色採用的是一個矩形。通過一組互補色兩旁的顏色建立的色彩組合。

8、常見色彩搭配匯總

五、什麼樣的畫面方便識別

1、色相變化

2、明度變化

3、飽和度變化

4、清晰度變化

這裡是《靈感與設計》，喜歡我的文章歡迎訂閱。有設計問題可以在下面留言區留言互動，我會在第一時間回復，想學習設計的朋友也可以加入學習群：527263056

推薦閱讀：