談icon設計

有人提到過行動裝置的盛行，讓設計icon跟UI介面的有了不少的空間，剛好設計icon也是我很喜歡的部分，究在這邊稍微介紹一下設計icon該注意的事情吧。



首先提到大小的部分，因為設計icon後，往往不會只有用在一個地方，所以我們必須考慮大小的彈性，一般有兩種方法，一個是使用向量繪圖軟體(如: illustrator 或 coreldraw)，因為他們可以自由縮放又不失真的原因，只要設計出比例相同的icon，就不怕之後要放大縮小的問題了。

另一個方法是如果怕向量繪圖軟體可以處理的效果比較少，而必須用photoshop的話，就記得把一開始的大小設定的大一些，一般大致設定到512x512就夠用了，但當然可以搭配使用也是好方法。我上面的圖則是完全用illustrator繪製的。

第二是icon常用的尺寸，其實這應該也沒有什麼標準，不過習慣上會用16x16、32x32、64x64...等2的次方大小，也有一些如24x24、48x48也是很常見的大小，另外如果要製作符合行動裝置的，則可以看Android及iOS的官方文件說明。

第三是如果有需要用到16x16的大小的話，我常常會獨自幫這個大小再設計一個icon，因為細節太多的icon縮小後也會有糊在一起的現象，可以看上面那張範例，到16x16就不見得也那麼好看，所以我就會設計像這樣一張比較簡單的icon。



最後是如果要設計到行動裝置的話，Android及iOS都有屬於他們的UI風格，可以只設計單純的外框，系統就會自動套成他們內建UI的風格了。

Android Menu


iOS Menu


其他想設計出好看的icon，就要多多觀察別人設計的作品，以及好好磨練自己的技術囉。