今天和大家分享幾個(gè) ui 設(shè)計(jì)師經(jīng)常遇到的輕量知識(shí)點(diǎn)，非常實(shí)用，大家一起來(lái)看看！

1. 為什么這個(gè)配色會(huì)怪？

我們?cè)诋?huà)線(xiàn)性圖標(biāo)的時(shí)候，有時(shí)候會(huì)用深淺色配合，比如描邊用亮藍(lán)色和深藍(lán)色，像這種：

我們會(huì)覺(jué)得很和諧，為什么？雖然他們飽和度、明度不同，但他們有相同的色相，有一定的關(guān)聯(lián)性。

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

我們也都覺(jué)得很和諧，為什么？因?yàn)橛邢嗤拿鞫取柡投?，他們也有一定的關(guān)聯(lián)性！

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

就感覺(jué)有些不和諧，就是因?yàn)樯?、飽和度、明度沒(méi)有一項(xiàng)是有關(guān)聯(lián)的，所以就感覺(jué)不太搭。

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

這個(gè)配色多少有點(diǎn)不太和諧，我們放大一個(gè)圖標(biāo)來(lái)展示下，比如這個(gè)：

這兩個(gè)配色，不論是在明度、飽和度、色相上都沒(méi)有關(guān)聯(lián)，所以看起來(lái)有點(diǎn)違和。

我們只要讓它稍微有點(diǎn)相同屬性，就會(huì)好很多，比如我們讓兩個(gè)顏色的色相有點(diǎn)關(guān)聯(lián)，都用藍(lán)色色相：

再比如讓兩個(gè)顏色飽和度有點(diǎn)關(guān)聯(lián)，都用比較灰的顏色，哪怕色相完全不同，都會(huì)比較和諧：

我們?cè)谧鲞@種圖標(biāo)描邊配色時(shí)候時(shí)候，一定要注意這個(gè)內(nèi)在關(guān)聯(lián)性的邏輯。

當(dāng)然，這里說(shuō)的只是做圖標(biāo)描邊時(shí)候的配色，視覺(jué)畫(huà)面配色，不在討論范圍。

2. 為什么你的圖標(biāo)看不清？

這個(gè)點(diǎn)之前其實(shí)有強(qiáng)調(diào)過(guò)，很多同學(xué)在做圖標(biāo)的時(shí)候很糊，像下面這組練習(xí)：

其中一個(gè)很重要的因素就是投影問(wèn)題，投影千萬(wàn)不要加的太重，要和你主體物的顏色區(qū)分開(kāi)，比如我的主體物是藍(lán)色：

然后投影也用這個(gè)藍(lán)色：

那肯定很糊呀，所以我們必須要用一個(gè)淡藍(lán)色：

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

3. 對(duì)比就能出來(lái)基礎(chǔ)的設(shè)計(jì)感

很多時(shí)候，我們的設(shè)計(jì)感其實(shí)只要做好對(duì)比就能出來(lái)，比如下面這組信息：

我們做一個(gè)大小對(duì)比：

再做一個(gè)粗細(xì)對(duì)比：

再做一個(gè)深淺對(duì)比：

然后再來(lái)一個(gè)景上添花的樣式對(duì)比，就是數(shù)字來(lái)一個(gè)特殊數(shù)字：

這其實(shí)就算是比較穩(wěn)的一個(gè)效果了。

我們可以看一些界面：

他們里面也是用了這樣的對(duì)比，比如大小對(duì)比、樣式對(duì)比、深淺對(duì)比，再來(lái)點(diǎn)小圖形等等。

所以，一定要善用這些對(duì)比，讓你的設(shè)計(jì)更有層次，更有沖擊力。

4. 平時(shí)多積累圖形的布爾運(yùn)算

平時(shí)在練習(xí)圖標(biāo)的時(shí)候，大家一定要多積累圖形的布爾運(yùn)算，以備不時(shí)之需。

比如火箭的外輪廓，當(dāng)頭部比較圓潤(rùn)的時(shí)候，我們可以直接用橢圓來(lái)做：

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

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

還可以做眼睛的外輪廓：

多去聯(lián)想，多去實(shí)踐，當(dāng)腦庫(kù)存達(dá)到一定量，我們就可以得心應(yīng)手了！最后因?yàn)榉N種原因，F(xiàn)igma不能愉快穩(wěn)定的使用，推薦給大家一個(gè)figma中文版：https://www.figma.cool/cn，有興趣的小伙伴可以看看。

總結(jié)

好了，今天就分享這么多了，希望可以給大家一點(diǎn)點(diǎn)啟發(fā)，我們一起加油呀