配色不是很在行，那就來學學這些小知識

Sponsor

前言：如果配色不是很在行，但是要知道一些配色的小知識，今天和大家分享幾個ui設計師經常遇到的輕量知識點，非常實用，大家一起來看看！

1.為什么這個配色會怪？

我們在畫線性圖標的時候，有時候會用深淺色配合，比如描邊用亮藍色和深藍色，像這種：

我們會覺得很和諧，為什么？雖然他們飽和度、明度不同，但他們有相同的色相，有一定的關聯性。

還有一種情況就是相同明度、飽和度，但是有兩種色相，比如藍綠，藍黃：

我們也都覺得很和諧，為什么？因為有相同的明度、飽和度，他們也有一定的關聯性！

但是如果是這樣兩個描邊配色在一起：

就感覺有些不和諧，就是因為色相、飽和度、明度沒有一項是有關聯的，所以就感覺不太搭。

像下面這位星友做的練習，也是一樣的道理：

這個配色多少有點不太和諧，我們放大一個圖標來展示下，比如這個：

這兩個配色，不論是在明度、飽和度、色相上都沒有關聯，所以看起來有點違和。

我們只要讓它稍微有點相同屬性，就會好很多，比如我們讓兩個顏色的色相有點關聯，都用藍色色相：

再比如讓兩個顏色飽和度有點關聯，都用比較灰的顏色，哪怕色相完全不同，都會比較和諧：

我們在做這種圖標描邊配色時候時候，一定要注意這個內在關聯性的邏輯。

當然，這里說的只是做圖標描邊時候的配色，視覺畫面配色，不在討論范圍。

2.為什么你的圖標看不清？

這個點之前其實有強調過，很多同學在做圖標的時候很糊，像下面這組練習：

其中一個很重要的因素就是投影問題，投影千萬不要加的太重，要和你主體物的顏色區分開，比如我的主體物是藍色：

然后投影也用這個藍色：

那肯定很糊呀，所以我們必須要用一個淡藍色：

直接降低透明度也行，沒有什么操作成本，所以投影千萬別再和主體物黏在一起了。

3.對比就能出來基礎的設計感

很多時候，我們的設計感其實只要做好對比就能出來，比如下面這組信息：

我們做一個大小對比：

再做一個粗細對比：

再做一個深淺對比：

然后再來一個景上添花的樣式對比，就是數字來一個特殊數字：

這其實就算是比較穩的一個效果了。

我們可以看一些界面：

他們里面也是用了這樣的對比，比如大小對比、樣式對比、深淺對比，再來點小圖形等等。

所以，一定要善用這些對比，讓你的設計更有層次，更有沖擊力。

4.平時多積累圖形的布爾運算

平時在練習圖標的時候，大家一定要多積累圖形的布爾運算，以備不時之需。

比如火箭的外輪廓，當頭部比較圓潤的時候，我們可以直接用橢圓來做：

如果頭部比較尖的時候，我們可以用兩個橢圓相交切，然后再切：

像這樣的形狀，我們不僅可以做火箭頭，還可以做魚的外輪廓等等:

還可以做眼睛的外輪廓：

多去聯想，多去實踐，當腦庫存達到一定量，我們就可以得心應手了！

總結

好了，今天就分享這么多了，希望可以給大家一點點啟發，我們一起加油呀，下期見！

作者 | 菜心
來源 | 菜心設計鋪
公眾號ID | caixinshejipu

贊助商鏈接

喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。