IMG_8283

A Collection of Printable Sketch Templates and Sketch Books for Wireframing

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

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

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

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

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

146 thoughts on “A Collection of Printable Sketch Templates and Sketch Books for Wireframing

  1. Pingback: Plantillas imprimibles para ilustrar mejor nuestras ideas « Historial de un navegante

  2. Pingback: Plantillas imprimibles para ilustrar mejor nuestros prediseños e ideas | Carlos Zapata

  3. Pingback: Planilhas imprimibles para ilustrar melhor nossas idéias | AlyenStudio, designer de outro mundo !

  4. Pingback: My del.icio.us bookmarks for January 14th through January 19th | B-WORX blog

  5. Pingback: Visual Feed – Tu blog de diseño y publicidad – Alimento visual para creativos inquietos cocinado en Madrid.

  6. Pingback: Colección de wireframes para descargar e imprimir - VitaminaWEB.com

  7. Pingback: Fogli stampabili peril disegno a mano libera di Wireframe | Markdvl Killer Web Designer Risorse grafiche vettoriali gratis

  8. Pingback: Mockup e wirefram: su carta o online? Ecco le risorse per voi | Italian webdesign

  9. Pingback: Graphic Design Link Round Up #1 | NextDayFlyers.com Blog

  10. Pingback: Plantillas imprimibles, una solución eficiente | Recursos para Diseñadores Gráficos y Web | Creativos Online

  11. Phil

    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.

  12. Pingback: Юзабилити дайджест 4 | Проектирование взаимодействия, дизайн и юзабилити

  13. Pingback: A Collection of Printable Sketch Templates and Sketch Books for Wireframing | TheSQ2

  14. Pingback: We love to sketch

  15. Pingback: El diseño web inicia en el papel | Blog and Web

  16. Pingback: Ivana Jurčić – A Collection of Printable Sketch Templates for Wireframing « The Quintessentials

  17. Pingback: W wie Wireframing « Markusels Blog

  18. Pingback: Plantillas imprimibles para el diseño web

  19. Pingback: Design-Vorlagen, Shop-Urteile, Avatar Technik > News, Tipps > App Design, Avatar, Avatar Technik, Design-Vorlagen, iPhone Vorlagen, Shop-Urteile, Webmaster

  20. Dawid

    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 ?

  21. Pingback: Weekend Webnews - iPad, Wireframes & Cheatsheets | gfxpark - Die tägliche Inspiration

  22. Pingback: Plantillas para imprimir y esbozar tus diseños web | Summarg

  23. Pingback: Plantillas para imprimir.. Originales « GeekState

  24. Pingback: Sketching und Wireframing – Noch mehr Vorlagen – Braekling.de

  25. Pingback: t3n.de/socialnews

  26. Pingback: iPhone Wireframes | KevFoo

  27. Pingback: Tools for thrashing early | Daily Sense

  28. Pingback: Wireframes | GoPymes's Blog

  29. Pingback: Underbara skissmallar för iPhoneutveckling | Teknikveckan

  30. Pingback: This Week’s Favourites – February 5th 2010

  31. Pingback: geekchix.org – Ivana Jurčić – Lilit » Blog Archive » A Collection of Printable Sketch Templates and Sketch Books for Wireframing :: La Gaceta del Norte

  32. Pingback: Sunday’s Bookmarks – 7/02/2010 « PauloTruta.net

  33. Pingback: Printable sketch templates for wireframing | caroco.de

  34. Pingback: Phaaroos » Plantillas para bocetar páginas web

  35. Peter S

    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!

Comments are closed.

m4s0n501