IOS cheat sheet
 |
FONT USAGE
DO

|
DON’T

|
*Text in a navigation controller uses the same font sizethat body style text uses for the large settings (specifically, 34 points)
*text always uses either regular or medium weight; it doesn’t use light or blod.
|
 |
iPhone 5
(5, 5C, 5S) |
iPhone 6 |
iPhone 6+ |
Resolution (Pixels)
|
640×1136 @2x
|
750×1134 @2x
|
1080×1920 @3x
|
Screen Size (Diagonal)
|
4″
|
4.7″
|
5.5″
|
PPI (Pixels Per Inch)
|
326 ppi
|
326 ppi
|
401 ppi
|
Contrast Ratio
|
800:1
|
1400:1
|
1300:1
|
Height of Status Bar
|
40 px
|
40 px
|
60 px
|
Height of Navigation Bar
|
88 px
|
88 px
|
132 px
|
Height of Tab Bar
|
96 px
|
96 px
|
144 px
|
Helvetica Neue Font
|
Navigation Bar Title
|
34 px Medium
|
34 px Medium
|
48 px Medium
|
Regular Buttons Label
|
34 px Ligit
|
34 px Light
|
48 px Light
|
Table Header Label
|
34 px Bold
|
34 px Bold
|
48 px Bold
|
Table Label
|
28 px Regular
|
28 px Regular
|
44 px Regular
|
Tab Bar Icon Labels
|
22 px Regular
|
22 px Regular
|
30 px Regular
|
*1pt = 2×2 pixels on a regular retina display
*In Retina, typography should have a minimum size of 22 px
*The Optimal size for reading is aroung 32px
|
Web Clip
180 x 180
120 x 120
120 x 120
Newsstand
180 x 180
120 x 120
120 x 120
|
Spotlight
search results
180 x 180
120 x 120
120 x 120
Tab bar
75 x 75
50 x 50
50 x 50
|
Settings
87 x 87
58 x 58
58 x 58
Toolbar and
Navigation bar
66 x 66
44 x 44
44 x 44
|
|
App Icons |
App Store Icons |
Resolutions |
Radius |
Resolutions |
Radius |
120×120 px |
20 px |
1024×1024 px |
180 px |
120×120 px |
20 px |
1024×1024 px |
180 px |
180×180 px |
30 px |
1024×1024 px |
180 px |
BAR BUTTON ICONS

Unselected
2px stoke

selected
4px stoke
SEGEMENTED CONTROL
Label 1Label 2Label 3Label 4Label 5
*Minimum touchable area 44 x44 points for each segment
*Segmented control should have five or fewer segments
|
|

|
Click the below icon to Download
