圖標(biāo)就是一個(gè)表示屏幕內(nèi)容并為操作、狀態(tài)和應(yīng)用提供第一印象的小幅圖片。

在為應(yīng)用設(shè)計(jì)圖標(biāo)時(shí)，需要牢記設(shè)備是多種多樣的，這就帶來了不同的像素密度(詳見 設(shè)備與顯示 )。為了應(yīng)對(duì)這一問題，提供不同尺寸的圖標(biāo)是個(gè)不錯(cuò)的主意。Android 會(huì)根據(jù)你提供的圖標(biāo)來針對(duì)不同設(shè)備優(yōu)化選擇。

由于所有圖標(biāo)都需要適配不同的像素密度，這里引入 dp 這一單位，它以中等尺寸，MDPI的屏幕為基準(zhǔn)提供像素密度無關(guān)的表示。

在設(shè)計(jì)圖標(biāo)時(shí)，對(duì)于五種主流的像素密度(MDPI、HDPI、XHDPI、XXHDPI 和 XXXHDPI)應(yīng)按照 2:3:4:6:8 的比例進(jìn)行縮放。例如，一個(gè)啟動(dòng)圖標(biāo)的尺寸為48x48 dp，這表示在 MDPI 的屏幕上其實(shí)際尺寸應(yīng)為 48x48 px，在 HDPI 的屏幕上其實(shí)際大小是 MDPI 的 1.5 倍 (72x72 px)，在 XDPI 的屏幕上其實(shí)際大小是 MDPI 的 2 倍 (96x96 px)，依此類推。

提示:雖然 Android 也支持低像素密度 (LDPI) 的屏幕，但無需為此費(fèi)神，系統(tǒng)會(huì)自動(dòng)將 HDPI 尺寸的圖標(biāo)縮小到 1/2 進(jìn)行匹配。

啟動(dòng)圖標(biāo)

啟動(dòng)圖標(biāo)在“主屏幕”和“所有應(yīng)用”中代表你的應(yīng)用。因?yàn)橛脩艨梢栽O(shè)置“主屏幕”的壁紙，所以要確保你的啟動(dòng)圖標(biāo)在任何背景上都清晰可見。

大小和縮放

移動(dòng)設(shè)備上的啟動(dòng)圖標(biāo)大小必須是 48x48 dp。

在 Play 商店中顯示的啟動(dòng)圖標(biāo)大小必須是 512x512 像素。

比例

整體大小是 48x48 dp

樣式

使用一個(gè)獨(dú)特的剪影。三維的正面視圖，看起來稍微有點(diǎn)從上往下的透視效果，使用戶能看到一些景深。

操作欄

操作欄圖標(biāo)是一個(gè)圖像按鈕，用來表示用戶在應(yīng)用中可以執(zhí)行的重要操作。每一個(gè)圖標(biāo)都使用一個(gè)簡(jiǎn)單的隱喻來代表將要執(zhí)行的操作，用戶應(yīng)當(dāng)一目了然。

內(nèi)置的圖標(biāo)應(yīng)當(dāng)用來表示一些確定的通用操作，例如“刷新”和“分享”。下面的下載鏈接提供了一個(gè)圖標(biāo)包，其中的圖標(biāo)可以縮放到多種屏幕分辨率，并且適合于淺色和深色的 Holo 主題。圖標(biāo)包中還有沒有樣式化的圖標(biāo)，可以和你自己的主題搭配，并且提供了 Adobe? Illustrator? 源文件，你可以自己修改。

大小和縮放

手機(jī)操作欄圖標(biāo)大小應(yīng)當(dāng)是 32x32 dp。

焦點(diǎn)區(qū)域和比例

整體大小是 32x32 dp

圖形區(qū)域 24x24 dp

樣式

象形、平面、不要有太多細(xì)節(jié)，圓滑的弧線或者尖銳的形狀。如果圖形太窄了，那么向左或向右旋轉(zhuǎn) 45° 來填滿圖形區(qū)域。最細(xì)的筆畫不應(yīng)小于 2dp。

顏色

顏色: #333333

可用: 60% 的透明度

禁用: 30% 的透明度

顏色: #FFFFFF

可用: 80% 的透明度

禁用: 30% 的透明度

小圖標(biāo)和上下文圖標(biāo)

在應(yīng)用的主體區(qū)域中，使用小圖標(biāo)表示操作或者特定的狀態(tài)。例如在 Gmail 應(yīng)用中，每條信息都有一個(gè)星型圖標(biāo)用來標(biāo)記“重要”。

大小和縮放

小圖標(biāo)大小應(yīng)當(dāng)是 16x16 dp。

焦點(diǎn)區(qū)域和比例

整體大小是 16x16 dp

圖形區(qū)域 12x12 dp

樣式

中性、平面和簡(jiǎn)單。最好使用填充圖標(biāo)而不是細(xì)線條勾勒。使用簡(jiǎn)單的視覺效果，使用戶容易理解圖標(biāo)的目的。

顏色

