A Grid System (Photoshop/Pixelmator) For Designing For The IPad

1. 1. Home
   2. Questions
   3. Tags
   4. Users
   5. Jobs
   6. Companies
   7. Unanswered
2. Teams

   Ask questions, find answers and collaborate at work with Stack Overflow for Teams.

   Try Teams for free Explore Teams
3. Teams

4. Ask questions, find answers and collaborate at work with Stack Overflow for Teams. Explore Teams

Teams

Q&A for work

Connect and share knowledge within a single location that is structured and easy to search.

Learn more about Teams A grid system (Photoshop/Pixelmator) for designing for the iPad Ask Question Asked 13 years, 2 months ago Modified 13 years ago Viewed 11k times 2

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?

• mobile
• ipad
• grid

Share Improve this question Follow edited Sep 24, 2011 at 14:59 asked Sep 24, 2011 at 14:10 user8597user8597 5

• 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 Commented Sep 24, 2011 at 14:56
• Are you creating an iOS app or a web site? – Patrick McElhaney Commented Sep 24, 2011 at 15:32
• I'm creating an app. – user8597 Commented Sep 24, 2011 at 18:14
• but is it an native app with native controls or a html5 app with phonegap or something similar? – herkulano Commented Sep 25, 2011 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. – user8597 Commented Sep 25, 2011 at 13:27

Add a comment |

3 Answers 3

Sorted by: Reset to default Highest score (default) Date modified (newest first) Date created (oldest first) 0

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 Follow answered Sep 25, 2011 at 14:59 herkulanoherkulano 61033 silver badges1111 bronze badges 0 Add a comment | 1

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 Follow answered Sep 25, 2011 at 12:57 Pau GinerPau Giner 2,7711515 silver badges1818 bronze badges Add a comment | 1

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 Follow answered Nov 13, 2011 at 0:56 Rob FlahertyRob Flaherty 22311 silver badge33 bronze badges 1

• Great work Rob, I was looking for some Ps mobile grids for a while and never found them. – zetareticoli Commented Nov 22, 2011 at 16:06

Add a comment |

Your Answer

Thanks for contributing an answer to User Experience Stack Exchange!

• Please be sure to answer the question. Provide details and share your research!

But avoid …

• Asking for help, clarification, or responding to other answers.
• Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

Draft saved Draft discarded

Sign up or log in

Sign up using Google Sign up using Email and Password Submit

Post as a guest

Name Email

Required, but never shown

Post Your Answer Discard

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

• Featured on Meta
• We’re (finally!) going to the cloud!
• More network sites to see advertising test [updated with phase 2]

Related

15 Designing for the iPad 3 iPad simulation for websites 3 Swipe direction for read document on iPad 4 Ipad/Iphone designing in Full-Screen vs Non-Full-Screen? 3 Grid system for mobile app mockups? 1 suggestions for dealing with multi-dimensional hierarchical data 2 Need ideas and opinions on table display of objects in different states 3 How to handle grid system and layout at different breakpoints when designing wireframes / mockups?

Hot Network Questions

• Is there definitive confirmation that the Pope sacked Cardinal Tremblay in "Conclave"?
• Conditional Definition of a Mathematical Operator
• How to use the Plot[] when the x-range is very narrow?
• Can you omit から directly connecting plain forms?
• Can .zshrc be modified automatically by other programs, installers, etc.?
• Most Efficient Glide: Pitch Up or Level Flight to Bleed Airspeed
• Can Martial Characters use Spell Scrolls in D&D 2024?
• Number of roots of a quadratic form over GF2
• Bicycle tyre aspect ratio
• How to inflict self damage anywhere in Fallout 2?
• Are prenups legally binding in England?
• Have import tariffs ever been good for an economy historically?
• driver "self['prop']" not working in 4.2.2?
• If LATERAL is optional for table-valued functions, then why does this query error without it?
• Can you see through a cannonball packing?
• How does the Born rule arise in the many-worlds interpretation with only two worlds?
• Use of “12 m.” for noon and “12 p.m.” for midnight
• When my modem places a signal on coax, is that signal still considered Ethernet?
• DOS (density of states) in the vicinity of a band extremum point
• Looking for short story about detectives investigating a murder in the future
• cartridge style bottom bracket temperature range
• Convergence of random functions
• How to make an arrow leap over another to prevent their intersections in Tikz?
• Difference between English short stories and short English stories

more hot questions Question feed Subscribe to RSS Question feed

To subscribe to this RSS feed, copy and paste this URL into your RSS reader.