前言
作为一名iOSer对于UI我想不陌生，随着设备的更新，iPhone尺寸已经有当初的3.5寸 到现在的6.5了。所以整理一个规范很重要。
官方文档地址
iPhone官方文档地址
设备尺寸
| Device |
Dimensions |
size |
Scale Factor |
| 12.9" iPad Pro |
2048px × 2732px |
12.9 |
@2x |
| 10.5" iPad Pro |
1668px × 2224px |
10.5 |
@2x |
| 9.7" iPad |
1536px × 2048px |
9.7 |
@2x |
| 7.9" iPad mini 4 |
1536px × 2048px |
7.9 |
@2x |
| iPhone XS Max |
1242px × 2688px |
6.5 |
@3x |
| iPhone XS |
1125px × 2436px |
6.5 |
@3x |
| iPhone XR |
828px × 1792px |
6.1 |
@2x |
| iPhone X |
1125px × 2436px |
5.8 |
@3x |
| iPhone 678 Plus |
1242px × 2208px |
5.5 |
@3x |
| iPhone 678S |
750px × 1334px |
4.7 |
@2x |
| iPhone 678 |
750px × 1334px |
4.7 |
@2x |
| iPhone SE |
640px × 1136px |
4.0 |
@2x |
| iPhone 5S |
640px × 1136px |
4.0 |
@2x |
| iPhone 5C |
640px × 1136px |
4.0 |
@2x |
| iPhone 5 |
640px × 1136px |
4.0 |
@2x |
| iPhone 4S |
640px × 960px |
3.5 |
@2x |
| iPhone 4 |
640px × 960px |
3.5 |
@2x |
图像大小与分辨率
| Device |
Scale Factor |
| 12.9" iPad Pro |
@2x |
| 10.5" iPad Pro |
@2x |
| 9.7" iPad |
@2x |
| 7.9" iPad mini 4 |
@2x |
| iPhone XS Max |
@3x |
| iPhone XS |
@3x |
| iPhone XR |
@2x |
| iPhone X |
@3x |
| iPhone 678 Plus |
@3x |
| iPhone 678S |
@2x |
| iPhone 678 |
@2x |
| iPhone SE |
@2x |
| iPhone 5S |
@2x |
| iPhone 5C |
@2x |
| iPhone 5 |
@2x |
| iPhone 4S |
@2x |
| iPhone 4 |
@2x |
App Icon Sizes
| Device or context |
Icon size |
| iPhone |
180px × 180px (60pt × 60pt @3x) |
|
120px × 120px (60pt × 60pt @2x) |
| iPad Pro |
167px × 167px (83.5pt × 83.5pt @2x) |
| iPad, iPad mini |
152px × 152px (76pt × 76pt @2x) |
| App Store |
1024px × 1024px (1024pt × 1024pt @1x) |
| Device |
Spotlight Icon size |
| iPhone |
120px × 120px (40pt × 40pt @3x) |
|
80px × 80px (40pt × 40pt @2x) |
| iPad Pro, iPad, iPad mini |
80px × 80px (40pt × 40pt @2x) |
| Device |
Settings Icon size |
| iPhone |
87px × 87px (29pt × 29pt @3x) |
|
58px × 58px (29pt × 29pt @2x) |
| iPad Pro, iPad, iPad mini |
58px × 58px (29pt × 29pt @2x) |
| Device |
Notification Icon size |
| iPhone |
60px × 60px (20pt × 20pt @3x) |
|
40px × 40px (20pt × 20pt @2x) |
| iPad Pro, iPad, iPad mini |
40px × 40px (20pt × 20pt @2x) |
Launch Screen
| Device |
Portrait size |
| 12.9" iPad Pro |
2048px × 2732px |
| 10.5" iPad Pro |
1668px × 2224px |
| 9.7" iPad |
1536px × 2048px |
| 7.9" iPad mini 4 |
1536px × 2048px |
| iPhone XS Max |
1242px × 2688px |
| iPhone XS |
1125px × 2436px |
| iPhone XR |
828px × 1792px |
| iPhone X |
1125px × 2436px |
| iPhone 678 Plus |
1242px × 2208px |
| iPhone 678S |
750px × 1334px |
| iPhone 678 |
750px × 1334px |
| iPhone SE |
640px × 1136px |
| iPhone 5S |
640px × 1136px |
| iPhone 5C |
640px × 1136px |
| iPhone 5 |
640px × 1136px |
| iPhone 4S |
640px × 960px |
| iPhone 4 |
640px × 960px |
Navigation Bar and Toolbar Icon Size（导航栏与工具条）
| Target sizes（标准大小） |
Maximum sizes（最大尺寸） |
| 72px × 72px (24pt × 24pt @3x) |
84px × 84px (28pt × 28pt @3x) |
| 48px × 48px (24pt × 24pt @2x) |
56px × 56px (28pt × 28pt @2x) |
Tab Bar Icon Size（标签栏图标大小）
3072214-74f1649eab27f3d3.jpg
| Attribute（属性） |
Regular tab bars（常规标签栏） |
Compact tab bars（紧凑标签栏） |
| Circular glyphs（圆形） |
75px × 75px (25pt × 25pt @3x) |
54px × 54px (18pt × 18pt @3x) |
|
50px × 50px (25pt × 25pt @2x) |
36px × 36px (18pt × 18pt @2x) |
| Square glyphs（方形） |
69px × 69px (23pt × 23pt @3x) |
51px × 51px (17pt × 17pt @3x) |
|
46px × 46px (23pt × 23pt @2x) |
34px × 34px (17pt × 17pt @2x) |
| Wide glyphs（宽形） |
93px (31pt @3x) |
69px (23pt @3x) |
|
62px (31pt @2x) |
46px (23pt @2x) |
| Tall glyphs（长形） |
84px (28pt @3x) |
60px (20pt @3x) |
|
56px (28pt @2x) |
40px (20pt @2x) |
网友评论