references:
- title: ‘Apple Developer: Human Interface Guidelines’
url: https://developer.apple.com/design/human-interface-guidelines/watchos/overview/getting-started/
素材规格
iPhone 各代屏幕尺寸与分辨率
| iPhone | 对角线 | 缩放 | 逻辑分辨率 | 物理分辨率 | ppi |
|---|---|---|---|---|---|
| 1、3G、3GS | 3.5 | @2x | 320 x 480 | 320 x 480 | 163 |
| 4、4s | 3.5 | @2x | 320 x 480 | 640 x 960 | 326 |
| 5、5s、SE | 4 | @2x | 320 x 568 | 640 x 1136 | 326 |
| 6、6s、7、8、SE(2020) | 4.7 | @2x | 375 x 667 | 750 x 1334 | 326 |
| 6 Plus、6s Plus、7 Plus、8 Plus | 5.5 | @3x | 414 x 736 | 1242 x 2208 | 401 |
| X、XS、11 Pro | 5.8 | @3x | 375 x 812 | 1125 x 2436 | 458 |
| XR、11 | 6.1 | @2x | 414 x 896 | 828 x 1792 | 326 |
| XS Max、11 Pro Max | 6.5 | @3x | 414 x 896 | 1242 x 2688 | 458 |
| 12 mini | 5.4 | @3x | 375 x 812 | 1080 x 2340 | 476 |
| 12 | 6.1 | @3x | 390 x 844 | 1170 x 2532 | 460 |
| 12 Pro | 6.1 | @3x | 390 x 844 | 1170 x 2532 | 460 |
| 12 Pro Max | 6.7 | @3x | 428 x 926 | 1284 x 2778 | 458 |
iPad 各代屏幕尺寸与分辨率
| iPad | 对角线 | 缩放 | 逻辑分辨率 | 物理分辨率 | ppi |
|---|---|---|---|---|---|
| 1、2 | 9.7 | @1x | 768 x 1024 | 768 x 1024 | 132 |
| mini 1 | 7.9 | @1x | 768 x 1024 | 768 x 1024 | 163 |
| mini 2/3/4 | 7.9 | @2x | 768 x 1024 | 1536 x 2048 | 326 |
| Air 1/2 | 9.7 | @2x | 768 x 1024 | 1536 x 2048 | 264 |
| Pro (9.7) | 9.7 | @2x | 768 x 1024 | 1536 x 2048 | 264 |
| Pro (10.5) | 10.5 | @2x | 834 x 1112 | 1668 x 2224 | 264 |
| Pro (12.9) | 10.5 | @2x | 1024 x 1366 | 2048 x 2732 | 264 |
| Pro (11’ 2018) | 11 | @2x | 834 x 1194 | 1668 x 2388 | 264 |
| Pro (12.9’ 2018) | 11 | @2x | 1024 x 1366 | 2048 x 2732 | 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 和 @3x。