A Collection of Printable Sketch Templates and Sketch Books for Wireframing

Ivana Jurčić — Sun, 03 Jan 2010 14:49:49 +0000

At the beginning of a web (or application) development project I always create the sketches first. While sketching can be done on a blank paper, it’s much better to use a sketch template. For me that is the best and most productive way to work on and improve my ideas before application development begins (and things get more complicated :-)). This way I won’t pay too much attention to some details that should be taken care of later, but stay focused on general layout and functionality.

Below you will find more than 20 resources that you can use in sketching phase of application development. If you have some additional resources to share, please leave a comment so I can add them to the list.

And, of course, don’t forget to share your wireframes on I ♥ wireframes :-)

Printable sketch templates for websites
Printable sketch templates for mobile applications
Sketch Books
Make you own sketch templates

Printable sketch templates for websites

These are some pretty good, printable sketch templates for website design.

Browser Sketch Pad (PDF)

Browser Sketch Pad by Design Commission — see original source

960 grid template

960 grid template by Nathan Smith — see original source

960 Sketch PDF template

Graph paper

Graph paper by Konigi — see original source

Paper browser

Paper browser by Rain Creative Lab — see original source

MBTI sketching paper for ideation

MBTI sketching paper for ideation by Concept7 — see original source

Sketching grid paper

Sketching grid paper by Concept7 — see original source

6 pages template

6 pages template by nunile — see original source

6 pages PDF template

Paper wireframe templates

Paper wireframe templates by Jason Robb — see original source

Sketchboards

Sketchboards by adaptive path — see original source

Wireframe template

Wireframe template by Alfonso Bozzelli — see original source

PDF wireframe template

Printable sketch templates for mobile applications

Due to raising popularity of iPhone and Google Android platforms, you might get a few mobile application design projects from time to time. So be prepared. Below you’ll find a few of them that I used and recommend.

iPhone UX Sketch Templates

iPhone UX Sketch Templates by Erik Loehfelm — see original source

iPhone Sketch Pad (PDF)

iPhone Sketch Pad by Design Commission — see original source

iPhone Application Sketch Template

iPhone Application Sketch Template by Oliver Waters — see original source

iPhone Application Sketch Template (300dpi A4 JPEG)

iPhone Wireframe Templates for Sketching

iPhone Wireframe Templates for Sketching by Evan K. Stone — see original source

iPhone Paper Prototype (PDF and Visio (VSD) format)

iPhone App Wireframe Template

iPhone App Wireframe Template by full of design — see original source

Sketch Books

You may prefer to buy a finished product, a sketchbook. Or perhaps you’re just too lazy to print the ones that are downloadable :). Anyway, here’s the list of sketchbooks I recommend:

Browser Sketch Pad

Graph paper pad with browser chrome on top.

Browser Sketch Pad by Design Commission — see original source

8.5 X 11 Inches
50 Sheets in a pad
70 lb Paper
Chip board back

Wireframe Graph Paper Notepad

Wireframe Graph Paper Notepad by Konigi — see original source

50 sheets
8 1/2 x 11 inches on white opaque vellum paper

Storyboard Notepad

Storyboard Notepad by Konigi — see original source

50 sheets
8 1/2 x 11 inches on white opaque vellum paper

Dot Grid Book

Dot Grid Book by Behance — see original source

Semi-Hard Suede-touch Cover
9 x 10.5 Inches
50 pages, 80lb Premium Blend Paper
Double spiral (black)

App Sketchbook

Quickly put your iPhone® app designs on paper.

App Sketchbook by Stephen Martin — see original source

50 Double-sided pages
3 real-size iPhone® templates per page
Pixel (20px) ruler and title bar markings
Ruled section for your development notes

iPhone Sketch Pad