What’s the size in pixels of the universal storyboard in Xcode? I want to create a custom design in Photoshop so I need to know the size for the universal storyboard.
What’s the size in pixels of the universal storyboard in Xcode? I want to create a custom design in Photoshop so I need to know the size for the universal storyboard.
2
Answers
By default the storyboard size is 600x600px but you should not rely on this. Usually you create a design in 640 x 1136px (@2X resolution) and then create icons for each resolution (@1X, @2X – our base, @3X). DPI resolution doesn’t matter is this case, just use default DPI 72.
Here you can find resolutions for various iOS device.
Sounds like you are asking about designing the views in your app, right? You should not design to the universal storyboard size of 600×600 because there will never be a 600×600 device. You should instead design for you target devices. Focus your design around points rather than pixels. Unless you are working on really high end graphics, your app will be built in points.
I design everything based on the iPhone 6 and then allow for some variability in the layouts for the iPhone 6 Plus and the iPhone 5 and then finally the iPhone 4 (as an after thought–just squeeze everything in). iPad layouts (sorry about this) are last on the list.
Here’s a great chart showing all of the device sizes: http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions