1. 程式人生 > >App常用圖示使用規範

App常用圖示使用規範

Android開發中UI切的圖示不是隨便亂放的,我們需要根據圖示的尺寸大小放在對應的目錄下。

我們可以根據上圖中的icon尺寸找出對應的drawable目錄,放入即可。

下面總結一些常用的圖示尺寸:

1. 程式啟動圖示:

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。

2.底部選單圖示

1. 大屏:
1. 完整圖片(紅色): 72 x 72 px
2. 圖示(藍色): 48 x 48 px
3. 圖示外邊框(粉色): 44 x 44 px

1. 中屏:
1. 完整圖片: 48 x 48 px
2. 圖示: 32 x 32 px
3. 圖示外邊框: 30 x 30 px

1. 小屏:
1. 完整圖片: 36 x 36 px
2. 圖示: 24 x 24 px
3. 圖示外邊框: 22 x 22 px

3. 彈出對話方塊頂部圖示

小屏 24 x 24 px Low density screen (ldpi)
中屏 32 x 32 px Medium density screen (mdpi)
大屏 48 x 48 px High density screen (hdpi)

4. 長列表內部列表項圖示

小屏 24 x 24 px Low density screen (ldpi)
中屏 32 x 32 px Medium density screen (mdpi)
大屏 48 x 48 px High density screen (hdpi)

5. 底部或頂部tab標籤圖示

1. 大屏 (hdpi) screens:
1. 完整圖片(紅色): 48 x 48 px
2. 圖示(藍色): 42 x 42 px

1. 中屏 (mdpi) screens:
1. 完整圖片: 32 x 32 px
2. 圖示: 28 x 28 px

1. 小屏(ldpi) screens:
1. 完整圖片: 24 x 24 px
2. 圖示: 22 x 22 px
 

6. 底部狀態列圖示

ldpi (120 dpi) 18 x 18 px 小屏
mdpi (160 dpi) 24 x 24 px 中屏
hdpi (240 dpi) 36 x 36 px 大屏
xhdpi (320 dpi) 48 x 48 px 特大屏