天天看點

Android圖示

早在2017年就有了Android自适應圖示,一直沒來得及學習,這裡有篇官方文章介紹:https://medium.com/google-design/understanding-android-adaptive-icons-cee8a9de93e2

、https://developer.android.com/guide/practices/ui_guidelines/icon_design_adaptive、https://developer.android.com/studio/write/image-asset-studio、https://developer.android.com/studio/write/image-asset-studio

Android 12版本自帶SplashScreen:https://developer.android.com/about/versions/12/features/splash-screen

Meterial Design提供的各種圖示:https://fonts.google.com/icons、中文翻譯:https://www.mdui.org/design/

官方英文文檔:

http://www.google.com/design/spec/material-design/

中文版網站:

http://wiki.jikexueyuan.com/project/material-design/

中文版 GitHub 倉庫:

https://github.com/1sters/material_design_zh_2

中文版第一版網站(已關停):

http://design.1sters.com

中文版第一版 GitHub 倉庫:

https://github.com/1sters/material_design_zh

另外,對于Andorid狀态欄上的圖示大小,早期版本的Android文檔上有谙說明:https://stuff.mit.edu/afs/sipb/project/android/docs/guide/practices/ui_guidelines/icon_design_status_bar.html,最新文檔的找不到這個知識點在哪了。 https://www.creativefreedom.co.uk/icon-designers-blog/android-app-icon-size-guide-4-0/

關于用在欄中的Smarll Icon和Large Icon:

Android圖示

系統圖示:https://material.io/design/iconography/system-icons.html#system-icon-metrics

各種密度對應的圖示大小:

LDPI should be 36 x 36.

MDPI should be 48 x 48.

TVDPI should be 64 x 64.

HDPI should be 72 x 72.

XHDPI should be 96 x 96.

XXHDPI should be 144 x 144.

XXXHDPI should be 192 x 192.

其中mdpi是标準密度,其它的則是乘以相對的比例即可得到,如下:

LDPI is MDPI x 0.75

TVDPI is MDPI x 1.33

HDPI is MDPI x 1.5

XHDPI is MDPI x 2

XXHDPI is MDPI x 3

XXXHDPI is MDPI x 4

不要使用.9圖檔來制作啟動圖示,應該為每一個密度分别制作啟動圖示,而不能一個.9圖檔用在各個密度的啟動圖示,啟動圖示不能用.9圖檔。

針對不同的螢幕像素密度,Android 圖示需要五種不同的尺寸。較低分辨率的圖示是從基線自動建立的:

mdpi (Baseline): 160 dpi 1×

hdpi: 240 dpi 1.5×

xhdpi: 320 dpi 2×

xxhdpi: 480 dpi 3×

xxxhdpi: 640 dpi 4× (launcher icon only)

啟動器圖示 (.Png):

48 × 48 (mdpi)

72 × 72 (hdpi)

96 × 96 (xhdpi)

144 × 144 (xxhdpi)

192 × 192 (xxxhdpi)

512 × 512 (Google Play store)

啟動圖示還需要一些空白填充,如下:

48 × 48 (mdpi) 1 dp 填充

72 × 72 (hdpi),1 dp 填充

96 × 96 (xhdpi),1 dp 填充

144 × 144 (xxhdpi),1 dp 填充

192 × 192 (xxxhdpi) , 4 dp 填充

操作欄、對話框和頁籤圖示:

24 × 24 area in 32 × 32 (mdpi)

36 × 36 area in 48 × 48 (hdpi)

48 × 48 area in 64 × 64 (xhdpi)

72 × 72 area in 96 × 96 (xxhdpi)

96 × 96 area in 128 × 128 (xxxhdpi)*

通知圖示:

22 × 22 area in 24 × 24 (mdpi) 這意思是圖示大小為24 x 24,圖示内容大小為22 x 22,也就是周圍有一個空白像素。

33 × 33 area in 36 × 36 (hdpi)

44 × 44 area in 48 × 48 (xhdpi)

66 × 66 area in 72 × 72 (xxhdpi)

88 × 88 area in 96 × 96 (xxxhdpi)*

小的上下文圖示:

16 × 16 (mdpi)

24 × 24 (hdpi)

32 × 32 (xhdpi)

48 × 48 (xxhdpi)

64 × 64 (xxxhdpi)*

正如Supporting multiple Screens官方網站所說,隻有啟動器圖示需要的 xxxhdpi 大小。

Android圖示

官網中關于各種密度的說明:https://developer.android.com/training/multiscreen/screendensities

關于啟動圖示要放在mipmap中:https://developer.android.com/training/multiscreen/screendensities#mipmap

自動生成各種大小的啟動圖示:https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

通過此官網可下載下傳圖示,會自動生成各種大小的圖示:https://fonts.google.com/icons