基礎(chǔ)功能圖標(biāo)應(yīng)該如何設(shè)計(jì)和優(yōu)化
越簡(jiǎn)單的東西,越能看到基礎(chǔ),前幾天一位星友問(wèn)我下面這組簡(jiǎn)單的功能性圖標(biāo)怎么優(yōu)化:

看似好像很簡(jiǎn)單,沒(méi)什么可以?xún)?yōu)化的,但其實(shí)還是有很多細(xì)節(jié)可以調(diào)整的。
我們先來(lái)看下我優(yōu)化的結(jié)果:

來(lái)分享一下優(yōu)化過(guò)程的感受,一個(gè)一個(gè)說(shuō)。
第一個(gè)圖標(biāo):待參加
我們看下原版:

我覺(jué)得有個(gè)比較大的問(wèn)題就是,上面的圓角很大,下面又沒(méi)什么圓角:

所以看起來(lái)就不是很和諧,統(tǒng)一圓角后:

并且之前的圖標(biāo)有點(diǎn)高了,把它稍微變矮一點(diǎn),方正一點(diǎn):

這樣看起來(lái)也會(huì)比較飽滿。
第二個(gè)圖標(biāo):待簽到
首先待簽到和待簽退兩個(gè)日歷是不一樣的:

我覺(jué)得還是統(tǒng)一比較好。
其次,我個(gè)人不是特別喜歡這種日歷造型,會(huì)顯得頂部非?,嵥椋?/p>
非常影響美感。
先不說(shuō)簽到是不是一樣要用日歷,我看很多簽到是用下面這個(gè)圖形:

就算我們用日歷作為外輪廓,那日歷是不是有其他的形狀呢,是不是一定要用這樣的外輪廓:

我猜不一定,比如我們看很多日歷就是這樣的:

那我們簡(jiǎn)化成線性的是不是可以變成這樣:

這樣圖標(biāo)就不會(huì)顯得瑣碎了。
當(dāng)然,這只是我個(gè)人的一個(gè)喜好,不太喜歡這個(gè)外形:

不過(guò)有一些粗描邊的,就還好:

因?yàn)槊孢叡容^粗,所以顯得比較飽滿,沒(méi)那么細(xì)碎。
第三個(gè)圖標(biāo):待簽退
這個(gè)其實(shí)和第二個(gè)差不多,就不多說(shuō)了。
第四個(gè)圖標(biāo):待評(píng)價(jià)
這個(gè)圖標(biāo)首先我是覺(jué)得,他這里面的兩條橫線有點(diǎn)長(zhǎng)了:

可以短一點(diǎn)。
其次是不是要用方形的圖標(biāo)?
其實(shí)一組圖標(biāo)里,最好是能有一定的差異化,在統(tǒng)一的基礎(chǔ)上有一些差異,比如有一些是方形的,有一些是圓形的,有一些是三角的,這樣會(huì)更加耐看。
因?yàn)榍懊嫒齻€(gè),第一個(gè)偏高的方向,第二三個(gè)是偏寬的方向,如果第四個(gè)還是方形,就會(huì)有點(diǎn)膩了,于是就把待評(píng)價(jià)改成了圓形:

總結(jié)
我們?cè)僮詈罂匆谎蹆?yōu)化前后的對(duì)比圖:


雖然從技術(shù)上沒(méi)什么難度,但還是會(huì)有很多細(xì)節(jié)的思考在里面,另外除了這些細(xì)節(jié),設(shè)計(jì)工具也是特別重要,比如figma、oursketch.com以及即時(shí)設(shè)計(jì)等國(guó)產(chǎn)軟件,都是不錯(cuò)的選擇,我們平時(shí)也不要太貪心,把基礎(chǔ)的、簡(jiǎn)單的能做好,就和不錯(cuò)了,慢慢來(lái),繼續(xù)加油沖!