色彩配色技巧

設計一般都會使用到色彩學的觀念，而色彩學的概念中，配色就是一門需要學習的觀念，其實色彩配色並不需要很難的技巧，但是卻需要想法跟色彩學相關的知識，也就是因為這樣配色就會變成比較傷腦筋的問題。

所以我們可以把色彩用比較容易的方式理解。

影像處理軟體通常可以選擇的色彩分為RGB與ＣＭＹＫ，若要進一步了解這兩種色彩的說明，請點擊下方的聯結。

什麼是RGB-維基百科 / 什麼是CMYK-維基百科

1.色彩

首先我們可以從色彩的角度切入，色彩可以分為色相、明度、彩度三種。

1. 色相色相指的是色彩的相貌，例如紅色、黃色、綠色等，這些都稱為色相，換句話說只要是彩虹的七彩色就是色相。
2. 明度指的是黑灰白的亮暗程度，只要是黑色、灰色、白色就是明度。
3. 彩度指的是色彩和黑色、白色混和後所得到的色彩純粹程度。

2.色彩心理

大自然的顏色與人類的心理有著密不可分的關聯，例如春夏秋冬四季的色彩不同季節所帶給我們的溫度與自然界的變化，因此色彩的溫度可以分為涼色、暖色、中間色。

所以我們以伊登十二色相環為例，以下為涼暖色的色彩。

1. 涼色：綠色、藍色
2. 暖色：紅色、黃色
3. 中間調：紫色、黃綠色

黑色與白色屬於無彩度，屬於明度所以無涼暖之分。

3.配色原理

3.1色彩配色分別為：

同色色相配色、類似色配色、對比色配色、互補色配色。

1.同色相配色：

使用同一色相使用彩度與明度作調整。
同色相配色

2.類似色配色：

伊登十二色相環30-60度色彩配色。
類似色配色

3.對比色配色：

伊登十二色相環120-150度色彩配色。

4.互補色配色：

伊登十二色相環上180度配色。

3.2彩度對比
利用彩度對比的方式套入文字與背景中的色彩，套用後就可以呈現出以下的效果。

• 利用綠色系製作彩度配色

• 利用紅色系製作彩度配色

透過紅色與綠色的彩度配色後，畫面呈現出來的效果就會變得非常的分明，使用者在閱讀上也可以很清楚的看到主題，所以在製作配色時可以更有效的搭配色盤調整色彩。
 

3.3明度對比方式

深色的背景色搭配淺色的文字，淺色的背景色搭配深色的文字。

• 利用明度對比的方式配置文字色彩與背景色彩

• 利用明度對比的方式配置文字色彩與背景色彩

在上面的兩張圖片中我們做了一些比較，第一組圖片文字與背景會比較分明，對比強烈，但是第二組圖片配色上文字就會有稍微不清，以辨識度上來考量，後者就比較不清楚！所以這是在文字與背景的配置上必須要考量的問題。

4.使用Illustrator 配色

1.開啟 Kuler 也可以直接選擇色票以後，在下方選擇「將選取的主題新增自色票」。


2.務必要將圖形與文字填入色彩，選擇色片上的色票群組，按下編輯或套用顏色群組。


3.會開啟重新上色圖稿視窗，只要按下確定即可。


4.神奇的事情發生了，我的文字與圖形變色了！！！


5.不相信你的眼睛嗎？我們再試一次！！


哇~~ 好犀利的功能，下次我也要這樣配色。

延伸閱讀

使用Illustrator Kuler 色彩  ‧ 同色相配色 ‧ 類似色配色 ‧ 類似色配色2