如果你已經(jīng)完成了你的app，你一定會馬上向其它人宣布這件事情。但是你需要注意一個很重要的問題，那就是app的圖標(biāo)。你的圖標(biāo)可能在項目啟動之 前就已經(jīng)設(shè)計好了，但我不喜歡這樣，如果app沒有完成實際上圖標(biāo)也沒什么用了。如果你不是一個設(shè)計師，圖標(biāo)的確是很讓人頭疼的事情。

但總有一些方式可以讓工程師們也能獨立的設(shè)計出不錯的圖標(biāo)。我們以Andriod應(yīng)用為例，現(xiàn)在就來為你的產(chǎn)品設(shè)計一款合適的圖標(biāo)。

準(zhǔn)備

在設(shè)計之前，你應(yīng)該看看iconography reference guides，這是Android開發(fā)者官網(wǎng)上一篇關(guān)于圖標(biāo)設(shè)計的教程。

提示：這個鏈接中的設(shè)計是Android 4.4 Kitat的風(fēng)格。如果你想設(shè)計Android L風(fēng)格那就不能完全指望它了。

谷歌在2014年6月26日的I/O 2014開發(fā)者大會上正式推出了Android L，可以說是Android系統(tǒng)自2008年問世以來變化***的升級。

Android L 會生成和KitKat不同風(fēng)格的圖標(biāo)， Material Design簡化了設(shè)計，主打干凈排版和簡單布局的設(shè)計風(fēng)格，同時融入了豐富的色彩，具有更強(qiáng)的指向性。另外，它還支持多種設(shè)備，如手機(jī)、平板、電腦、電視等等，幾乎涵蓋了整個Android產(chǎn)品線，具有高度統(tǒng)一性。

讓我們根據(jù)這Android L的風(fēng)格來創(chuàng)建一個圖標(biāo)。

創(chuàng)建一個圖標(biāo)

這時假設(shè)我們已經(jīng)有了一個大概的圖標(biāo)模型，在這里我決定使用一個比較特別的圖標(biāo)，我在開源庫中找到了Open labs的圖標(biāo)，就像下圖一樣，我打算在它的基礎(chǔ)上做出Android L的風(fēng)格。

我們不需要這些文本，把圖標(biāo)扣出來就行了。然后要做的就是選擇顏色，顏色的選擇也有很多講究，色彩太多可能會造成混亂，我們必須照顧任何大小時的圖標(biāo)，大家應(yīng)該都知道，最麻煩的是標(biāo)簽卡上的小圖標(biāo)。

我們通過空間和色彩來改變它，我們會在各個情況中使用圖標(biāo)，所以它也應(yīng)該有幾種細(xì)節(jié)上不太相同的圖標(biāo)，比如在通知欄中顯示圖標(biāo)的時候，有邊框就不太合適，這里下圖***個圖標(biāo)將會是很好的選擇。

我們還可能需要圓邊和填充的方邊框，可以通過陰影來來增強(qiáng)效果，操作上就是把一定范圍的區(qū)域顏色加深。

經(jīng)過簡單的處理，圖標(biāo)變成這樣：

像你看到的一樣，你可以在不同的地方選擇合適的圖標(biāo)，它們看上去很有立體感。

***可以保存成512*512的PNG格式（Android中可用的***圖標(biāo)分辨率）。通過一些第三方工具可以保存為各個大小的版本即可。

你也可以通過Android版本的Eclipse來直接自動在資源文件夾中生成大小不同的圖標(biāo)。

如何實踐? 使用Material？

不得不說，我們還需要等待幾個月才能享受到Material設(shè)計和Android L的魅力。但是你可以提前準(zhǔn)備一下，想一想要為哪個app設(shè)計一個Android L風(fēng)格的圖標(biāo)，***大概要做成什么樣子。