Designing for iPad 3? 1717 Responses

Last post: 1 year, 2 months ago | Thread started: Mar 17, 12, 3:34 p.m.

RespondNew TopicDisable Images

• 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)

  Mar 17, 12, 3:34 p.m. – Permalink

• kalkal

  2,048 x 1,536

  • 72dpi because it doesn't really mattrer as long as you have the right res.– kalkal1/4

    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.– kalkal2/4

    taxing for the hardware but apple won't tell you that.– kalkal3/4

    *can't see the pixels at 15" distance as usually held unlike the 10" distance of the iphone– kalkal4/4

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 17, 12, 4:15 p.m. – Permalink

• monospaced

  73dpi for that extra pop.

  • lol– utopian1/3

    that's what i been saying. heh.– akrok2/3

    +73– akrok3/3

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 17, 12, 4:48 p.m. – Permalink

• tOki

  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.

  • your*– tOki

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 17, 12, 5:02 p.m. – Permalink

• gramme

  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?

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 17, 12, 10:16 p.m. – Permalink

• ESKEMA

  copy paste kalkal post:
  2,048 x 1,536

  you 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)

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 17, 12, 11:07 p.m. – Permalink

• craigatkinson

  i heard retina can go as far as 74dpi but the extra one slows it down a bit

  • <– inteliboy1/2

    yah– akrok2/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 17, 12, 11:24 p.m. – Permalink

• mydo

  i've just done a rough calculation. it's 262 dpi (ppi).

  • < almost funnier than the 73dpi joke (please tell me you're joking)– monospaced1/4

    Dpi for screen, FFS.– pillhead2/4

    DPI/PPI is totally irrelevant.– monospaced3/4

    I know, I agree.– pillhead4/4

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 18, 12, 2:31 a.m. – Permalink

• Nathan_Adams

  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

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 18, 12, 5:10 a.m. – Permalink

• jonnypompita

  What if your app is made up entirely of vector shapes?

  • then nothing needs changed– section_014

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 20, 12, 10:02 p.m. – Permalink

• monNom

  be sure to make use of the new heat feature:
  &feature=player_embedded&noredirect=1

  • mmmh – there is a plant app too?– noel

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 21, 12, 12:04 a.m. – Permalink

• animatedgif

  here we go again...

  

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 21, 12, 7:51 a.m. – Permalink

• 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)

  https://developer.apple.com/libr…

  • sorry human interface guidelines– d_rek1/2

    those dimensions are minus the status bar– d_rek2/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 21, 12, 8:07 a.m. – Permalink

• gramme

  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...
    AHHAHAHAHAHAHAHAHAHA– animatedgif1/9

    HAHAHAHAHAHAHAHAHAHA...
    haHAHAHAHAAHHAHAHAHA
    no– animatedgif2/9

    Have you designed any digital publications?– gramme3/9

    It's different than designing a website or any HTML-based app.– gramme4/9

    Very different.– gramme5/9

    hahahaha– pillhead6/9

    +1– ksv1237/9

    To design 1:1 (e.g. using 10 pt type that will appear that size in the app), the resolution must be raised.– gramme8/9

    Even if it's output at 2048x1496 / 72 dpi.– gramme9/9

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 21, 12, 8:19 a.m. – Permalink

• gramme

  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.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 21, 12, 8:22 a.m. – Permalink

• 2002

  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?

  • yes– rosem1/4

    son of a..– 20022/4

    Yes, 72 dpi– d_rek3/4

    YES 72DPI– pillhead4/4

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 21, 12, 8:31 a.m. – Permalink

• d_rek

  @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.

  • It's an interesting design challenge to have actually. Being able to create artwork at a higher resolution than you can actually preview it.– d_rek1/2

    can actually preview it.– d_rek2/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 21, 12, 8:41 a.m. – Permalink

• gramme

  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.

  • This is basically the inverse of what d_rek suggested above.– gramme1/2

    Same results.– gramme2/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 22, 12, 9:11 a.m. – Permalink