Android 圖標尺寸與設計，android圖標尺寸

Android 圖標尺寸與設計，android圖標尺寸

樣例和圖解

外框:整體大小

　　　　↑

　 邊框:圖標留白大小

　　　　↓

圖標:外圖標的大小

　　　　↑

　 陰影:陰影特效大小

　　　　↓

圖形:內圖標的大小

　　　　↑

　 可選視圖權重:使用兩種類型的圖形尺寸可以達到統一的視覺權重(可選),

　       一般是針對圖標有凸出的情況,會有一個內部會有一個更小的尺寸大小

　　　　↓

可選圖形:第二種圖形尺寸(可選)

注:繪制上圖時用到一個示例圖標,是在網絡上找的,如有侵犯您的權利,請聯系我,進行刪除.

 

外框尺寸

最新尺寸:(根據分辨率,Google已經更新尺寸信息如下)

MDPI:48 × 48 px

HDPI:72 × 72 px

XHDPI:96 × 96 px

XXHDPI:144 × 144 px

XXXHDPI:192 × 192 px

目前DPI最高的設備已經可達534,538的樣子,所以這個尺寸目前應予以恰當的考慮,

一般情況下,前4種尺寸即可,目前新建項目後,默認也是前4種尺寸

科普一下

歷史尺寸:(早期時候,由於分辨率沒有現在那麼高,采用尺寸如下)

MDPI:36 × 36 px

HDPI:48 × 48 px

XHDPI:72 × 72 px

XXHDPI:96 × 96 px

XXXHDPI:144 × 144 px

 

 

 

 

 

 

 

 

 

圖標尺寸

MDPI:40 × 40 px (邊框各4 px)

HDPI: 60 × 60 px (邊框各6 px)

XHDPI:80 × 80 px (邊框各8 px) 

XXHDPI:120 × 120 px (邊框各12 px)

XXXHDPI:160 × 160 px (邊框各16 px )

圖形尺寸

MDPI:38 × 38 px (陰影各2 px)

HDPI: 56 × 56 px (陰影各4 px)

XHDPI:76 × 76 px (陰影各4 px) 

XXHDPI:112 × 112 px (陰影各4 px)

XXXHDPI:152 × 152 px (陰影各4 px )

可選圖形尺寸

MDPI:36 × 36 px (可選視圖權重2 px)

HDPI: 52 × 52 px (可選視圖權重4 px)

XHDPI:72 × 72 px (可選視圖權重4 px)

XXHDPI:108 × 108 px (可選視圖權重4 px)

XXXHDPI:148 × 148 px (可選視圖權重4 px)

ICON For Launcher:

編號 尺寸\名稱 邊框尺寸 邊框留白 圖標尺寸 陰影區 圖形尺寸 可選視圖權重 可選圖標尺寸 1 MDPI 48 × 48 px 4  px 40 × 40 px 2 px 38 × 38 px 2 px 36 × 36 px 2 HDPI 72 × 72 px 6 px 60 × 60 px 4 px 56 × 38 px 4 px 52 × 52 px 3 XHDPI 96 × 96 px 8 px 80 × 80 px 4 px 76 × 76 px 4 px 72 × 72 px 4 XXHDPI 144 × 144 px 12 px 120 × 120 px 4 px 112 × 112 px 4 px 108 × 108 px 5 XXXHDPI 192 × 192 px 16 px 160 × 160 px 4 px 152 × 152 px 4 px 148 × 148 px

 

 

 

 

 

 

 

 

 

ICON For All:

尺寸\圖標類型

Launcher

(啟動圖標)

Menu

(菜單圖標)

Status Bar

(狀態圖標)

Tab

(Tab導航圖標)

Dialog

(對話框圖標)

List View

(列表Item圖標)

MDPI 48 × 48 px 48 × 48 px 32 × 32 px 32 × 32 px 32 × 32 px 32 × 32 px HDPI 72 × 72 px 72 × 72 px 48 × 48 px 48 × 48 px 48 × 48 px 48 × 48 px XHDPI 96 × 96 px 96 × 96 px 64 × 64 px 64 × 64 px 64 × 64 px 64 × 64 px XXHDPI 144 × 144 px 144 × 144 px 96 × 96 px 96 × 96 px 96 × 96 px 96 × 96 px XXXHDPI 192×192 px 192×192 px 128×128 px 128×128 px 128×128 px 128×128 px

 

 

 

 

 

 

 

 

 

該文參考了最新的官方文檔和自身實際開發實踐簡單總結歸納而成,轉載請注明出處!謝謝合作!

如有不當之處,歡迎指正.

頂部圖片和表格由我整理歸納而成.