1、iPhone 各型号分辨率和设计尺寸
(设备按照渲染像素和设计大小进行归类,仅供参考)
设备
渲染像素
屏幕设计大小
状态栏高度
导航栏高度
底部Tabar高度
倍图
iPhone4/4s
640x960
320x480
20px
44px
49px
@2x
iPhone5/5c/5s/SE
640x1136
320x568
20px
44px
49px
@2x
iPhone6/6s/7/8/SE2
750x1334
375x667
20px
44px
49px
@2x
iPhone6p/6sp/7p/8p
1242x2208
414x736
20px
44px
49px
@3x
iPhone X/Xs/11Pro/12mini
1125x2436
375x812
40px
44px
49px
@3x
iPhone 11/XR/11Pro Max
1242x2688
414x896
40px
40px
49px
@3x
iPhone 12/12Pro
1170x2532
390x844
40px
44px
49px
@3x
iPhone 12Pro Max
1284x2778
428x926
40px
44px
49px
@3x
屏幕尺寸.png
2、系统Icon
iPhone系统图标有通知、设置、搜索、App应用、商店图标几种类型,不同系统、不同分辨率大小需要适配对应大小的icon (这里只对手机尺寸进行说明,如果需要iPad上图标尺寸的话可以让iOS开发人员直接从Xcode中截图就能看到对应的icon尺寸啦~)。
注:发布iPhoneX之后iOS系统更新到了11,开始忽略对iOS5、6的图标兼容。
Icon类型
iOS系统
@1x
@2x
@3x
应用图标
iOS7-14
--
120x120
180x180
设置图标
iOS7-14
--
58x58
87x87
Spotlights搜索结果图标
iOS7-14
--
80x80
120x120
通知图标
iOS7-10
--
40x40
60x60
App商店图标
iOS
1024x1024
--
--
3、LanuchImage(启动图)
注:iOS系统更新到11后LanuchImage比之前多了横屏启动图
竖屏启动图对应关系如下:
对应机型
启动图大小
倍图
类型
iPhone4/4s
640×960
@2x
竖屏
iPhone5/5s/5c
640×1136
@2x
竖屏
iPhone6/7/8
750×1334
@2x
竖屏
iPhone6 plus/7 plus/8 plus
1242×2208
@3x
竖屏
iPhoneX/Xs
1125x2436
@3x
竖屏
iPhoneXs Max/11/11Pro Max
1242x2688
@3x
竖屏
iPhoneXR
828x1792
@2x
竖屏
会持续更新最新的iOS设计规范,如有问题欢迎指正!
|