初學UI設計配色，不知道這些怎麼行？

設計 04-10

事情是這樣的，最近看到一些朋友的練習，配色上有些不好的習慣，所以決定和大家簡單聊聊配色！

大綱如下：

用色要有理論支撐

配色的數量慢慢加

配色一定要和諧

顏色可以不用那麼正

1.用色要有理論支撐

網上有很多人寫過關於配色的基礎理論，例如互補色呀、相鄰色呀、對比色等等，再比如紅色代表熱情、藍色代表科技、綠色代表健康等等，這些都是我們必須掌握的，如果不太不清楚，可以去百度一下！

我這裡想和大家強調的是，在我們每次用色之前，一定要想想為什麼要這麼用，你的理論依據是什麼？這是一個優秀設計師基本的思考習慣。

舉個簡單的例子，如果我們為一個品牌的視覺延展，品牌色是藍色：

當我們需要去給這個品牌色搭配色彩的時候，我們可以從很多方面入手，例如品牌調性、目標人群等等。

假設我們的目標人群是：時尚、前衛的年輕人。

那我們就可以大膽的使用對比色——紅色：

用對比色的視覺衝擊力來突出年輕、前衛的品牌調性，博得目標人群的喜愛。

舉這個簡答的例子就是告訴大家，理論還是要看一看，讓你的理論支撐你的執行，這樣你就可以有足夠的信心。

當然，至於配出來的顏色好不好看，那就是另外一個層面（執行力）的事了，我們後面再說！

2.配色數量慢慢加

上兩天群里的一個朋友發了一張臨摹的練習圖，我想寫配色的文章也是因為他的這張練習圖：

這裡，我再說下關於配色的問題，上個知識點，我已經強調過了理論的重要性，可以支撐我們的執行！

來，我們看看這個練習的原圖：

他的用色是非常有研究的，一共有三種主要色相，綠色、紅色、黃色，綠色與紅色是互補色，紅色與黃色是鄰近色，三種不同深淺的綠色使畫面變得豐富又不雜亂。

而我們看下練習稿：

這麼一個小小的插圖，竟然用了13種顏色，並且沒有任何規律，從這個練習可以看出這位朋友的整個思維都是亂的，並不知道到底該怎麼用色！

在這種情況下，千萬不要貪心，可以先從兩種主色開始搭配，例如，先用好鄰近色，紅色和黃色：

當真的能駕馭好之後，再來慢慢添加顏色的數量，例如加些點綴色——天空的藍色、地面的灰色：

千萬記住，練習配色不要急，先從少數量的顏色開始練起，慢慢增加！

3.配色一定要和諧

如何讓配色看著和諧？

我個人覺得有一個點很關鍵就是：飽和度、明度看起來要足夠相似，要低飽和就所有的顏色都用低飽和，例如上面建築的插圖使用的都是低飽和的顏色：

假設這時候我們把背景的紅換個高飽和度就會是下面這個樣子：

根本沒辦法看！

不過讓配色看著和諧，除了需要理論支撐以外，確實還是需要一定的色彩感覺，如果色感太差，那就多練吧（記住，顏色數量慢慢來哦），敏銳的色感也是可以慢慢培養的！

4.顏色可以不用那麼正

對於我們配色新手來說，剛開始顏色不敢用太多，配色種類比較單一，這時候還想出彩的話，我們就可以讓顏色不要那麼正（比如正紅、正藍），尤其是拉漸變的時候，舉個例子：

我們拉個藍色的漸變，如果色相都是一樣的，只是改變明度的變化，那就是左面這樣的，但如果你用兩種色相，讓淺色的藍不那麼正，而是加入一點點綠，效果看起來就會豐滿很多。

下圖是我利用這個配色技法製作的一個小作品：

像這樣兩種色相之間的漸變，是常用的配色技法，大家可以多多嘗試。

好了，今天就先分享這麼多了，希望能對你能有所啟發，不過再大的啟發，你不練，那也是沒用的，所以打開電腦，練起吧！

UI設計師在移動應用產品設計、遊戲軟體、多媒體製作、廣告設計、工業設計及醫療、軍事、科技、交通、通訊、商業流通領域都有廣闊的發展空間。這是它吸引人的一個主要原因。當然，UI設計師的薪資也比平面設計的普遍要高一些，更是吸引人加入這個隊伍的重要要素。說到這裡，有很多人可能有困惑：我沒有天賦，能學好UI設計么？

凡是看到討論UI設計天賦的，尤其是在初學者階段討論天賦的，我都忍不住聲明一下：

學習UI設計，其實與天賦沒有任何關係。