拒絕千篇一律，你也能秒變配色高手！

最新 04-17

每個人對色彩的敏感程度都是不一樣的，但只要是美的東西我相信每個人都是無法抗拒的。畢竟愛美之心人皆有之。有句話叫做「美的千篇一律，丑的千奇百怪」。大家可以思考一下，既然美千篇一律那說明美的事物會有很多的共通性。在色彩運用中也一樣，好的色彩搭配也是有很多共通性的。

那麼，美就只能千篇一律嗎？我們能不能美的獨樹一幟富有特性呢？熟練掌握色彩原理，構建一套自己的配色方法，會讓你的作品錦上添花。

認識色彩

首先我們要認識色彩。色彩是通過眼、腦和我們的生活經驗所產生的一種對光的視覺效應。人對顏色的感覺不僅僅由光的物理性質所決定，比如人類對顏色的感覺往往受到周圍顏色的影響。有時人們也將物質產生不同顏色的物理特性直接稱為顏色。（來自百度百科）

相信在設計中，說到「三原色」「間色」「互補色」「鄰近色」這些詞大家腦海中已經浮現出了那個魔幻的色環。（此處需要腦補一張色環）

人眼看到的任何色彩都是由色相／飽和度／明度這三個特性綜合起來的效果。所以稱之為色彩的三要素。也就是我們熟知的HSB。

H（hue）=色相決定是什麼顏色

S（saturation）=飽和度決定顏色濃淡

B（Brightness）=明度決定照射在顏色上的白光有多亮

色彩平衡

熟練掌握色彩基本理念，能精準判別顏色是第一步。比如給你任意一個顏色，你可以很快的找到它在色版中的大概位置。第二步我們要做的是如何追求美感。

我理解的色彩平衡指的是色彩冷暖平衡和重量感的平衡。不同色彩會給人不同的情緒感受也會給人心理上不同的重量感。

冷暖平衡

案例一

首先確定好畫面的冷暖色調，可以看到，同類色的配色會給我們穩定／統一／平和／呆板／單調的感覺。

適當加入鄰近色、對比色或者互補色。有冷暖對比，會使畫面看起來豐富，有律動感。

案例二

同樣的兩張海報，一個暖色調，一個是有冷暖對比的。第一張暖色調看上去雖然統一，但是主體很難突出，缺失色彩心理補償，容易視覺疲勞。第二張有冷暖對比，畫面層次感強，主題和人物都很突出，視覺衝擊力也比較強。

所以在設計中如果想明確的突出主題，營造強烈的視覺衝擊力。我們首先要確定好畫面的整體基調，是冷色還是暖色。然後用互補色或者對比色來豐富我們想要突出的主體。

重量平衡

學畫水粉的時候我們都知道，背景的檯布多用冷色，前面的主體靜物多用暖色會增強畫面的空間感。

為什麼會這麼說呢，我們來看這張圖：

圖一

圖二

這個是PS里的色板，圖二我做了一個去色。注意觀察黃色框里的顏色條，我們會發現最暗的部分是藍紫色，最亮的部分是黃綠色，紅色次之。所以畫面「前暖後冷」可以增強畫面的空間感。因為同等飽和度明度的情況下，黃綠紅色會比藍紫色的亮度高很多，就會首先映入我們的眼帘，而藍紫色相對較「重」所以視覺上是往後退的。

在設計作品的過程中我們也不妨用一下這種方法，給畫面做一個去色，來檢視我們的畫面顏色是否重量平衡，有層次感。

案例

配色方法

對於配色困難戶的小夥伴來說，各類配色網站無疑是一扇新世界的大門。

1. 配色小白必備神器

（1）Color Scheme Designer 3_高級在線配色器

一款超便捷的配色網站。裡面有不同的顏色搭配：同類色／互補色／鄰近色／。可以根據自己的需求來選擇合適的色彩搭配。也可以對任意一個配色進行明度飽和度的調節。還可以預覽你所選配色的網頁效果展示。

（2）uiGradients

一款以漸變色為主的配色網站，上千種不同顏色的漸變配色任你選擇，點擊網站左上角可以預覽所有的配色方案。總有一款適合你。

（3）Adobe Kuler

Adobe爸爸旗下的一款配色產品。你可以直接下載現有的不同主題的配色方案。也可以自行上傳照片進行顏色識別，它會根據不同的色彩情境匹配出不同的配色方案供你選擇。你還可以用自己的Adobe賬號建立自己專屬的小小色庫，方便自己使用。

各類的配色網站舉不勝舉，個人覺得配色網站需要靈活運用，不能太依賴。

2. 站在巨人的肩膀上

很多人都會有一種道理我都懂，就是做不到的無力感。在明確了想要的設計風格後，我們完全可以根據我們想要的感覺找相應的作品直接吸取別人畫面的顏色。這些作品可以是優秀的攝影作品，也可以是各路大神的設計成品。當然並不是要完全照搬別人的配色，而是需要根據我們的作品和需求做一些適合我們設計畫面的調整，不做完全的拿來主義。

3. 發現美的眼睛

不論是配色網站還是吸現成作品的配色都是治標不治本的。給大家分享一下我平時的一些小習慣。我平時比較喜歡觀察，目之所及的東西都可以把它看成一個平面，擁有不同的色彩。比如同一個場景在不同天氣狀況下呈現出不同的顏色。不同燈光下物體的顏色也不盡相同。看到好看的場景和顏色立馬用相機記錄下來。玩遊戲有好看的界面或者場景也會截圖保存下來，比如我很喜歡的紀念碑谷。基本每一個畫面我都有截圖保存，去分析他的色彩搭配。

最後分享一個做過的案例，華為雲撲克牌的設計。在做這種整套系列作品的時候我們應該怎麼把控配色呢？首先要確定風格，根據風格做一套規範的用色體系。這套撲克牌主要是宣傳華為雲的部分業務，所以用這些業務的logo做延展來設計，因為每個業務對於不了解的人來說是比較抽象的，所以圖形設計和用色上面想讓他更加的有親和力。風格偏年輕、清新。主色調是紅色和藍色。

紅色系的撲克牌我用了同類色（不用明度的紅色）、鄰近色（黃色和紫色）對比色（藍色）來搭配。

藍色系的撲克牌我用了同類色（不用明度的藍色）、鄰近色（綠色）對比色（黃色和紅色）來搭配

規定好每個顏色的色值，方便在設計過程中直接使用。這樣就能保證整個系列的作品看上去很統一。