良好的产研协作规范有助于缩短产品研发周期、提高研发效率、降低研发成本,同时也能够推动企业的技术创新和产品升级。

iOS 素材规格

iPhone 各代屏幕尺寸与分辨率

经典屏幕iPhone

iPhone 对角线 缩放 逻辑分辨率 物理分辨率 ppi
1、3G、3GS 3.5 @1x 320x480 320x480 163
4、4s 3.5 @2x 320x480 640x960 326
5、5s、SE 4 @2x 320x568 640x1136 326
6、6s、7、8、SE2、SE3 4.7 @2x 375x667 750x1334 326
6 Plus、6s Plus、7 Plus、8 Plus 5.5 @3x 414x736 1242x2208 401

全面屏iPhone

iPhone 对角线 缩放 逻辑分辨率 物理分辨率 ppi
X、XS、11 Pro 5.8 @3x 375x812 1125x2436 458
XR、11 6.1 @2x 414x896 828x1792 326
XS Max、11 Pro Max 6.5 @3x 414x896 1242x2688 458
12 mini、13 mini 5.4 @3x 375x812 1080x2340 476
12、12 Pro、13、13 Pro、14 6.1 @3x 390x844 1170x2532 460
12 Pro Max、13 Pro Max、14 Plus 6.7 @3x 428x926 1284x2778 458
14 Pro 6.1 @3x 393x852 1179x2556 460
14 Pro Max 6.7 @3x 430x932 1290x2796 460

iPad 各代屏幕尺寸与分辨率

经典屏幕iPad

iPad 对角线 缩放 逻辑分辨率 物理分辨率 ppi
1、2 9.7 @1x 768x1024 768x1024 132
mini 1 7.9 @1x 768x1024 768x1024 163
mini 2/3/4 7.9 @2x 768x1024 1536x2048 326
Air 1/2 9.7 @2x 768x1024 1536x2048 264
Pro (9.7) 9.7 @2x 768x1024 1536x2048 264
iPad (10.2) 10.2 @2x 810x1080 1620x2160 264
Pro (10.5) 10.5 @2x 834x1112 1668x2224 264

全面屏iPad

iPad 对角线 缩放 逻辑分辨率 物理分辨率 ppi
mini 6 7.9 @2x 744x1133 1488x2266 326
Air 5 10.9 @2x 820x1180 1640x2360 264
Pro (11’ 2018) 11 @2x 834x1194 1668x2388 264
Pro (12.9’ 2018) 11 @2x 1024x1366 2048x2732 264

Logo & 启动图

UI 只需要提供一张 1024*1024 尺寸的图即可,开发使用 IconKit 工具可以直接生成开发需要的各种尺寸的图片及其 json 配置文件,直接拖进 Xcode 工程中就可以使用了。使用传统方式不同尺寸一张一张的切图不仅浪费 UI 的时间,开发也需要一张图一张图往对应位置拖,双方都很麻烦。

如果使用 LaunchImage 方式,需要切各个尺寸的图片,参考 iPhone 各代屏幕尺寸与分辨率 表,如果需要兼容 iPhone 4、4s 机型,则需要提供一共7种尺寸的图片,如果最低兼容 iPhone5 的话,就只需要提供6种尺寸的图片。

注意:iOS 并不需要 1920*1080 这种尺寸的图片。

icon 素材

iOS 端的切图需要同时提供 @2x 和 @3x 两种尺寸的图片,例如某个名为 “imagename” 的图片需要提供两个文件分别命名为:

imagename@2x.png
imagename@3x.png

素材名(imagename)命名可以根据公司或团队规范而异,但是两种尺寸的文件的素材名部分要保持一致,唯一的不同就是 @2x@3x