配色終極指南

本文為《色彩設計的原理》整理，作者伊達千代。微信關注公眾號，讓時間慢下來，截圖發給作者AlexCui（vx-unclecui1949），可獲得本書PDF預覽版，請在24小時內刪除。

Step 1 色彩的知識

1.1 色彩的組成與搭配

反射色：色彩就是可見光在物體顏料上除去被吸收的光後，散射出來的光的顏色（印刷品）

透過色： 色彩就是白色光透過帶顏色的電子屏幕後，表現出來的光的顏色（屏幕）

Tips：在色彩學上計算出來的顏色有750萬多種，人眼一般能分辨3000-5000種顏色。色彩的名稱並沒有那麼多，日本工業規格所規定的慣用色名稱僅有269種。

1.2 表達色彩的語言

色相：用於區分色彩的首要特徵，比如紅、黃、藍等顏色

純度：色彩的鮮明程度，越鮮艷的純度越「高」，越暗沉的純度越「低」

明度：色彩的明亮程度

1.3 色彩的工作與功能

色彩能對人的心理產生一定的效應，而且同一個顏色在不同國家不同文化背景下的印象也是各不相同，更不能過度期待這種色彩對心理的影響。

比方說，紅色在中國總所周知代表「喜慶」、「熱情」的意思，但在某些西方國家，紅色又與「財政赤字」（Be in the red）有所關聯。此外紅色還有「危險」、「緊急」之意，像Red Alert就是表示「空襲」、暴風雨來襲的「警告聲」。比如某人「樂嘉的色彩心理學」

1.4 RGB 與CMYK

計算機屏幕以RGB表示色彩，印刷品以CMYK表示。

1.5 冷色與暖色

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

暖色系的色彩被認為會提高血壓以及心跳次數、刺激自律神經系統、增強性慾和食慾；冷色系則有與之相反的作用。因此很多餐飲行業或烹飪書，為了讓食物看起來更美味，激發想吃的慾望，比較適合暖色系的配色。

1.6 印象坐標

分析色彩帶給人的印象轉換成簡潔易懂的圖示便是印象坐標。

在商業世界，每一個公司的Logo都經過精細的色彩考慮。

Step 2 取得協調的配色

2.1 色相一致的配色

同色相配色是指主色和輔色都在統一色相上，這種配色方法往往會給人頁面很一致化的感受。

同色相配色容易營造出一種較為夢幻的感覺，但因較為樸素也就不容易引人注目，而且會給人一種單調的感覺。

Tips： 不要從頭到尾只使用完全相同的色相，最好也使用其他色相的顏色作為強調色，將色調一致的顏色當做基地色比較合適。如若想要在色彩變化上融入一點微妙的變化，可以嘗試在色環中選用兩側相近的顏色，這樣色彩層次豐富了而統一感也不會變，稱之為「鄰近色配色」。

Tips：鄰近色之間往往是你中有我，我中有你。比如：朱紅與桔黃，朱紅以紅為主，裡面略有少量黃色；桔黃以黃為主，裡面有少許紅色，雖然它們在色相上有很大差別，但在視覺上卻比較接近。在色輪中，凡在90度範圍之內的顏色都屬鄰近色的範圍。

2.2 明度一致的顏色

明度，即表示色彩的明亮程度。而相比起「純度」跟「色相」，明度是讓眼睛更容易感受到「變化」 的色彩屬性，因此不管使用怎樣的色彩，只要色彩的明度相合就能表現出統一感。

Tips：比起純度以及色相，明度是讓眼睛更容易感覺到「變化」的色彩要素，將明度統合等同於在設計物上做出特別突顯或醒目的部分。明度一致的設計，能使整體有均衡而平面的印象。

2.3 純度一致的配色

純度，表示色彩的鮮艷程度。相比「明度」跟「色相」，純度更容易對人的心理印象造成影響。其中，純度越高，越是讓人感到鮮艷刺激（左1）；純度越低，越是讓人感覺平靜沉穩（中）；而高低純度混合的配色是難以統合的（右1）。

Tips： 在高純度的配色中，色彩數量增多，會產生熱鬧又愉快的印象；色彩數量減少，則會有強而有力的印象。在低純度的配色中，由於色相變化較小，故色彩的數量並不能很有效的影響人的印象。

Tips：純度：三原色純度最高。沒有別的顏色的混合。彩度：無彩色白黑灰彩度為0。有彩色里含無彩色越多彩度越低。飽和度：某種顏色里該種顏色含量越多，飽和度越高。 2.4 配色方法一：色相的搭配方式

色相環上所有色彩的變化，或是色彩與色彩之間的差異，都以「平均」的方式做配置。也就是說，從這個色相環中，無論以正三角形或正方形選擇色彩作組合，選出的色彩彼此間差異都是均等的，整體設計便自然呈現協調的狀態。

2.5配色方法二：從自然中取得協調的配色

人類對於平常看習慣的事物都會認為是安全的事物，一直被安全的事物包圍著，我們就能夠過著心情安穩的生活。既然大自然是從久遠的太古以來人類已經看習慣的顏色，那麼就舉出一些將自熱中存在的配色與熟悉的風景色彩，並結合設計來活學活用吧。

2.6配色方法三：由色調而生的配色

色調指的是一幅畫中畫面色彩的總體傾向，是大的色彩效果。在不同顏色的物體上，籠罩著某一種色彩，使不同顏色的物體都帶有同一色彩傾向，這樣的色彩現象就是色調。

2.7 配色方法四：無彩色的應用

