基礎功能圖標應該如何設計和優(yōu)化
越簡單的東西,越能看到基礎,前幾天一位星友問我下面這組簡單的功能性圖標怎么優(yōu)化:

看似好像很簡單,沒什么可以優(yōu)化的,但其實還是有很多細節(jié)可以調整的。
我們先來看下我優(yōu)化的結果:

來分享一下優(yōu)化過程的感受,一個一個說。
第一個圖標:待參加
我們看下原版:

我覺得有個比較大的問題就是,上面的圓角很大,下面又沒什么圓角:

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

并且之前的圖標有點高了,把它稍微變矮一點,方正一點:

這樣看起來也會比較飽滿。
第二個圖標:待簽到
首先待簽到和待簽退兩個日歷是不一樣的:

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

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

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

那我們簡化成線性的是不是可以變成這樣:

這樣圖標就不會顯得瑣碎了。
當然,這只是我個人的一個喜好,不太喜歡這個外形:

不過有一些粗描邊的,就還好:

因為面邊比較粗,所以顯得比較飽滿,沒那么細碎。
第三個圖標:待簽退
這個其實和第二個差不多,就不多說了。
第四個圖標:待評價
這個圖標首先我是覺得,他這里面的兩條橫線有點長了:

可以短一點。
其次是不是要用方形的圖標?
其實一組圖標里,最好是能有一定的差異化,在統(tǒng)一的基礎上有一些差異,比如有一些是方形的,有一些是圓形的,有一些是三角的,這樣會更加耐看。
因為前面三個,第一個偏高的方向,第二三個是偏寬的方向,如果第四個還是方形,就會有點膩了,于是就把待評價改成了圓形:

總結
我們再最后看一眼優(yōu)化前后的對比圖:


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