如何為Android上的產品設計一款合適的圖標

tyygming 10年前發布 | 7K 次閱讀 Android


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

但總有一些方式可以讓工程師們也能獨立的設計出不錯的圖標。我們以Andriod應用為例,現在就來為你的產品設計一款合適的圖標。

準備

在設計之前,你應該看看iconography reference guides,這是Android開發者官網上一篇關于圖標設計的教程。

提示:這個鏈接中的設計是Android 4.4 Kitat的風格。如果你想設計Android L風格那就不能完全指望它了。

谷歌在2014年6月26日的I/O 2014開發者大會上正式推出了Android L,可以說是Android系統自2008年問世以來變化最大的升級。


Android L 會生成和KitKat不同風格的圖標, Material Design簡化了設計,主打干凈排版和簡單布局的設計風格,同時融入了豐富的色彩,具有更強的指向性。另外,它還支持多種設備,如手機、平板、電腦、電視等等,幾乎涵蓋了整個Android產品線,具有高度統一性。


讓我們根據這Android L的風格來創建一個圖標。

創建一個圖標

這時假設我們已經有了一個大概的圖標模型,在這里我決定使用一個比較特別的圖標,我在開源庫中找到了Open labs的圖標,就像下圖一樣,我打算在它的基礎上做出Android L的風格。


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


我們通過空間和色彩來改變它,我們會在各個情況中使用圖標,所以它也應該有幾種細節上不太相同的圖標,比如在通知欄中顯示圖標的時候,有邊框就不太合適,這里下圖第一個圖標將會是很好的選擇。

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

經過簡單的處理,圖標變成這樣:


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

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


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

如何實踐? 使用Material?

不得不說,我們還需要等待幾個月才能享受到Material設計Android L的魅力。但是你可以提前準備一下,想一想要為哪個app設計一個Android L風格的圖標,最后大概要做成什么樣子。

via 如何為Android上的產品設計一款合適的圖標

 本文由用戶 tyygming 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!