Android-常用圖標尺寸規範匯總

1. 程序啟動圖標(icon launcher)

放在

mipmap-*dpi下,文件名為ic_launcher.png

  • LDPI (Low Density Screen,120 DPI),其圖標大小為 36 x 36 px。

  • MDPI (Medium Density Screen, 160 DPI),其圖標大小為 48 x 48 px。

  • HDPI (High Density Screen, 240 DPI),其圖標大小為 72 x 72 px。

  • xhdpi (Extra-high density screen, 320 DPI),其圖標大小為 96 x 96 px。

  • xxhdpi(xx-high density screen, 480 DPI),其圖標大小為144 x 144 px。

  • xxxhdpi(xxx-high density screen, 640 DPI),其圖標大小為192 x 192 px。

技巧:自動生成對應分辨率的 icon launcher

新增於2016-08-11

使用 Android Studio ,在 module或者 drawable

上右鍵 new > ImageAsset ,可以把一張大圖自動裁切成各 DPI 對應的分辨率的 icon launcher。

  1. 選擇要生成的圖片類型:Launcher Icons

  2. Name 會自動生成 ic_launcher ,如果不是則填成 ic_launcher

  3. Asset Type 設置成 Image ;

  4. path 一列的最後選擇自己要生成的圖片

  5. 調整 Shape 等參數;

  6. 點擊 next 一路到

    finish 即可。

PS:使用 Shape 的其他參數,比如圓角square , 會默認使用不支持透明度的顏色作為背景,所以要根據具體的圖標進行修改,特殊的情況需要設計師切出帶圓角和透明度的大圖。

2. 不透明度16進制值

不透明度16進制值
100%FF
95%F2
90% E6
85%D9
80%CC
75%BF
70%B3
65%A6
60%99
55%8C
50%80
45%73
40%66
35%59
30%4D
25%40
20%33
15%26
10%1A
5%0D
0%00

3. dp和px換算及關係

各DPI的換算:

Android-常用圖標尺寸規範彙總

數據總結表:

名稱對應 DPI比例(以 mdpi 為基數 1)和px的換算關係
lpdi120 DPI0.751 dp = 0.75 px
mdpi160 DPI11 dp = 1 px
hdpi240 DPI1.51 dp = 1.5 px
xhdpi320 DPI21 dp = 2 px
xxhdpi480 DPI31 dp = 3 px
xxxhdpi640 DPI41 dp = 4 px

dp 到 px

這裡給定:400 dp * 240 dp

則對應的圖片分辨率分別為:

  • lpdi ⇒ 300 px * 180 px

  • mdpi ⇒ 400 px * 240 px

  • hdpi ⇒ 600 px * 360 px

  • xhdpi ⇒ 800 px * 480 px

  • xxhdpi ⇒ 1200 px * 720 px

  • xxxhdpi ⇒ 1600 px * 960 px

px 到 dp

px 換算成 dp 要知道它是以什麼 dpi 標準來設計的,根據換算關係表可得到相應的 dp

例如: 以 xxhdpi 標準設計的 UI,其中一個切圖的分辨率是 600 px * 360 px ,根據換算關係表可知,在 xxhdpi 標準下,1 dp = 3 px ,則其對應的 dp200 dp * 120 dp


分享到:


相關文章: