Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I am designing an iPad app, so I could really use a grid template. I could probably just work with the 960 grid system; however, I'd love to find a solution that is tailor-made for the purpose (that is, takes into account such things as the iPad's resolution and suggested (by Xcode's Interface Builder) screen margins). Any suggestions? How do you approach iPad interface design?

share|improve this question

migrated from graphicdesign.stackexchange.com Sep 24 '11 at 14:57

This question came from our site for Graphic Design professionals, students, and enthusiasts.

    
This is more of a User Interface issue than a Graphic Design issue, thus no ios tag. Please read the FAQ for more information. Migrating now... –  Philip Regan Sep 24 '11 at 14:56
    
Are you creating an iOS app or a web site? –  Patrick McElhaney Sep 24 '11 at 15:32
    
I'm creating an app. –  ernes7a Sep 24 '11 at 18:14
    
but is it an native app with native controls or a html5 app with phonegap or something similar? –  herkulano Sep 25 '11 at 13:17
    
It's a native app, and its interface is going to be custom-made (i.e., I am mostly not going to use default iOS interface elements). Thus, I need some sort of a grid to guide me. The simplest example of that: you know how when you use Interface Builder, the software shows gridlines suggesting that you should not put stuff any closer to the edge? Well, I'd like to have a gridline there in Photoshop. –  ernes7a Sep 25 '11 at 13:27

3 Answers 3

up vote 0 down vote accepted

There aren't any grid systems for native iOS development. You have to do your own grids in photoshop.

I am mostly not going to use default iOS interface elements

The most common way of doing your own components is to extend iOS components with your own skins and behaviors.
If you go for full custom components then you extend the UIView and build your elements on top of that, but IMHO for most components it is a costly approach, i.e., lot of development work that you need to do yourself.

Also from a ux perpective it is a good practice to follow the OS UI Guidelines so it is good to use or extend native components.
I'm not saying you have to do exactly what the guidelines say or to use native components for everything, but it is a good place to start.
Guidelines are recommendations that were tested (at least we hope so) and that users get to know and get accustomed to, they are not unbreakable rules.

share|improve this answer
    
Thanks for your answer, @herkulano. –  ernes7a Sep 25 '11 at 15:02

You can find a list of iPad stencils here: http://emilychang.com/2010/03/ipad-templates-and-stencils/

most are in PSD format bit I did not used them myself.

share|improve this answer

I've been experimenting with grid layouts for the iPad/iPhone and I've started a collection of PSD templates on GitHub. They're intended for web design but they could also work for designing native app comps.

https://github.com/robflaherty/photoshop-grids

share|improve this answer
    
Great work Rob, I was looking for some Ps mobile grids for a while and never found them. –  zetareticoli Nov 22 '11 at 16:06

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.