
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
Graph paper

Graph paper by Konigi — see original source
- All Konigi PDF templates
- Konigi PDF Wireframe with notes
- Konigi PDF Wireframe (Landscape)
- Konigi PDF Wireframe (Portrait)
- Konigi PDF Storyboard
- Konigi PDF Storyboard with notes
- Konigi PDF Two-by-two
- Konigi PDF Basic
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
- MBTI sketching paper (A4)
- MBTI sketching paper (A3)
- MBTI sketching paper (Letter)
- MBTI sketching paper (Legal)
Sketching grid paper

Sketching grid paper by Concept7 — see original source
6 pages template

6 pages template by nunile — see original source
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
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
- PDF iPhone sketchboard
- Omnigraffle iPhone sketchboard
- Photoshop iPhone sketchboard
- EPS iPhone sketchboard
- PNG iPhone sketchboard
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 Wireframe Templates for Sketching

iPhone Wireframe Templates for Sketching by Evan K. Stone — see original source
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

iPhone Sketch Pad by Design Commission — see original source
Has one phone silhouette on the front side and three on the back. 200 possible screens per pad.
- Printing on both sides
- Grid lines
- 8.5 X 11 Inches
- Project name, Screen, and Date fields
- 50 sheets, 70 lb paper
- Cardboard back
Notepod

Notepod by Jacky Winter and Inventive Labs — see original source
- Three 60 x 110mm
- 100pp Notepods printed on both sides
- 80gsm laser throughout with a stiff black strawboard back
Make your own sketch templates
Free Online Graph Paper / Grid Paper PDFs
Downloadable and very printable.

Free Online Graph Paper by Incompetech — see original source

Useful templates! Thanks!
Pingback: Plantillas imprimibles para ilustrar mejor nuestras ideas « Historial de un navegante
Pingback: Plantillas imprimibles para ilustrar mejor nuestros prediseños e ideas | Carlos Zapata
Pingback: Planilhas imprimibles para ilustrar melhor nossas idéias | AlyenStudio, designer de outro mundo !
Pingback: My del.icio.us bookmarks for January 14th through January 19th | B-WORX blog
Pingback: Visual Feed – Tu blog de diseño y publicidad – Alimento visual para creativos inquietos cocinado en Madrid.
Pingback: Colección de wireframes para descargar e imprimir - VitaminaWEB.com
Thank you for the list. This will certainly help me out a lot when you I must sketch on a shoe string budget.
Pingback: Fogli stampabili peril disegno a mano libera di Wireframe | Markdvl Killer Web Designer Risorse grafiche vettoriali gratis
Pingback: Mockup e wirefram: su carta o online? Ecco le risorse per voi | Italian webdesign
Pingback: Graphic Design Link Round Up #1 | NextDayFlyers.com Blog
wow.. the “Browser Sketch Pad” doesn’t work..
Thanks for sharing very useful.
Pingback: Plantillas imprimibles, una solución eficiente | Recursos para Diseñadores Gráficos y Web | Creativos Online
Impressive list! thanks a lot for sharing all of them!
These will work well in homemade notebooks designed to look similar to Moleskine notebooks, which are easy to make with a sewing machine in any size needed. Cool.
thx a lot , u make my day. nice post,
Pingback: Юзабилити дайджест 4 | Проектирование взаимодействия, дизайн и юзабилити
Pingback: A Collection of Printable Sketch Templates and Sketch Books for Wireframing | TheSQ2
Increíble post
Gracias
Pingback: We love to sketch
Great Job! Very useful :D
Pingback: El diseño web inicia en el papel | Blog and Web
Pingback: Ivana Jurčić – A Collection of Printable Sketch Templates for Wireframing « The Quintessentials
Pingback: W wie Wireframing « Markusels Blog
Pingback: Plantillas imprimibles para el diseño web
Magnífico… mil gracias por compartirlo!!!
amazign article! im subscribe now!!
Pingback: Design-Vorlagen, Shop-Urteile, Avatar Technik > News, Tipps > App Design, Avatar, Avatar Technik, Design-Vorlagen, iPhone Vorlagen, Shop-Urteile, Webmaster
hej guys,
when I click on the “Browser Sketch Pad (PDF, A4 Sized Template)” link, the pdf doesnt open. just the website with the shop.
how I can download the sketch browser sketch pad ?
Great idea, Thank youuu!
Christian
Pingback: Weekend Webnews - iPad, Wireframes & Cheatsheets | gfxpark - Die tägliche Inspiration
Pingback: Plantillas para imprimir y esbozar tus diseños web | Summarg
Pingback: Plantillas para imprimir.. Originales « GeekState
Pingback: Sketching und Wireframing – Noch mehr Vorlagen – Braekling.de
Pingback: t3n.de/socialnews
Pingback: iPhone Wireframes | KevFoo
Pingback: Tools for thrashing early | Daily Sense
Pingback: Wireframes | GoPymes's Blog
Pingback: Underbara skissmallar för iPhoneutveckling | Teknikveckan
Pingback: This Week’s Favourites – February 5th 2010
Pingback: geekchix.org – Ivana Jurčić – Lilit » Blog Archive » A Collection of Printable Sketch Templates and Sketch Books for Wireframing :: La Gaceta del Norte
Pingback: Sunday’s Bookmarks – 7/02/2010 « PauloTruta.net
Pingback: Printable sketch templates for wireframing | caroco.de
Here is an iPad Sketch Mockup tool that is just an outline. It does not use a ton of ink when printing. http://www.netsoftservices.com/tools/NSS-iPad_stencil_trace.pdf
Also, here are the 2 up and 4 up versions.
http://www.netsoftservices.com/tools/NSS-iPad_stencil_trace_2up.pdf
http://www.netsoftservices.com/tools/NSS-iPad_stencil_trace_4up.pdf
I have posted this article for my students: http://www.sccc.premiumdw.com/web200/content-layout/
Pingback: Phaaroos » Plantillas para bocetar páginas web
Wow, this is cool.
Thanks
Awesome Roundup of Wireframing and Prototyping resources. Love starting on Paper. We use the Grid 960 ones quite a bit. Also have used the Behance books but they are so nice feel guilty just sketching in them.
Great Post!