這篇文章收錄了最新iPhone設(shè)備尺寸，主要是為了自己方便自己查閱蘋(píng)果設(shè)備尺寸，圖標(biāo)尺寸等，蘋(píng)果官方有Human Interface Guidelines文檔，感興趣的朋友可以自行查閱。
官方文檔地址
設(shè)備尺寸
image
| Device | Portrait dimensions | Landscape dimensions |
|---|---|---|
| 12.9" iPad Pro | 2048px × 2732px | 2732px × 2048px |
| 10.5" iPad Pro | 1668px × 2224px | 2224px × 1668px |
| 9.7" iPad | 1536px × 2048px | 2048px × 1536px |
| 7.9" iPad mini 4 | 1536px × 2048px | 2048px × 1536px |
| iPhone XS Max | 1242px × 2688px | 2688px × 1242px |
| iPhone XS | 1125px × 2436px | 2436px × 1125px |
| iPhone XR | 828px × 1792px | 1792px × 828px |
| iPhone X | 1125px × 2436px | 2436px × 1125px |
| iPhone 8 Plus | 1242px × 2208px | 2208px × 1242px |
| iPhone 8 | 750px × 1334px | 1334px × 750px |
| iPhone 7 Plus | 1242px × 2208px | 2208px × 1242px |
| iPhone 7 | 750px × 1334px | 1334px × 750px |
| iPhone 6s Plus | 1242px × 2208px | 2208px × 1242px |
| iPhone 6s | 750px × 1334px | 1334px × 750px |
| iPhone SE | 640px × 1136px | 1136px × 640px |
圖像大小與分辨率
| 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 8 Plus | @3x |
| iPhone 8 | @2x |
| iPhone 7s Plus | @3x |
| iPhone 7s | @2x |
| iPhone 7 | @2x |
| iPhone 6s Plus | @3x |
| iPhone 6s | @2x |
| iPhone SE | @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 | Landscape size |
|---|---|---|
| 12.9" iPad Pro | 2048px × 2732px | 2732px × 2048px |
| 10.5" iPad Pro | 1668px × 2224px | 2224px × 1668px |
| 9.7" iPad | 1536px × 2048px | 2048px × 1536px |
| 7.9" iPad mini 4 | 1536px × 2048px | 2048px × 1536px |
| iPhone XS Max | 1242px × 2688px | 2688px × 1242px |
| iPhone XS | 1125px × 2436px | 2436px × 1125px |
| iPhone XR | 828px × 1792px | 1792px × 828px |
| iPhone X | 1125px × 2436px | 2436px × 1125px |
| iPhone 8 Plus | 1242px × 2208px | 2208px × 1242px |
| iPhone 8 | 750px × 1334px | 1334px × 750px |
| iPhone 7 Plus | 1242px × 2208px | 2208px × 1242px |
| iPhone 7 | 750px × 1334px | 1334px × 750px |
| iPhone 6s Plus | 1242px × 2208px | 2208px × 1242px |
| iPhone 6s | 750px × 1334px | 1334px × 750px |
| iPhone SE | 640px × 1136px | 1136px × 640px |
Navigation Bar and Toolbar Icon Size（導(dǎo)航欄與工具條）
| Target sizes（標(biāo)準(zhǔn)大?。?/th> | 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（標(biāo)簽欄圖標(biāo)大?。?/h3>
![]()
image
image
| Attribute（屬性） | Regular tab bars（常規(guī)標(biāo)簽欄） | Compact tab bars（緊湊標(biāo)簽欄） |
|---|---|---|
| Target width and height (circular glyphs) | 75px × 75px (25pt × 25pt @3x) | 54px × 54px (18pt × 18pt @3x) |
| 50px × 50px (25pt × 25pt @2x) | 36px × 36px (18pt × 18pt @2x) | |
| Target width and height (square glyphs) | 69px × 69px (23pt × 23pt @3x) | 51px × 51px (17pt × 17pt @3x) |
| 46px × 46px (23pt × 23pt @2x) | 34px × 34px (17pt × 17pt @2x) | |
| Target width (wide glyphs) | 93px (31pt @3x) | 69px (23pt @3x) |
| 62px (31pt @2x) | 46px (23pt @2x) | |
| Target height (tall glyphs) | 84px (28pt @3x) | 60px (20pt @3x) |
| 56px (28pt @2x) | 40px (20pt @2x) |
工具推薦
這篇文章主要記錄了自己平時(shí)用的比較多的一些設(shè)計(jì)尺寸參考，設(shè)計(jì)細(xì)節(jié)上的東西還是要去查看官方文檔，最后也為推薦一款App Icon自動(dòng)生成工具吧，只需要一張1024*1024的原圖，就可以生成不同設(shè)備及尺寸的圖標(biāo)，同時(shí)也完全符合蘋(píng)果設(shè)計(jì)規(guī)范（超??哦），下面貼出網(wǎng)站地址：
圖標(biāo)工廠
