はじめに
端末ごとに解像度、画像スケール、アプリアイコンをまとめました。
解像度
| 端末 |
Retina |
Portrait (px) |
Landscape (px) |
| iPhone X |
Retina HD |
1125 x 2436 |
2436 x 1125 |
| iPhone 8 Plus |
Retina HD |
1080 x 1920 |
1920 x1080 |
| iPhone 8 |
Retina |
750 x 1334 |
1334 x 750 |
| iPhone 7 Plus |
Retina HD |
1080 x 1920 |
1920 x1080 |
| iPhone 7 |
Retina |
750 x 1334 |
1334 x 750 |
| iPhone 6 Plus, 6s Plus |
Retina HD |
1080 x 1920 |
1920 x1080 |
| iPhone 5, 5S, 5C, 6SE |
Retina |
640 x 1136 |
1136 x 640 |
| iPhone 4, 4S |
Retina |
640 x 960 |
960 x 640 |
| iPhone 1st, 2nd & 3rd Generation |
- |
320 x 480 |
480 x 320 |
| iPad Air 1st & 2nd Generation/ Retina iPad 3rd & 4th |
- |
1536 x 2048 |
2048 x 1536 |
| iPad Pro |
- |
2048 x 2732 |
2732 x 2048 |
| iPad Mini 2nd & 3rd Generation |
Retina |
1536 x 2048 |
2048 x 1536 |
| iPad Mini, 1st & 2nd Generation |
- |
768 x 1024 |
1024 x 768 |
画像スケール
| 端末 |
画像スケール |
画面密度(PPI) |
Display Size(inch) |
| iPhone X |
@3x |
458 |
5.8 |
| iPhone 8 Plus |
@3x |
401 |
5.5 |
| iPhone 8 |
@2x |
326 |
4.7 |
| iPhone 7 Plus |
@3x |
401 |
5.5 |
| iPhone 7 |
@2x |
326 |
4.7 |
| iPhone 6 Plus, 6s Plus |
@3x |
401 |
5.5 |
| iPhone 6 |
@2x |
326 |
4.7 |
| iPhone 5, 5S, 5C ,6SE |
@2x |
326 |
4.0 |
| iPhone 4, 4S |
@2x |
326 |
3.5 |
| iPhone 1st, 2nd & 3rd Generation |
@1x |
163 |
3.5 |
| iPad Pro |
@2x |
264 |
12.9 |
| iPad Air / Retina iPad 1st & 2nd Generation/ 3rd & 4th |
@2x |
264 |
9.7 |
| iPad Mini 2nd & 3rd Generation |
@2x |
326 |
7.9 |
| iPad Mini 1st Generation |
@1x |
163 |
7.9 |
| iPad 1st & 2nd Generation |
@1x |
132 |
9.7 |
アプリアイコンサイズ
| 端末 |
App Icon(px) |
AppStore Icon |
Spotlight(px) |
Settings(px) |
| iPhone 6 Plus, 6S Plus, 7 Plus, 8, 8 Plus, X |
180x180 |
1024x1024 |
120x120 |
87x87 |
| iPhone7, 6S, 6, 6SE, 5S, 5, 5C, 4S, 4 |
120x120 |
1024x1024 |
80x80 |
58x58 |
| iPhones 1st, 2nd, 3rd Generation |
57x57 |
1024x1024 |
29x29 |
29x29 |
| iPad Pro |
167x167 |
1024x1024 |
120x120 |
58x58 |
| Retina iPads Mini 2 & 3, Air, 3 & 4 |
152x152 |
1024x1024 |
80x80 |
58x58 |
| iPads 1, 2, Mini 1 |
76x76 px |
1024x1024 |
40x40 |
29x29 |
フォントサイズ
| Element |
Size (pt) |
Weight |
Spacing (pt) |
Type |
| Nav Bar Title |
17 |
Medium |
0.5 |
Display |
| Nav Bar Button |
17 |
Regular |
0.5 |
Display |
| Search Bar |
13.5 |
Regular |
0 |
Text |
| Tab Bar Button |
10 |
Regular |
0.1 |
Text |
| Table Header |
12.5 |
Regular |
0.25 |
Text |
| Table Row |
16.5 |
Regular |
0 |
Text |
| Table Row Subline |
12 |
Regular |
0 |
Text |
| Table Footer |
12.5 |
Regular |
0.2 |
Text |
| Action Sheets |
20 |
Regular / Medium |
0.5 |
Display |
参考
・The iOS Design Guidelines
