Design Cheat Sheet for iOS 8 Developer

IPHONE 6 AND IPHONE 6 PLUS HUMAN INTERFACE SPECIFICATIONS Features . iPhone 5 (5,5C,5S) iPhone 6 Plus iPhone 6 750 X 640 1080 1920 Portrait 1136 1134 Portrait Portrait RESOLUTION (pixela) 1136 X 640 1334 X 750 1920 X 1080 Landscape Landscape Landscape Screen Size (diagonal) 4" 4.7" 5.5" PPI 326 ppi 326 ppi 401 ppi Color Mode 8 bit RGB 8 bit RGB 8 bit RGB Color Temperature Warm Warm Warm DISPLAY 1300:1 Contrast Ratio 800:1 1400:1 App Icons 120 x 120 px 120 x 120 px 180 x 180 px App Store Icons | 1024 x 1024 px O:I 1024 x 1024 рх 1024 х 1024 рх Spotlight Icons 80 x 80 px 80 x 80 px 120 х 120 рх Setting Icons 58 x 58 px 58 x 58 px 87 x 87 px Launch File 640 x 1136 (P) 750 x 1134 (P) 1242 x 2208 (P) or Image Toolbar and Navigation Bar lcon 44 x 44 px 44 x 44 px 66 х 66 рх ICONO GRAPHY Default Newstand Cover At least 1024 px on the longest edge At least 1024 px At least 1024 px Icon for App Store : on the longest edge on the longest edge Web Icon Clip 120 x 120 px 120 x 120 px 180 x 180 px 口 OC Height of Status Bar 40 рх 40 рх 54 px Height of Navigation Bar 88 рх 88 рх 132 px Height of Tab Bar 96 px 96 рх 146 px UI ELEMENTS Width of Tables 640/1136 px 750/1334 px 1080/1920 px DEFAULT FONT SIZE DEFAULT FÖNT WEIGHT DFS DFW DFS DFW Navigation 34 px Medium 34 рх Medium 48 px Medium Bar Title Regular Buttons 34 px Light 34 px Light 48 рх Light Table Header 34 px Bold 34 рх Bold 48 px Bold ΤΥΡΟ GRAPHY Table Label 28 px Regular 28 рх Regular 44 px Regular Tab Bar Icon 22 px Regular 22 рх Regular 30 рх Regular labels IPHONE 6 PLUS MAIL APP SCREEN WITH DEVELOPER MARKINGS Status Bar 1080x54 Navigation Bar 1080x133 Flag 832 AM Table Header Helvetica Neue Bold 48 px Christine Cooper Messaging Ann Yeah this mesaging app is brllant love the deajan work and the minimum colour patte. Table Label Helvetica Neue Regular 44 px - Douglas Holmes Driving though Suburte Just went to the track agin to check out the cas!I love how they've turned out! Poste. Matthew Guerrero Table View Height 280 px Dribitble Designa Can you heip our? i am working an a new app (see Dribbblej and I need some design feedba. Heather Henderson Drunked Wosbske Yo! l come tiom En-ga-lund, you should totaly check out Dunknd.com we launched today. Tool Bar Height 120 px Heather Hernande Sources: • www.apple.com/iphone/compare • www.ivomynttinen.com/blog/the-ios-7-design-cheat-sheet • www.developer.apple.com/library/ios/documentation/UserExperi- ence/Conceptual/MobileHIG/IconMatrix.html#//apple_ref/doc/uid/TP40006556-CH27-SW1 clicklabs • www.paintcodeapp.com/news/iphone-6-screens-demystified IIIIII