在研究Android的icon設(shè)計之前，有必要先了解Android的界面是如何適配多樣化屏幕的。

適配性

由于同一個UI元素（如100 x100像素的圖片）在高精度的屏幕上要比低精度的屏幕上看起來要小，為了讓這兩個屏幕上的圖片看起來效果差不多，可以采用以下兩種方法：

程序?qū)�圖片進(jìn)行縮放，但是效果較差。

為這兩個精度屏幕的手機(jī)各提供一個圖片。                    

但是屏幕的參數(shù)多樣化，為每一個精度的屏幕都設(shè)計一套icon，工作量大并且不能滿足程序的兼容性要求，勢必要對屏幕的分級，如在160dpi和180dpi的手機(jī)屏幕上采用同一套icon，當(dāng)這套icon在240dpi效果滿足不了設(shè)計要求，就需要另做一套稍大些的icon。

在Android 1.5以及更早的版本中，只支持3.2″ 屏幕上的HVGA (320x480)分辨率，開發(fā)人員也不需要考慮界面的適配性問題。從Android 1.6之后，平臺支持多種尺寸和分辨率的設(shè)備，這也就意味著開發(fā)人員在設(shè)計時要考慮到屏幕的多樣性。

為了簡化設(shè)計并且兼容更多的手機(jī)屏幕，平臺依照尺寸和分辨率對屏幕進(jìn)行了區(qū)分：

三種尺寸：大，中，小。

三種精度：高（hdpi），中（mdpi）和低（ldpi）。

程序可以為這三種尺寸的屏幕提供默認(rèn)資源，如有需要，還可以為各種精度的屏幕提供資源。在運行時，系統(tǒng)會根據(jù)屏幕布局加載正確尺寸或者精度的圖片。

Android支持的屏幕

在運行時，程序為最佳顯示效果提供了三種方法：

1.圖片縮放

基于當(dāng)前屏幕的精度，平臺自動加載任何未經(jīng)縮放的限定尺寸和精度的圖片。如果圖片不匹配，平臺會加載默認(rèn)資源并且在放大或者縮小之后可以滿足當(dāng)前界面的顯示要求。例如，當(dāng)前為高精度屏幕，平臺會加載高精度資源（如圖片），如果沒有，平臺會將中精度資源縮放至高精度。

2.自動定義像素尺寸和位置

如果程序不支持多種精度屏幕，平臺會自動定義像素絕對位置和尺寸值等，這樣就能保證元素能和精度160的屏幕上一樣能顯示出同樣尺寸的效果。例如，要讓W(xué)VGA高精度屏幕和傳統(tǒng)的HVGA 屏幕一樣顯示同樣尺寸的圖片，當(dāng)程序不支持時，系統(tǒng)會對程序慌稱屏幕分辨率為320x533，在（10，10）到（100，100）的區(qū)域內(nèi)繪制圖形完成之后，系統(tǒng)會將圖形放大到（15，15）到（150，150）的屏幕顯示區(qū)域。

3．兼容更大尺寸的屏幕

當(dāng)前屏幕超過程序所支持屏幕的上限時，定義supports-screens元素，這樣超出顯示的基準(zhǔn)線時，平臺在此顯示黑色的背景圖。例如，WVGA 中精度屏幕上，如程序不支持這樣的大屏幕，系統(tǒng)會謊稱是一個320x480的，多余的顯示區(qū)域會被填充成黑色。

但為了達(dá)到最佳的顯示效果，最好的方法還是設(shè)計多套圖片。那就有必要對于所有的屏幕依據(jù)精度值進(jìn)行分級（高中低），之后再設(shè)計三套icon：

先為主流的中精度屏幕（HVGA）設(shè)計一套icon，確定圖片的像素尺寸。

為高精度屏幕將圖片放大到150%，為低精度屏幕將圖片縮小至75%。

將這三套資源放置到程序的三個文件夾下 ：res/drawable-mdpi/ 、res/drawable-hdpi/、 res/drawable-ldpi/。程序在運行時，平臺會根據(jù)屏幕的精度調(diào)取合適的icon。                                

設(shè)計指南                                

Android標(biāo)準(zhǔn)icon 

Launcher Icon是程序主界面上的功能圖標(biāo)，Android對于各個icon的風(fēng)格有一定的要求：

高度簡化和夸張，小尺寸圖標(biāo)也能易于識別，不宜太復(fù)雜。

嘗試抓住程序的主要特征，比如音像作為音樂的icon。

使用自然的輪廓和形狀，看起來幾何化和有機(jī)化，不失真實感。

Icon采用前視角，幾乎沒有透視，光源在頂部。

不光滑但富有質(zhì)感。

正確和錯誤的icon

另外，所有的icon都有文字標(biāo)簽，不要在設(shè)計時把文字也放到icon中。

Launcher Icon通常是一個較大的標(biāo)準(zhǔn)圖標(biāo)中包含一個小圖標(biāo)，使用一個中性色彩和一個主要色彩，并保持高度的對比，不宜過度飽和。

推薦色值 

尺寸和定位

Launcher icons要有多樣化的形狀和樣式，但又要形成統(tǒng)一的視覺風(fēng)格，其尺寸和定位也用統(tǒng)一：

（Full Asset）紅色邊框為圖標(biāo)尺寸

（Icon）藍(lán)色邊框是圖形尺寸，比圖標(biāo)尺寸稍小，圖形之外的空間用于顯示陰影和特殊效果。

（Square Icon）橙色邊框是另外一種圖形尺寸。兩種類型的圖形尺寸可以達(dá)到統(tǒng)一的視覺權(quán)重。

Icon dimensions for high-density (hdpi) screens:

Full Asset: 72 x 72 px

Icon: 60 x 60 px

Square Icon: 56 x 56 px

Icon Dimensions for medium-density (mdpi) screens:

Full Asset: 48 x 48 px

Icon: 40 x 40 px

Square Icon: 38 x 3

Icon Dimensions for low-density (ldpi) screens:

Full Asset: 36 x 36 px

Icon: 30 x 30 px

Square Icon: 28 x 28 px

模板

下載Android的標(biāo)準(zhǔn)圖標(biāo)模板，在此基礎(chǔ)上繪制icon，后期還要加上陰影效果。

WVGA (高精度) 屏幕的陰影:

Effect: Drop Shadow

Color: #000000

Blend Mode: Multiply

Opacity: 75%

Angle: 90°

Distance: 2px

Spread: 0%

Size: 5px

另外，還有Menu icon 、Status bar icon 、Tab icon、 Dialog icon 和List view icon的設(shè)計教程請查看原文吧。

非常詳盡的icon設(shè)計教程，一個程序里要放置三套icon，還有Android硬件比較好，不然內(nèi)存爆掉了。

iPhone對于icon的設(shè)計建議：富有吸引力和可識別性。由于app軟件可供全球的用戶下載，所以在設(shè)計時，也要考慮到用戶不同的文化背景。

程序icon的設(shè)計：

57x57像素，直角。

無發(fā)光效果。

無透明度。

將圖片命名為Icon.png，放置在程序的資源包中，iPhone os會自動生成一個icon。

iPhone的icon設(shè)計就這么簡單，iPhone的屏幕只有320×480像素，所以程序沒有適配性問題。

參考文章：

《Icon Design Guidelines, Android 2.0》

《iPhone human interface guidelines》