App 常用图标尺寸规范汇总

App 常用图标尺寸规范汇总

2016-11-08

Android

一.程序启动图标(icon launcher)

1.L DPI ( Low Density Screen,120 DPI ),其图标大小为 36 x 36 px

2.M DPI ( Medium Density Screen, 160 DPI ),其图标大小为 48 x 48 px

3.H DPI ( High Density Screen, 240 DPI ),其图标大小为 72 x 72 px

4.XH DPI ( Extra-high density screen, 320 DPI ),其图标大小为 96 x 96 px

5.XXH DPI( xx-high density screen, 480 DPI ),其图标大小为144 x 144 px

6.XXXH DPI( xxx-high density screen, 640 DPI ),其图标大小为192 x 192 px

技巧:自动生成对应分辨率的 icon launcher

二.底部菜单图标

1. 大屏:

a. 完整图片(红色): 72 x 72 px

b. 图标(蓝色): 48 x 48 px

c. 图标外边框(粉色): 44 x 44 px

2.中屏:

a. 完整图片: 48 x 48 px

b. 图标: 32 x 32 px

c. 图标外边框: 30 x 30 px

3.小屏:

a. 完整图片: 36 x 36 px

b. 图标: 24 x 24 px

c. 图标外边框: 22 x 22 px

三. 弹出对话框顶部图标

a.小屏 24 x 24 px Low density screen (ldpi)

b.中屏 32 x 32 px Medium density screen (mdpi)

c.大屏 48 x 48 px High density screen (hdpi)

四. 长列表内部列表项图标

a.小屏 24 x 24 px Low density screen (ldpi)

b.中屏 32 x 32 px Medium density screen (mdpi)

c.大屏 48 x 48 px High density screen (hdpi)

五. 底部或顶部tab标签图标

1. 大屏 (hdpi) screens:

a. 完整图片(红色): 48 x 48 px

b. 图标(蓝色): 42 x 42 px

2. 中屏 (mdpi) screens:

a. 完整图片: 32 x 32 px

b. 图标: 28 x 28 px

3. 小屏(ldpi) screens:

a. 完整图片: 24 x 24 px

b. 图标: 22 x 22 px

六. 底部状态栏图标

1.ldpi (120 dpi) 18 x 18 px 小屏

2.mdpi (160 dpi) 24 x 24 px 中屏

3.hdpi (240 dpi) 36 x 36 px 大屏

4.xhdpi (320 dpi) 48 x 48 px 特大屏

iOS

注意:iOS所有图标的圆角效果由系统生成,给到的图标本身不能是圆角的。

1. 桌面图标 (app icon)

for iPhone6 plus(@3x) : 180 x 180

for iPhone 6/5s/5/4s/4(@2x) : 120 x 120

2. 启动图片 (launch image)

for iPhoen5s/5(@2x) : 640 x 1136

for iPhoen4s/4(@2x) : 640 x 960

iPhone6/iPhone6 plus 建议使用 launch file 或 storyboard ;

如果依然想使用图片,尺寸数值为:

for iPhone 6(@2x) : 750 x 1334

for iPhone 6 plus (@3x) : 1242 x 2208

3. 另一种根据iOS系统的分类法

Spotlight

iOS 5,6

base: 29pt, 需要 @1x, @2x, @3x,得出:29 x 29, 58 x 58, 87 x 87

iOS 7,8

base: 40pt, 需要 @2x, @3x,得出:80 x 80, 120 x 120

iPhone App

iOS 5,6

base: 57pt,需要 @1x, @2x, 得出:57 x 57, 114 x 114

iOS 7,8

base: 60pt,需要 @2x, @3x,得出:120 x 120, 180 x 180

Settings

iOS 5,6,7,8

base: 29pt,需要 @1x,@2x,@3x,得出:29 x 29, 58×58, 87×87

4. 尺寸总结:

图标尺寸输出列表:

180×180

120×120

87×87

80×80

58×58

57×57

29×29

启动图片尺寸输出列表:

640×960

640×1136

750×1334

1242×2208

相关推荐