2024年4月2日发(作者：宦华晖)
UI设计尺寸规范最
新最全UI设计规范
1
2020年4月19日
文档仅供参考
UI设计规范：IOS、Android系统主流尺
iPhone界面尺寸
设备 分辨率
PPI
状态栏高度 导航栏高度 标签栏高度
1242×2208 px 401PPI 60px 132px 146px
iPhone6P、6SP、7P
750×1334 px 326PPI 40px 88px 98px
iPhone6 - 6S - 7
640×1136 px 326PPI 40px 88px 98px
iPhone5 - 5C - 5S
640×960 px 326PPI 40px 88px 98px
iPhone4 - 4S
iPhone & iPod Touch
320×480 px 163PPI 20px 44px 49px
第一代、第二代、第三代
2020年4月19日
2
文档仅供参考
iPhone图标尺寸：
设备
App Store
程序应用 主屏幕 Spotlight搜索 标签栏 工具栏和导航栏
iPhone6P - 6SP - 7
(@3×)
1024×1024
px
180×180
px
114×114
px 87×87 px
75×75
px 66×66 px
iPhone6 - 6S - 7
(@2×)
1024×1024
px
120×120
px
114×114
px 58×58 px
75×75
px 44×44 px
iPhone5 - 5C - 5S
(@2×)
1024×1024
px
120×120
px
114×114
px 58×58 px
75×75
px 44×44 px
iPhone4 - 4S
(@2×)
1024×1024
px
120×120
px
114×114
px 58×58 px
75×75
px 44×44 px
iPhone & iPod Touch第一代、第
二代、第三代
1024×1024
px
120×120
px 57×57 px 29×29 px
38×38
px 30×30 px
3
2020年4月19日
文档仅供参考
iPad的设计尺寸
设备 尺寸 分辨率 状态栏高度 导航栏高度 标签栏高度
iPad 3 - 4 - 5 - 6 –
Air - Air2 - mini2
2048×1536 px 264PPI 40px 88px 98px
1024×768 px 132PPI 20px 44px 49px
iPad 1 - 2
1024×768 px 163PPI 20px 44px 49px
iPad Mini
iPad图标尺寸：
设备
App Store
程序应用 主屏幕 Spotlight搜索 标签栏
工具栏
导航栏
iPad 3 - 4 - 5 - 6 - Air - Air2 -
1024×1024 px
180×180
px
144×144
px
100×100
px
50×50
px
44×44
px
4
2020年4月19日
2024年4月2日发(作者：宦华晖)
UI设计尺寸规范最
新最全UI设计规范
1
2020年4月19日
文档仅供参考
UI设计规范：IOS、Android系统主流尺
iPhone界面尺寸
设备 分辨率
PPI
状态栏高度 导航栏高度 标签栏高度
1242×2208 px 401PPI 60px 132px 146px
iPhone6P、6SP、7P
750×1334 px 326PPI 40px 88px 98px
iPhone6 - 6S - 7
640×1136 px 326PPI 40px 88px 98px
iPhone5 - 5C - 5S
640×960 px 326PPI 40px 88px 98px
iPhone4 - 4S
iPhone & iPod Touch
320×480 px 163PPI 20px 44px 49px
第一代、第二代、第三代
2020年4月19日
2
文档仅供参考
iPhone图标尺寸：
设备
App Store
程序应用 主屏幕 Spotlight搜索 标签栏 工具栏和导航栏
iPhone6P - 6SP - 7
(@3×)
1024×1024
px
180×180
px
114×114
px 87×87 px
75×75
px 66×66 px
iPhone6 - 6S - 7
(@2×)
1024×1024
px
120×120
px
114×114
px 58×58 px
75×75
px 44×44 px
iPhone5 - 5C - 5S
(@2×)
1024×1024
px
120×120
px
114×114
px 58×58 px
75×75
px 44×44 px
iPhone4 - 4S
(@2×)
1024×1024
px
120×120
px
114×114
px 58×58 px
75×75
px 44×44 px
iPhone & iPod Touch第一代、第
二代、第三代
1024×1024
px
120×120
px 57×57 px 29×29 px
38×38
px 30×30 px
3
2020年4月19日
文档仅供参考
iPad的设计尺寸
设备 尺寸 分辨率 状态栏高度 导航栏高度 标签栏高度
iPad 3 - 4 - 5 - 6 –
Air - Air2 - mini2
2048×1536 px 264PPI 40px 88px 98px
1024×768 px 132PPI 20px 44px 49px
iPad 1 - 2
1024×768 px 163PPI 20px 44px 49px
iPad Mini
iPad图标尺寸：
设备
App Store
程序应用 主屏幕 Spotlight搜索 标签栏
工具栏
导航栏
iPad 3 - 4 - 5 - 6 - Air - Air2 -
1024×1024 px
180×180
px
144×144
px
100×100
px
50×50
px
44×44
px
4
2020年4月19日