Designing for iPad 3?
- Started
- Last post
- 17 Responses
- jonnypompita
Hello folks,
With the retina display now engineered into the new iPad, what file size and dpi should the psd be set to? 1024x768 was the standard but apps built for the iPhone 4 have been bumped up to 640x960 because of retina.
640x960 (iPhone 4 retina)
320x460 (iPhone up to 3gs)
- kalkal0
2,048 x 1,536
- 72dpi because it doesn't really mattrer as long as you have the right res.kalkal
- It's not double res like the iphone because you can't see the pixels at this res and any higher would have been too taxing for the hardware but apple won't tell you that.kalkal
- taxing for the hardware but apple won't tell you that.kalkal
- *can't see the pixels at 15" distance as usually held unlike the 10" distance of the iphonekalkal
- monospaced0
73dpi for that extra pop.
- tOki0
Create you canvas at the at the physical dimensions and dpi of the screen. Done correctly this should give you 2048x1536 pixels, however if you look at it at "print size" you should get a realistic view of it in someone's hands. In the same way we approach adaptive design you need to think in this way, rather than set amounts of pixels.
it's important to remember that in the case of mobiles and tablets more pixels usually means a finer detailed picture, rather than "more
space" to work with.
- gramme0
I've been working on digital magazines for over a year now. We were setting image resolution to 132 dpi for the iPad. But now I guess in at least this situation, images will have to be higher res. No?
- ESKEMA0
copy paste kalkal post:
2,048 x 1,536you can set it to 1 dpi or 3000, only pixels matter.
just remember to set everything in divisible pixels so that when ipad 1/2 displays your design, everything is on full pixels as well. (i.e. don't set nothing to 933px because on an ipad 1/2 it'll be on 416.5 px and look shit... etc)
- craigatkinson0
i heard retina can go as far as 74dpi but the extra one slows it down a bit
- mydo0
i've just done a rough calculation. it's 262 dpi (ppi).
- < almost funnier than the 73dpi joke (please tell me you're joking)monospaced
- Dpi for screen, FFS.pillhead
- DPI/PPI is totally irrelevant.monospaced
- I know, I agree.pillhead
- Nathan_Adams0
Best - still work on a 1024x768 document, but make sure you work with hi-res assets that are scaled down as smart objects. That way, it's 1. easier to work with on screen, and 2. you know it will work fine on iPad 1/2. Then just scale the document 200% at the end and start outputting what you need.
- I think this is right, especially as long as all the elements are vector.jonnypompita
- jonnypompita0
What if your app is made up entirely of vector shapes?
- monNom0
be sure to make use of the new heat feature:
- animatedgif0
here we go again...
- d_rek0
The User Experience Guidelines tell you explicitly the dimensions you need to design artwork for.
Size for high-resolution iPad (in pixels)
1536 x 2008 (portrait)
2048 x 1496 (landscape)
- gramme0
DPI becomes relevant if you're working on digital publications, using the tools from Adobe, Woodwing, Mag+, etc. The layout work for these publications is usually done in InDesign, so a pixels-to-pixels workflow isn't really feasible. Yes, the iPad 3's resolution is much higher than the first two generations. But the canvas size, whether measure in inches, points, or whatever (again, if you're thinking in terms of pages) remains the same. So, your images in the particular instance of a digital publication created with InDesign will need to be 264 DPI.
- "need to be 264 DPI"
HAHAHAAHAHHAAHAHHA
HAHAHAAHHAHAHAHAHAAH
HAHAAHHAHAHAHAHHAHAH...
AHHAHAHAHAHAHAHAHAHAanimatedgif - HAHAHAHAHAHAHAHAHAHA...
haHAHAHAHAAHHAHAHAHA
noanimatedgif - Have you designed any digital publications?gramme
- It's different than designing a website or any HTML-based app.gramme
- Very different.gramme
- hahahahapillhead
- +1ksv123
- To design 1:1 (e.g. using 10 pt type that will appear that size in the app), the resolution must be raised.gramme
- Even if it's output at 2048x1496 / 72 dpi.gramme
- "need to be 264 DPI"
- gramme0
e.g. using a 2048 x 1496 artboard for a digital publication will require everything to be doubled. 10 pt (or 10 px) type becomes 20 pt, and so on. It's difficult to design accurately/appropriately in such settings, knowing that the actual size of things will be reduced at the end.
- 20020
d_rek
The User Experience Guidelines tell you explicitly the dimensions you need to design artwork for.
Size for high-resolution iPad (in pixels)
1536 x 2008 (portrait)
2048 x 1496 (landscape)This is 72dpi on your psd file?
- d_rek0
@2002,
Yup, 72 DPI. Basically double up on all of your layer effects, strokes, etc. and preview your doc @ 50% to get a somewhat-accurate on-screen representation.
It's not ideal, but it's working for me us far. At the very least the artwork will already be high-res and will require minimal revision - if it's needed at all.
We're waiting on getting our iPad 3 so we can start testing to see how things actually look. Until then we're kinda in the dark.
- gramme0
Let me explain what I was saying above in a different way.
The usable space (sans 20 px status bar) is 1536 x 2008 or 2048 x 1496 @ 72 DPI. We all agree about the pixel size/resolution. I was never suggesting that one should output images for an app or website at 264 DPI.
HOWEVER, it still stands that IF someone is working on a digital publication using digital magazine plugins for InDesign, and IF that person wants to work in a 1:1 ratio (e.g. to use 9 pt type that will actually APPEAR the same optical size in an app), then one needs to work with images that are 264 DPI. The files at the end of the day will be output based on pixel dimensions, which will of course be 72 DPI. No argument there.