UI 設(shè)計師常見的幾個問題
1. 圖標(biāo)不精致有 80% 都是來自于不統(tǒng)一問題
今天來兩個星友做的案例。
下面這是網(wǎng)上的原作效果:

下面這個是星友做的練習(xí)效果:

為什么原版的看起來要更精致呢,我們單從白色負(fù)形這一個點來看看。
原版的白色負(fù)形基本只有線條這一種形式:

雖然有圓點,但是原點的面積比較小,和線條粗細(xì)差不多,所以也可以算成是線性的。
但是練習(xí)的作品,就有很多種白色負(fù)形:

除了白色負(fù)形的形式外,白色負(fù)形的占比面積,同樣是圓點,就有很多種不同的大小,而且差異非常明顯:

在這樣不統(tǒng)一的情況下,一組圖標(biāo)是很難統(tǒng)一精致的。
還有下面這組圖標(biāo)練習(xí):

前 6 個其實還是比較統(tǒng)一的,但是后面三個在復(fù)雜程度,線面風(fēng)格上都不是很統(tǒng)一:

導(dǎo)致整體不夠精致。
所以,如果你現(xiàn)在覺得自己做的一組圖標(biāo)不夠精致,那就先從統(tǒng)一性來檢查吧。
2. 光源最好不要打在正中間
做質(zhì)感圖標(biāo)的時候,難免會有光影,有光影就需要有光源,很多同學(xué)會把光源假定在正中心,那樣會導(dǎo)致質(zhì)感很平,比較死板。
看兩個例子:

這是原作效果:

光源是在右上角的。
但是練習(xí)作品:

光源就在正中心,顯得有點死板,也有點平。
下面這個作品是碳水做的,最開始光源也是打在正中心,后來放在了左上角:

就比之前立體很多,也顯得更加飽滿自然!
3. 時刻關(guān)注整體的氣質(zhì)。
我們在做一組圖標(biāo)的時候,一定要時刻觀看整體,保證整體的感覺是搭配的。
比如下面這組練習(xí):

大家覺得有什么不對的地方嗎?
大部分圖標(biāo)都是很整體的大塊,但是突然這個圖標(biāo)就加了一些非常細(xì)碎的細(xì)節(jié):

這樣就會感覺有點格格不入了。
再比如下面這組練習(xí):

我個人就覺得第三個下面的斜切有點不太搭,其他都是相對圓潤的,不如直接把斜切變成平整的大圓角,會更搭一點。最后說下UI設(shè)計師最糾結(jié)的問題,該如何選擇設(shè)計軟件,是選擇figma、oursketch.com,還是選擇國產(chǎn)軟件,我的建議是需要逐步過渡到國產(chǎn)軟件了,像即時設(shè)計、pixso等國產(chǎn)軟件發(fā)展非常迅速,而且國產(chǎn)更懂得國產(chǎn)設(shè)計師。
在做一組圖標(biāo)的時候,一定要時刻注意整體圖標(biāo)的氣質(zhì),拿捏好細(xì)節(jié),保證和諧搭調(diào)