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

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

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

　　準備

　　在設(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)格，同時融入了豐富的色彩，具有更強的指向性。另外，它還支持多種設(shè)備，如手機、平板、電腦、電視等等，幾乎涵蓋了整個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)該有幾種細節(jié)上不太相同的圖標(biāo)，比如在通知欄中顯示圖標(biāo)的時候，有邊框就不太合適，這里下圖第一個圖標(biāo)將會是很好的選擇。

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

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

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

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

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

　　如何實踐? 使用Material?

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

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

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

廣告

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