如何為Android上的產(chǎn)品設(shè)計(jì)一款合適的圖標(biāo)
如果你已經(jīng)完成了你的app,你一定會(huì)馬上向其它人宣布這件事情。但是你需要注意一個(gè)很重要的問題,那就是app的圖標(biāo)。你的圖標(biāo)可能在項(xiàng)目啟動(dòng)之 前就已經(jīng)設(shè)計(jì)好了,但我不喜歡這樣,如果app沒有完成實(shí)際上圖標(biāo)也沒什么用了。如果你不是一個(gè)設(shè)計(jì)師,圖標(biāo)的確是很讓人頭疼的事情。
但總有一些方式可以讓工程師們也能獨(dú)立的設(shè)計(jì)出不錯(cuò)的圖標(biāo)。我們以Andriod應(yīng)用為例,現(xiàn)在就來為你的產(chǎn)品設(shè)計(jì)一款合適的圖標(biāo)。
準(zhǔn)備
在設(shè)計(jì)之前,你應(yīng)該看看iconography reference guides,這是Android開發(fā)者官網(wǎng)上一篇關(guān)于圖標(biāo)設(shè)計(jì)的教程。
提示:這個(gè)鏈接中的設(shè)計(jì)是Android 4.4 Kitat的風(fēng)格。如果你想設(shè)計(jì)Android L風(fēng)格那就不能完全指望它了。
谷歌在2014年6月26日的I/O 2014開發(fā)者大會(huì)上正式推出了Android L,可以說是Android系統(tǒng)自2008年問世以來變化***的升級(jí)。
Android L 會(huì)生成和KitKat不同風(fēng)格的圖標(biāo), Material Design簡(jiǎn)化了設(shè)計(jì),主打干凈排版和簡(jiǎn)單布局的設(shè)計(jì)風(fēng)格,同時(shí)融入了豐富的色彩,具有更強(qiáng)的指向性。另外,它還支持多種設(shè)備,如手機(jī)、平板、電腦、電視等等,幾乎涵蓋了整個(gè)Android產(chǎn)品線,具有高度統(tǒng)一性。
讓我們根據(jù)這Android L的風(fēng)格來創(chuàng)建一個(gè)圖標(biāo)。
創(chuàng)建一個(gè)圖標(biāo)
這時(shí)假設(shè)我們已經(jīng)有了一個(gè)大概的圖標(biāo)模型,在這里我決定使用一個(gè)比較特別的圖標(biāo),我在開源庫(kù)中找到了Open labs的圖標(biāo),就像下圖一樣,我打算在它的基礎(chǔ)上做出Android L的風(fēng)格。
我們不需要這些文本,把圖標(biāo)扣出來就行了。然后要做的就是選擇顏色,顏色的選擇也有很多講究,色彩太多可能會(huì)造成混亂,我們必須照顧任何大小時(shí)的圖標(biāo),大家應(yīng)該都知道,最麻煩的是標(biāo)簽卡上的小圖標(biāo)。
我們通過空間和色彩來改變它,我們會(huì)在各個(gè)情況中使用圖標(biāo),所以它也應(yīng)該有幾種細(xì)節(jié)上不太相同的圖標(biāo),比如在通知欄中顯示圖標(biāo)的時(shí)候,有邊框就不太合適,這里下圖***個(gè)圖標(biāo)將會(huì)是很好的選擇。
我們還可能需要圓邊和填充的方邊框,可以通過陰影來來增強(qiáng)效果,操作上就是把一定范圍的區(qū)域顏色加深。
經(jīng)過簡(jiǎn)單的處理,圖標(biāo)變成這樣:
像你看到的一樣,你可以在不同的地方選擇合適的圖標(biāo),它們看上去很有立體感。
***可以保存成512*512的PNG格式(Android中可用的***圖標(biāo)分辨率)。通過一些第三方工具可以保存為各個(gè)大小的版本即可。
你也可以通過Android版本的Eclipse來直接自動(dòng)在資源文件夾中生成大小不同的圖標(biāo)。
如何實(shí)踐? 使用Material?
不得不說,我們還需要等待幾個(gè)月才能享受到Material設(shè)計(jì)和Android L的魅力。但是你可以提前準(zhǔn)備一下,想一想要為哪個(gè)app設(shè)計(jì)一個(gè)Android L風(fēng)格的圖標(biāo),***大概要做成什么樣子。