使用有目的的小圖標(biāo)。例如在 Gmail 應(yīng)用中，使用黃色的星型圖標(biāo)表示重要的信息。如果圖標(biāo)是可操作的，使用和背景色形成對(duì)比的顏色。

通知欄圖標(biāo)

如果你的應(yīng)用會(huì)產(chǎn)生通知，提供一個(gè)圖標(biāo)給系統(tǒng)顯示在狀態(tài)欄上，表示有一條新的通知。

大小和縮放

通知欄圖標(biāo)大小必須是 24x24 dp。

焦點(diǎn)區(qū)域和比例

整體大小是 24x24 dp

圖形區(qū)域 22x22 dp

樣式

使用簡(jiǎn)單的平面的圖標(biāo)，應(yīng)當(dāng)和應(yīng)用的啟動(dòng)圖標(biāo)視覺上相似。

顏色

通知欄圖標(biāo)必須是白色的，這樣系統(tǒng)可以縮放和加深你的圖標(biāo)。

設(shè)計(jì)小技巧

以下這些小技巧可能對(duì)你創(chuàng)建圖標(biāo)或其他圖片資源有所幫助。這里我們假定你也使用諸如 Adobe? Photoshop? 這類的位圖或矢量圖編輯程序。

盡可能使用矢量圖

Adobe? Photoshop? 這類圖像編輯工具允許用戶混合使用矢量圖和位圖。盡可能的使用矢量圖，這樣在需要放大圖標(biāo)時(shí)就可以避免細(xì)節(jié)上的損失。

使用矢量圖的另一個(gè)好處是能更方便的在低分辨率的屏幕上讓邊緣和角落與像素邊界對(duì)齊。

使用更大的畫布

為了更好的適配不同的像素密度，最好使用數(shù)倍于目標(biāo)圖標(biāo)尺寸的畫布。例如，啟動(dòng)圖標(biāo)在 MDPI、HDPI、XHDPI 和 XXHDPI 下的寬度為 48、72、96 和 144 px，使用 864x864 px 的畫板可以降低縮放圖標(biāo)時(shí)的工作量。

縮放時(shí)，按需重繪位圖圖層

如果需要放大的圖標(biāo)中包含位圖圖層，這些圖層需要進(jìn)行手動(dòng)重繪，以便在更高的像素密度下獲得更好的顯示效果。例如，為 MDPI 所繪制的 60x60 px 的圓，在適配 HDPI 屏幕時(shí)需重繪成 90x90 px。

圖標(biāo)命名約定

遵守一定的圖標(biāo)命名約定有助于圖標(biāo)文件的管理。我們可以為不同類型的圖標(biāo)指定不同的命名前綴:

圖標(biāo)類型

命名前綴

例

圖標(biāo)

ic_

ic_star.png

啟動(dòng)圖標(biāo)

ic_launcher

ic_launcher_calendar.png

菜單圖標(biāo)和操作欄圖標(biāo)

ic_menu

ic_menu_archive.png

狀態(tài)欄圖標(biāo)

ic_stat_notify

ic_stat_notify_msg.png

標(biāo)簽選項(xiàng)卡圖標(biāo)

ic_tab

ic_tab_recent.png

對(duì)話框圖標(biāo)

ic_dialog

ic_dialog_info.png

此處給出的命名約定只是作為示例，你可以根據(jù)需求建立自己的命名約定。

按像素密度對(duì)圖標(biāo)進(jìn)行歸檔

支持多像素密度意味著同一圖標(biāo)會(huì)有不同的版本。為了方便管理，我們建議按照像素密度對(duì)相應(yīng)的圖標(biāo)文件進(jìn)行歸檔保存。例如:

art/...

mdpi/...

_pre_production/...

working_file.psd

finished_asset.png

hdpi/...

_pre_production/...

working_file.psd

finished_asset.png

xhdpi/...

_pre_production/...

working_file.psd

finished_asset.png

xxhdpi/...

_pre_production/...

working_file.psd

finished_asset.png

這一歸檔方式與應(yīng)用內(nèi)保存圖標(biāo)文件的方式相似，可以方便的進(jìn)行文件復(fù)制。此外由于不同像素密度下的同一圖標(biāo)文件必須使用同一個(gè)文件名，借助這一歸檔方式我們可以方便的檢查文件命名的一致性。

作為參考，這里也給出應(yīng)用內(nèi)保存圖標(biāo)文件的方式:

res/...

drawable-ldpi/...

finished_asset.png

drawable-mdpi/...

finished_asset.png

drawable-hdpi/...

finished_asset.png

drawable-xhdpi/...

finished_asset.png

關(guān)于應(yīng)用內(nèi)資源文件保存方式的更多內(nèi)容，參見 Providing Resources .

刪除最終版本中無關(guān)的元信息

雖然 Android SDK 工具在打包應(yīng)用時(shí)會(huì)自動(dòng)壓縮 PNG 文件，我們應(yīng)該養(yǎng)成刪除無關(guān)元信息的良好習(xí)慣。借助 OptiPNG 和 Pngcrush 這樣的工具，可以實(shí)現(xiàn)元信息刪除和文件尺寸壓縮這樣的操作。

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的android 图标的格式,Android Design的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。