This is how much bigger to make a raster image (PNG, JPG) when exporting to take maximum advantage of the higher resolution of some devices. I strongly recommend designing on artboards of this size for a given device. This is the “point size” or size of a given device.
Here’s the full list for your reference (drag this link to your bookmark bar to save it get the downloadable PDF below) Device There are 3 new screen sizes from just the last 3 years! If your design worked on a 320x480 screen, you were golden.
Heaven knows Apple’s Human Interface Guidelines are awful to try and read.įor the first 5 or 6 years of iPhone releases, screen sizes were pretty manageable. Maybe you’ve designed a dozen, but still want one place to reference best practices. Maybe you’ve never designed an iPhone app, and have no idea where to begin. In this article, we’re going to cover basically everything you need to know to design an iPhone app following standard iOS 14 conventions and style.