IOS CHEAT SHEET

IOS cheat sheet

Android Mobile Case
FONT USAGE
DO

dp mesurements

DON’T

dp mesurements

*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

Icons

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

downloadpdfbutton

Leave a Reply