Patterns for designing an application by hand

Greetings, habrasoobschestvu.

It's about designing a graphical interface for iPhone applications. I am sure that many of you often prefer a pack of A4 sheets and a simple pencil, instead of complex software environments. Of course, with this approach, it is also necessary to have some systemic character, but in any case, there is its own charm, flexibility and naturalness, because everyone created with chalk on the wall of a house, fence or room in his Soviet childhood.

More specifically, I just want to share my templates, obtained in the course of working on different applications:


')
I will describe a little what for what I use:

• The first two are simple linear ones. They have wide phone screens, which is convenient for displaying details. For example, games often have small details.
• 3rd has more screens per sheet. With it, I describe an interface that does not require much detail. I use for the location of the main navigation elements and their links, for example.
• 4th use as the third. The only improvement is the mixing of horizontal and vertical screens. It helps when you need a different display of data in the horizontal and vertical position of the phone. For example, in the embedded iPod application there is a landscape viewing mode (cover flow).
• On the last page I depict very common things. It is convenient to draw transitions between the "pages" of the application. Inside the screens I often draw the main feature of the page or just the title.

Download or print templates directly from Google Docs .

English version of the article
Original iPhone Image Source

In conclusion, a brief overview of other supporting and alternative tools:

• Control templates for Photoshop iPhone GUI PSD 3.0
• Keynote and PowetPoint control templates
• Sketchbooks : Sketchbook App , The Developer Sketchbook , iPhone Sketch Pad
• Stencils: iPhone Stencil , iPhone Stencil Kit ,
• Services: iPhone Mockup

Successes in drawing!