色彩之間的搭配大體上可以分為色彩與色彩之間相互調和的配色，以及襯托某種色彩的配色兩種。將合適的色彩進行有效的搭配，設計作品的質量會有很大的提升。
在上一篇中，我們瞭解了色彩的性質以及色彩的分類之後，我們再通過色彩之間的搭配組合，來展現豐富多彩的配色效果。
色彩單體在設計中的影響力很大，而多種色彩的搭配能夠展現出更加豐富多彩的印象，將合適的色彩進行有效的搭配，設計作品的質量會有很大的提升。
在色相環中，我們把色彩劃分為12種基本色相，選取其中某一種色相做為基準色相，這樣就會產生包括同一色相、鄰近色相、類似色相、中差色相、對比色相、互補色相在內的六種色相之間的關係，瞭解這些關係之後，配色實踐就變得簡單多了。
色彩之間的搭配大體上可以分為兩種：
- 取得協調的配色
- 強調設計的配色
取的協調的配色是通過同一或者類似的色相搭配，形成穩定、和諧的印象；而強調設計的配色則是通過不同色相之間的相互碰撞，強調色相差異，從而形成某種色彩的印象。
一、取得協調的配色
由某一種色相或者在色相環上相鄰的類似色構成，統一畫面的配色，可體現整體統一性，強烈展現色相的印象，這種配色展現自然與和諧的印象，但同時也容易形成單調乏味 的印象。
1. 同色系配色
同色系配色是由一種色相構成的統一性配色，主色和輔色都在同一色相上，可以體現整體畫面的統一性。
同時這種配色也容易形成單調、乏味味道，所以在明度和純度上適當有一些變化，加強面積上的對比，使畫面更加均衡。
下面舉幾個同色系配色的案例：
2. 鄰近色配色
在色相環上相鄰的色彩，因為色相上存在微妙的差異，所以配色效果比同色系配色稍微豐富，柔和過渡的色相使得頁面看起來更加和諧。
下面舉幾個鄰近色配色的案例：
3. 類似色配色
類似色色相上含有共通成分，配色也可以體現出和諧、協調的印象，這種配色是最能體現出色相差的配色類型。
類似色的色彩具有適度的變化和動感，同樣可以用過色相差體現畫面色彩的張弛效果。
下面舉幾個類似色配色的案例：
二、強調設計的配色
在同色系色彩搭配構成的配色中，可以通過添加強調色的配色技巧，突出畫面重點，強調色一般選擇基本色的對比色或者白色、白色。如何確保強調色限定在小面積內展現是關鍵。
1. 中差色配色
中差色色相上基本沒有共通性，色彩包括了類似色色相到對比色色相，搭配出一種曖昧的印象，表現出舒適感和適度的刺激效果。
下面舉幾個中差系配色的案例：
2. 對比色配色
對比色配色也叫相反色配色，色彩對比效果十分強烈。
色彩之間互相襯托，形成明快、鮮明的印象，適合於表現活力四射，朝氣蓬勃的畫面。
下面舉幾個對比配色的案例：
3. 互補色配色
互補色在色相環的相對位置，色相差較大，配色體現出十分強烈的視覺衝擊效果。
同時也容易形成廉價、劣質的印象。
下面舉幾個互補色配色的案例：
多色搭配的配色
一般來講，三色搭配和多色搭配體現出明顯的色相差異，富裕張弛感的色彩組合呈現出活躍、動感的效果。
多色搭配的要點在於通過高純度的有彩色和黑色、白色的搭配，或者通過很高純度的對比色之間的組合產生強烈的對比效果。
1. 三鄰色搭配
在色相環上選取相鄰的三種顏色搭配，有一定的色相差但不是很大，可以營造和諧的氛圍，並且有豐富的質感和層次。
下面舉幾個三鄰色配色的案例：
2. 三角形配色
使用與對角線相鄰的顏色進行三色搭配，雖然三種顏色的選擇方式並沒有達到平衡，偏離互補色的不規則三角形所造成的色相的微妙差異，產生了有趣的設計效果。
下面舉幾個三角形配色的案例：
3. 正三角形配色
在色相環以正三角形為色彩搭配，色彩與色彩之間的間隔相當遠，彼此間的差異很大，而色相的對比度提高，畫面表現出了華麗的感覺。
下面舉幾個正三角形配色的案例：
4. 四邊形配色
選取一對互補色相鄰對四種顏色組成的配色，倆倆之間既有鄰近色的和諧，也有對比色的強烈刺激，可以營造個性的感覺。
下面舉幾個四邊形配色的案例：
. 正四邊形配色
色相環中的正四邊形對於的顏色，色彩之間差異是均等的，整體設計自然呈現出協調的狀態。
下面舉幾個正四邊形配色的案例：
總結
色彩之間的搭配大體上可以分為色彩與色彩之間相互調和的配色，以及襯托某種色彩的配色兩種。
相互調和的配色是通過統一的色相，或者類似色彩的配色通過不同色相之間的色彩碰撞，強調色彩差異，從而形成突出某種色彩的印象。
作者：Leon 一招·產品經理（WeChat：leon9468）
題圖來自Unsplash，基於CC0協議。
閱讀更多 人人都是產品經理 的文章
