在設計圖標的時候都有哪些技巧
分享幾個比較干貨的知識點,上才藝之前,先分享幾款不錯的軟件,國外軟件www.figma.cool、sketch;國內(nèi)軟件即時設計、mastergo。
01 這個疊加是假的
我看釘釘群里有人問下面這種風格的圖標是用的什么模式疊加的:

我之前有做過類似的,其實這個疊加的效果是假的,和毛玻璃一樣的原理,中間疊在一起的地方,其實是一個單獨的圖形:

我們把這個單獨的圖形加上一個漸變色,放在最上面,效果就出來了:

這個漸變的是可以任意更換顏色的:

所以,這個疊加效果,并不是我們想象中那樣用疊加模式調(diào)出來的。
反正我是這樣做的,供大家參考。
02 包裝的問題
下面這組練習,單從圖標來看其實是沒有啥問題的:

統(tǒng)一性啥的都還 ok,但是毀在包裝上了,比如黑色方塊下面盡量就不用加投影了,太臟了:

其次就是黑色下面的背景色用了一塊淺紫色,毫無關聯(lián)性,不如直接用灰色,或者如果色塊是深紫色,背景是淺紫色,那也 ok:

總之就是要有一定的關聯(lián)性,不然就會比較奇怪。
03 關于圓角的和諧性
其實我們在看圓角的時候,并不僅僅只是一組圖標之間的統(tǒng)一,單個圖標的圓角統(tǒng)一也要注意。
比如之前有一次優(yōu)化的圖標,就是因為圖標頂部和底部的圓角大小不一:

今天看的這個是優(yōu)惠券的:

也是感覺有點難受,但是如果是下面這個優(yōu)惠券就精致很多:

其實也是因為圖標內(nèi)部圓角統(tǒng)一的問題,都是直角就會舒服很多,但外輪廓是大圓角,里面是尖角就會比較難受。
04 為什么這組半原創(chuàng)沒有原版耐看
有一位星友做了一組半原創(chuàng)練習,原版是這組:

半原創(chuàng)是這組:

我們會發(fā)現(xiàn),原創(chuàng)的圖標沒有原版耐看,為什么呢?
因為原版的細節(jié)足夠豐富,但是半原創(chuàng)的細節(jié)就很單薄,比如我們看原版的獎杯,底座加了兩側(cè)矩形,如果只是一條橫線就會相對非常單薄普通:

再比如這個放大鏡,把手也并不只是一條豎線,而是分了兩段,加了細節(jié):

按照這個理念來分析,我們可以發(fā)現(xiàn)半原創(chuàng)的幾個圖標,只有第四個看起來比較耐看,因為它的細節(jié)相對比較豐富,可以跟得上原作,其他都相對單薄一些。

雖然第二個錢包紐扣那里也加了兩層,但是疏密度有點問題,而且也比較常規(guī)。