Warning: Creating default object from empty value in /home/dreambot/public_html/wiki/wp-content/themes/wikeasi/functions/admin-hooks.php on line 160

Complete iOS Design Specifications

Many times our designers and coders will mix up the correct sizes of iOS designs for our apps. This is a natural occurrence as the app industry changes and sometimes communication is misinterpreted. Well… here is an iOS design sheet to get a quick glance of all the sizes and resolutions for all Apple devices.

iOS Design Specs

Resolutions

Devices Portrait Landscape
iPhone 5 640×1136 px 1136×640 px
iPhone 4/4S 640×960 px 960×640 px
iPhone & iPod Touch
1st, 2nd and 3rd Generation
320×480 px 480×320 px
Retina iPad
iPad 3, iPad 4
1536×2048 px 2048×1536 px
iPad Mini 768×1024 px 1024×768 px
iPad
1st and 2nd Generation
768×1024 px 1024×768 px

Displays

Devices PPI Color Mode Color Temperature
iPhone 5 326 8bit RGB Warm
iPhone 4/4S 326 8bit RGB Cool
iPhone & iPod Touch
1st, 2nd and 3rd Generation
163 8bit RGB Warm
Retina iPad
iPad 3, iPad 4
264 8bit RGB Warm
iPad Mini 163 8bit RGB Unknown
iPad
1st and 2nd Generation
132 8bit RGB Warm

Icons

Devices App Icon

Pixels
Radius
Appstore Icon

Pixels
Radius
Spotlight Icon

Pixels
Radius
Document

Pixels
Tab Bar

Pixels
iPhone 5 114×114 20px 1024×1024 180px 58×58 10px 44×58 60×60
iPhone 4/4S 114×114 20px 1024×1024 180px 58×58 10px 44×58 60×60
iPhone & iPod Touch
1st, 2nd and 3rd Generation
57×57 10px 512×512 90px 29×29 5px 22×29 30×30
Retina iPad
iPad 3, iPad 4
144×144 24px 1024×1024 180px 100×100 20px 128×128 60×60
iPad Mini 72×72 12px 512×512 90px 50×50 9px 64×64 30×30
iPad
1st and 2nd Generation
72×72 12px 512×512 90px 50×50 9px 64×64 30×30

Commonly used design elements

Devices Height of Status Bar Height of Nav Bar Height of Tab Bar Width of Tables
iPhone 5 40px 88px 98px 604px / 1100px
iPhone 4/4S 40px 88px 98px 604px / 924px
iPhone & iPod Touch
1st, 2nd and 3rd Generation
20px 44px 49px 302px / 462px
Retina iPad
iPad 3, iPad 4
40px 88px 98px dynamic
iPad Mini 20px 44px 49px dynamic
iPad
1st and 2nd Generation
20px 44px 49px dynamic

Revisions

Tags: ,

Comments are closed.