教你如何給Android產(chǎn)品設(shè)計(jì)一款合適的圖標(biāo)

即使你的安卓APP已開(kāi)發(fā)完成，也千萬(wàn)不要急著“炫耀”，先看看你APP的圖標(biāo)是否真的設(shè)計(jì)得夠好了!如果沒(méi)有專業(yè)的設(shè)計(jì)師，圖標(biāo)的設(shè)計(jì)問(wèn)題確實(shí)夠讓人頭疼的，不過(guò)總有一些方式可以讓設(shè)計(jì)師們也能獨(dú)立的設(shè)計(jì)出不錯(cuò)的圖標(biāo)?！盎ヂ?lián)網(wǎng)的一些事”推薦此文。

　　下面我們以Andriod應(yīng)用為例，現(xiàn)在就來(lái)為你的產(chǎn)品設(shè)計(jì)一款合適的圖標(biāo)。

　　準(zhǔn)備

　　在設(shè)計(jì)之前，你應(yīng)該看看iconography reference guides，這是Android開(kāi)發(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開(kāi)發(fā)者大會(huì)上正式推出了Android L，可以說(shuō)是Android系統(tǒng)自2008年問(wèn)世以來(lái)變化大的升級(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)格來(lái)創(chuàng)建一個(gè)圖標(biāo)。

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

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

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

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

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

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

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

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

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

　　如何實(shí)踐? 使用Material?

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

文章標(biāo)題：教你如何給Android產(chǎn)品設(shè)計(jì)一款合適的圖標(biāo)
文章起源：http://www.muchs.cn/news26/163076.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營(yíng)銷推廣、服務(wù)器托管、用戶體驗(yàn)、App設(shè)計(jì)、商城網(wǎng)站、營(yíng)銷型網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)