Like most developers, when I have a new app idea for the iPhone or iPad, I like to first sketch the initial user interface design on paper. This process enables me to jot down my thoughts quickly, experimenting with different UI concepts and mapping out the navigational flow between the app's various screens. Once I'm satisfied with an optimized design, then I'll launch Xcode and create the actual UI in Interface Builder.

I was tired of constantly calculating the height measurements of commonly used interface components -- over and over again -- for every screen I drew on grid paper, so the pre-formatted design templates in these sketchbooks include unique visual markers and lines along the sides. Without interfering with my own sketches, these time-saving guidelines indicate the accurate size and placement of the:

• Status Bar
• Navigation Controller
• Toolbar
• Tab Bar Controller
• Portrait Keyboard
• Landscape Keyboard
• Rounded Corners (App Icon)
• Glossy Bevel (App Icon)
• Horizontal & Vertical Center
• Split View (iPad Landscape)

These templates have saved me countless hours by streamlining my own user interface design efforts, so I decided to make them available as high-quality sketchbooks to benefit other iPhone and iPad developers. Enjoy!

– Dave Wooldridge