1. 程式人生 > >android開發之Launcher icon(啟動圖示)的設計

android開發之Launcher icon(啟動圖示)的設計

不同廠商的不同型號的android裝置的解析度是不一樣的,而不同解析度的所使用的icon的圖片的大小要求也是不一樣的。為了讓使用者能在不同的android裝置上面有統一的視覺體驗,作為  Launcher icon(啟動圖示),流暢的圖片風格可以讓你的UI看起來更加專業。

一、圖示結構。
    Launcher icon(啟動圖示)的基面可以朝上或者朝前, 建立啟動圖標表面的時候需要使用啟動圖示色板。強調一下,使用一種或者更多重點色來高亮特性, 嘗試抓住程式的主要特徵。

     使用自然的輪廓和形狀,看起來幾何化和有機化,不失真實感。
Icon採用前視角,幾乎沒有透視,光源在頂部所有的啟動圖示必須是圓角的,這樣可以讓它看起來更加友好、簡單, 所有的維數規範是基於250x250畫素大小的一個影象矩陣編輯器,比如Adobe Illustrator, 圖示能適合剪輯版的邊緣。最終的圖示需要重定義大小,匯出圖示要求是:透明 png 格式檔案。 可以使用光柵影象編輯器,比如Adobe Photoshop。一般我們我先製作圖片放在android工程中的mdpi中。圖片的大小為48X48px.
 
   當然為適應不同手機解析度的大小,我們需要分別製作不同大小的ICON圖片。參考以下表格。
 

con Type Standard Asset Sizes (in Pixels), for Generalized Screen Densities
Low density screen (ldpi) Medium density screen (mdpi) High density screen (hdpi)
Launcher 36 x 36 px 48 x 48 px 72 x 72 px
Menu 36 x 36 px 48 x 48 px 72 x 72 px
Status Bar 24 x 24 px 32 x 32 px 48 x 48 px
Tab 24 x 24 px 32 x 32 px
48 x 48 px
Dialog 24 x 24 px 32 x 32 px 48 x 48 px
List View 24 x 24 px 32 x 32 px 48 x 48 px




然後把不同大小的圖片放入不同的資原始檔中。
android放置資源圖片的目錄。




 
二、圖片的處理。
    啟動圖示是使用簡單的帶定義的光照和陰影效果的3D圖示。光源被放置在稍微偏左前方位置,因此陰影投向右後方。參考圖片如下:



啟動圖示的光照,效果和陰影
Launcher Icon通常是一個較大的標準圖示中包含一個小圖示,使用一箇中性色彩和一個主要色彩,並保持高度的對比,不宜過度飽和。
以下是android 應用程式的一些參考ICON:


轉載地址:http://soft.oneedu.cn/bbs/2012/1125/932.html