前言
作为一名iOSer对于UI我想不陌生，随着设备更新，iPhone尺寸已经有当初的3.5寸 到现在的6.5了。所以整理一个规范很重要，附：iOS的演变迭代史、
官方文档地址
设备尺寸
| Device | 设计分辨率 | 屏幕尺寸 | 倍率 | 屏幕密度 | 开发尺寸 |
|---|---|---|---|---|---|
| iPhone11 Pro Max | 1142px × 2688px | 6.5英寸 | @3x | 458ppi | 414*896pt |
| iPhone11 Pro | 1125px × 2436px | 5.8英寸 | @3x | 458ppi | 375*812pt |
| iPhone11 | 828px × 1792px | 6.1英寸 | @2x | 326ppi | 414*896pt |
| iPhone XS Max | 1242px × 2688px | 6.5英寸 | @3x | 458ppi | 414*896pt |
| iPhone XS | 1125px × 2436px | 6.5英寸 | @3x | 458ppi | 375*812pt |
| iPhone XR | 828px × 1792px | 6.1英寸 | @2x | 326ppi | 414*896pt |
| iPhone X | 1125px × 2436px | 5.8英寸 | @3x | 458ppi | 375*812pt |
| iPhone 678 Plus | 1242px × 2208px | 5.5英寸 | @3x | 401ppi | 414*736pt |
| iPhone 678S | 750px × 1334px | 4.7英寸 | @2x | 326ppi | 375*667pt |
| iPhone 678 | 750px × 1334px | 4.7英寸 | @2x | 326ppi | 375*667pt |
| iPhone SE | 640px × 1136px | 4.0英寸 | @2x | 326ppi | 320*568pt |
| iPhone 5S | 640px × 1136px | 4.0英寸 | @2x | 326ppi | 320*568pt |
| iPhone 5C | 640px × 1136px | 4.0英寸 | @2x | 326ppi | 320*568pt |
| iPhone 5 | 640px × 1136px | 4.0英寸 | @2x | 326ppi | 320*568pt |
| iPhone 4S | 640px × 960px | 3.5英寸 | @2x | 326ppi | 320*480pt |
| iPhone 4 | 640px × 960px | 3.5英寸 | @2x | 326ppi | 320*480pt |
| 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 |
图像大小与分辨率
| 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) |
- Spotlight
| 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) |
- Settings
| 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) |
- Notification
| 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) |
