The iOS Design Cheat Sheet
Great tips to improve your iOS design workflow.
The current version of this article includes data for iOS 8 and all new Apple devices while this one only covers all iOS versions up to 8 and iPhone 6+.View the new version
When you are designing a lot of applications for Apple’s touch devices like the iPhone or iPad you often have to follow some conventions regarding sizes or radii of Icons, Buttons or Tables. Because it is always a big time loss if you have to search on the Web for this information again and again, I’ve put the most important specifications into a nice iOS Design Cheat Sheet.
The Help Sheet offers the most important information but the devil is in the detail. When designing for the iOS (especially when you have to design for all kind of displays) there are numerous details you have to care for.
When scaling your design up (for Retina) or down (e.g. for 3GS) you don’t have to change the DPI for your document in Photoshop or Fireworks – you have to absolute double/half the resolution (ignore the DPI and stay at 72).
The Points are more similar to Points for Apple’s devices, more information about the Resolution Independence can be found here.
There are some effects that will be rendered automatically for App Icons, such as:
Tab Bar Icons are handled differently than other Icons; you don’t have to provide normal and active states for the Icon, just the basic shape with transparent background. iOS will add all effects to these shapes. That includes gradients, overlays and dropshadows for both, normal and active states.
When exporting images you should always choose to export as PNG (24 or 32 bit).
I hope this Cheat Sheet is a useful resource for everyone who designs iOS Apps. If you feel I’ve missed something, or have a tip that should be added to the post, please let me know in the Comments section below.