將無彩色應用得好，可以使設計整體的配色獲得統一

無彩色具有統一整體設計的多種功能.例如，將許多純度和明度參差不齊的色彩用於沒計的場合，山於配色沒有一貫性，容易給人沒有整體感的印象，然而，只要背景採用白色或黑色等無彩色，將每種色彩進行區隔後，色彩看起來是各自獨立的，整體也就自然統一了。

2.8 配色方法五：色彩數量與協調

過多的色彩會造成雜亂的印象，應該注意使用的色彩數量

考慮配色時，會不經意地陷入想組合多種色彩，以希望其看起來更華麗。但是設計上使用的色彩數量越少越能襯托出個別的色彩。另外，選擇色彩的時候，面積太小的色彩，其存在感就顯得薄弱。色彩面積越大，衝擊力越大。一般認為尺寸越大的圖像，更適合單色的配色。

2.9 配色方法六：漸變色

色彩與色彩相連接的時候『漸變色能夠帶來設計的協調

漸變色指的是遵循一定的規則做階段性變化的配色，也有無階段性的聯繫，而色綵排列的方式仍然呈現漸變色的狀態。在圖像中使用漸變色時，可以經由其特有的規則性使人感覺到有秩序的統一。漸變色儘力扮演著連接色彩之間橋樑的角色。

Step 3 強調設計的配色

3.1 對比

設計構思的過程中請時刻記住「在想讓其顯眼的部分運用對比」這個準則。

所謂「對比」（Contrast）指的是數個設計元素之間具有某種「落差」的狀態，這不但是指色彩，在畫面設計或是文字的組合上，也可以運用相同的方式加以設計。

色彩上的對比，是指色與色之間在進行組合時所產生的「落差」的大小，設計過程中只要在色彩的某個要素上添加落差，就可以產生明度的對比、純度的對比、色相的對比等不同方式的組合方式。（明度對比 > 純度對比 > 色相對比）

3.1.1 明度的對比

在色彩的對比之中，效果最好的是讓明度產生落差而形成的「明度對比」 。運用好明度對比就能提高設計的「辨識度」（要素易於辨識的指數）和「可讀性」（指文字的易於讀取度）。

3.1.2 純度的對比

由於人的目光容易被鮮艷的色彩所吸引，所以可以使用高純度的色彩來用作強調作品的某一部分。

高純度的色彩組合容易形成一種花哨的感覺，因此亮眼的作品需要在使用純度高的顏色來凸顯某一部分的同時壓低周邊元素的色彩純度，然後還需考慮如何引導視線如何做排版。

低純度的配色能給人產生平和或是懷舊的情感，但與高純度的色彩結合在一起時，會讓設計作品具有近乎戲劇性的效果，適用於電影海報或小說封面等追求戲劇張力的設計。

3.1.3 色相的對比

色相對比，是把不同色相的色彩組合在一起並藉助顏色的不同來營造對比效果。

在色環中位置相聚較遠的配色組合，效果強烈；反之則越弱。（值得注意的是，在純度較高的互補色組合時，會由於視覺殘像而在色彩邊界產生「光暈」現象，會讓讀者眼鏡疲勞，文字難以閱讀）

3.2強調色

只要有少景的強調色，就能串接設計整體的風格

強調色擔任的職責是重點點綴，所以不要太多。只要將極少量的強調色，使用在想要引人注目的地方或是其周圍，就可以適當的成為統一設計的重點。

3.3辨識度

對人眼來說，最能強烈感受到的對比是明度對比。色彩的明度差，以原色來看非常難以判斷，若要準確判別明度差，只須將所有的色彩全都轉換為黑白色調即可。

3.4彩色

若希望設計有華麗的感覺，就要運用多種色彩連接組合的配色。彩色的配色優點在於，它不但能夠營造出華麗感，還能避免因某特定顏色而讓觀看者感受到固定的印象。

3.5 前進色後退色

前進色：在置於同一平面上的各種顏色中，顯得比其它顏色更靠近眼睛的某些顏色中之任一種顏色（如各種黃色和與黃色相近的其它顏色）。

後退色：亦稱「縮色」。和其它顏色在同一平面上，但看上去離眼睛較遠的幾種顏色（如綠色、藍色、紫色及其各種變色）。

Tips ：暖色調的顏色屬於前進色。膨脹色可以使物體的視覺效果變大，而收縮色可以使物體的視覺效果變小。顏色的另外一種效果。有的顏色看起來向上凸出，而有的顏色看起來向下凹陷，其中顯得凸出的顏色被稱為前進色，而顯得凹陷的顏色被稱為後退色。前進色包括紅色、橙色和黃色等暖色，主要為高彩度的顏色；而後退色則包括藍色和藍紫色等冷色，主要為低彩度的顏色。

3.6 誘目性

純度高的暖色系色彩容易映入眼帘，被稱為誘自性高的配色

誘目性並不單指顏色顯不顯眼，而是說色彩可以引發人們注意力的程度。

一般暖色中的紅、黃、橙的誘目性可能偏高；冷色的誘目性次之，如藍、綠、紫等，當然這還要有針對的不同對象，比如人物表情和服裝顏色的搭調等，還有很重要的一點就是局部色空間彩範圍內或者說單一對象的獨立配色性的協調統一，使人有賞心悅目的色彩感受。

3.7 節奏與色彩面積

為了強調設計，在思考如何選擇顏色的同時，也必須思考其配置方法

我的微信號290764023，一枚城市規劃師也是專欄作家

我在管理三個群，行業交流群，金融，設計師、程序員，學習