良好的产研协作规范有助于缩短产品研发周期、提高研发效率、降低研发成本,同时也能够推动企业的技术创新和产品升级。
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)命名可以根据公司或团队规范而异,但是两种尺寸的文件的素材名部分要保持一致,唯一的不同就是 @2x
和 @3x
。