Free Printable Sketching, Wireframing and Note-Taking PDF Templates

Advertisement

Sketching and wireframing are a specialized style of drawing, used for fleshing out preliminary complex ideas, group brain-storming, a lo-fi method for evaluating interaction concepts, and as a way of roughly perfecting a design technique.

Sketch and wireframe paper is essentially drawing paper that is designed specifically for this purpose. You could use it for web page design, web app design, architectural or structural design, graphic design, movie direction, animation… basically any type of design that needs a physical creative outlet or group collaboration.

Not all sketch and wireframe sheets are universal, most are specialized for a particular medium, such as storyboards and specialized grid paper (axonometric perspective templates).

Below you will find a concise collection of ready to print sketching, wireframing and note-taking templates. Most, as expected, are geared towards the design community, but there are also templates that could be used within any industry and for any purpose.

You may be interested in the following related posts:

Wireframing and Sketching Paper

Paper Browser – It's a browser, only in paper
This PDF can be used for creating a website’s wireframe. The entire PDF is proportionally scaled at a 1024×768 screen resolution, with guides for designs that use a 960px or 800px layout and with each grid sized at 32x32px. The PDFs are available in both A4 and A3.

Sketch, Template and Wireframe Printable Paper

Web Sketching Template – Single Page
This A4 template has been designed for sketching a website with a resolution of 1024×768.

Sketch, Template and Wireframe Printable Paper

iPhone Wireframe Templates for Sketching
These iPhone paper prototyping and design templates are available to download in two different styles: the basic iPhone design template and a more advanced one that also has the iPhone sketch template but leaves space for making notes. Both can be downloaded in a .zip-file which also contains the templates in Viso (VSD) format.

Sketch, Template and Wireframe Printable Paper

iPad Idea Sheet
This template has been designed for wireframing iPad apps. There are three templates within the zip-archive: The first template allows for full size iPad sketching (100%), the second has two iPad templates (at 70% of the normal size) and the last has four iPads sized at 50% of the regular size.

Sketch, Template and Wireframe Printable Paper

iPhone Idea Sheet
This iPhone idea sheet has been designed by the same people that released the iPad Idea Sheet above. The .zip-file contains 4 different printable templates: two templates are sized at 100% of the actual iPhone with a choice of horizontally or vertically aligned sheets and the other two sketching templates each have 9 iPhone designs (sized at 75% of the actual iPhone) and again with a choice of either horizontal or vertical orientation.

Sketch, Template and Wireframe Printable Paper

iPhone Application Sketch Template
This iPhone template has a grid with the grid squares sized at 10px; it is designed with tick marks to indicate the heights of the status bar, nav bar, keyboard, tab bar and toolbar. The download is a 300dpi A4 JPEG.

Sketch, Template and Wireframe Printable Paper

Android Wireframe Templates
This sketching set for Android contains templates for Nexus One, HTC Dream, HTC Hero, HTC Magic, HTC Tattoo and Motorola Droid.

Sketch, Template and Wireframe Printable Paper

Wireframe Print and Sketch Template

Sketch, Template and Wireframe Printable Paper

A4 & A3 Sketching Paper
This printable grid sketching paper can be useful for the initial stages of web design, concept designing. You can choose between the A4 size or A3.

Sketch, Template and Wireframe Printable Paper

Basic Wireframing Paper
This is a basic grid box which you can use for concept diagrams, sitemaps, spectrums, tables, and whatever else you may need to sketch.

Sketch, Template and Wireframe Printable Paper

Wireframe and Notes Paper
This is a wireframe grid divided into 24 columns with gutters between each column. The column units are numbered along the top of the grid. To the right of the grid there is a ruled column for adding labels and annotations.

Sketch, Template and Wireframe Printable Paper

Two-by-Two Wireframe Paper
This template is a two by two grid with 4 cells divided by an x-y axis.

Sketch, Template and Wireframe Printable Paper

Blank Grid and Graph Paper

ZURB Grid Paper
With this grid paper you can connect the dots to give your sketches a little more structure while exploring refined concepts on paper.

Sketch, Template and Wireframe Printable Paper

Graph Paper with Two Lines Per Inch – Letter-Sized
This basic letter-sized graph paper has two aqua blue lines per inch.

Sketch, Template and Wireframe Printable Paper

Four Dots Per Inch A4 Paper
This printable dot paper has four dots per inch and is in portrait (vertical) orientation on letter-sized paper.

Sketch, Template and Wireframe Printable Paper

Storyboard Templates

4 Cell Storyboard Paper
This is a basic storyboard sketching template with 4 cells with each cell having a simple grid.

Sketch, Template and Wireframe Printable Paper

MBTI Sketching Paper for Ideation
With this MBTI sketching paper for ideation sessions, you can describe a design challenge on every piece of sketching paper which represents the problem you want to solve. There’s also some space for annotations. You can download the PDF in A4 and A3.

Sketch, Template and Wireframe Printable Paper

ZURB Sketchsheets
A set of editable PDF sketchsheets ideal for rough ideas and presentation to clients. There are five slightly different templates in the .zip-download package.

Sketch, Template and Wireframe Printable Paper

Storyboard Template

Sketch, Template and Wireframe Printable Paper

Storyboard with Notes
A storyboard template with 4 cells, with the area space beneath each cell for notes.

Sketch, Template and Wireframe Printable Paper

Web Sketching Template – 6 Pages
An A4 web design sketching template with space for notes.

Sketch, Template and Wireframe Printable Paper

Scenario, Taskflow and Grid Sketchsheets
This all-in-one PDF download package contains scenario, task-flow and grid templates. All can be useful during the early stages of web development process. Here are the three templates:

Sketch, Template and Wireframe Printable Paper

Sketch, Template and Wireframe Printable Paper

Sketch, Template and Wireframe Printable Paper

Lined and Notepad Paper

A4 Narrow-Ruled
This letter-sized lined paper is narrow ruled in portrait (vertical) orientation.

Sketch, Template and Wireframe Printable Paper

8.25" x 11" Lined and Squared Paper
This lined and squared paper template is sized 8.25"x11", and available in both PDF and JPEG.

Sketch, Template and Wireframe Printable Paper

Speciality Paper

Printable Cornell Note Paper
This Cornell Notes paper is lined and additionally formatted with two large blank areas for a summary and a cue (on which to later note and review main ideas, ask questions, or draw diagrams).

Sketch, Template and Wireframe Printable Paper

Moleskine Writing Template by Rod Graves
This template is based on a medieval page layout principle described in Robert Bringhurst’s classic book on typography, The Elements of Typographic Style. The Large sized notebook’s dimensions are nearly equivalent to a Golden Section rectangle (1:1.61803…). The design of the template is related to the golden section / the Fibonacci sequence.

Sketch, Template and Wireframe Printable Paper

Penmanship Paper
You can use this dashed paper to practice penmanship. The PDF is in the size A4 and has twelve lines per page, in portrait (vertical) orientation.

Sketch, Template and Wireframe Printable Paper

Calendars

Weekly Printable Calendar
This calendar's overview format lets you prioritize tasks, schedule appointments, and jot down notes all on one page. Custom options include Letter and A4 printing sizes, start day of the week, time range, and multiple languages.

Sketch, Template and Wireframe Printable Paper

Monthly Printable Calendar
This template lets you create printable monthly calendars for letter and A4 paper sizes.

Sketch, Template and Wireframe Printable Paper

5-Day Monthly Calendar
Create and print a 5-day calendar with holidays and your choice of start day by using the generator.

Sketch, Template and Wireframe Printable Paper

Lined Weekly Printable Calendar
Create and print lined weekly calendars in horizontal or vertical format with your choice of start day.

Sketch, Template and Wireframe Printable Paper

Index card sized Printable Calendars
Choose from 4 different compact templates for printing directly to3x5 and 4×6 index cards (with the dates already filled in). Here are the download links: Monthly Calendar, Split Month Calendar, Yearly Calendar and 2-Year Calendar.

Sketch, Template and Wireframe Printable Paper

Music Sheets

Music Paper from the University of Virginia
There are many sites where you can download blank music sheets, but none are as a comprehensive and detailed as this resource. You can select PostScript or PDF formats for your templates; they are all sized 81/2 x 11 (portrait orientation). Overall, there are 37 templates available and they are split into the following categories: General (9 templates), Solo (3 templates), Ensemble (8 templates), Band (4 templates), Orchestra (4 templates) and finally templates for Choral (8 templates). Below you can see examples of the Basic template and the Full Orchestra templates:

Sketch, Template and Wireframe Printable Paper

Sketch, Template and Wireframe Printable Paper

Generators and Tools

Incompetech Grid and Graph Paper Generator
On this site you can generate basic graph templates in any size, color and even by grid spacing, you can also choose from the scores of different graph variations: Axonometric Perspective, Cross Grid, Inverted, Equilateral Triangle, Octagonal, Hexagonal, Semi-bisected Trapezoid and Tumbling Block – Trapezoid.

Notepad Generator
This tool allows you to customize a PDF notepad which you can then print it out on standard 8 1/2 x 11 paper.

Print Free Graph Paper
Here you can choose the size (Letter or A4), paper type (Cartesian, Polar, Isometric…), measuring units (Millimetres or Inches) and finally whether you want the paper formatted or un-formatted.

All work and no play PDFs

Downloadable Origami Templates
You know the saying “all work and no play…”. Well, not all printable PDFs are geared towards work. How about a fun stress reliever? This site offers a huge database of printable origami models that will keep you amused for hours. Best not to make these during collaboration and brainstorming meetings though!

Sketch, Template and Wireframe Printable Paper

Sketch, Template and Wireframe Printable Paper

Design Police – Bring bad design to justice
Fed up with the bad design choices of your colleagues? Design-Police.org has created, as they call it, “visual enforcement kit” for designers. Help bring bad design to justice!

Sketch, Template and Wireframe Printable Paper

Related Posts

You may be interested in the following related posts:

What other goodies would you like us to collect?

Would you like us to collect other PDFs, files, download kits? Let us know what you need in the comments below and we will collect them and present them in one of our upcoming posts!

Paul Andrew is a freelance Web designer. He is chief admin for Speckyboy - Design Magazine, a Web design, Web development and graphic design resource blog.

  1. 1

    Martin

    March 29th, 2010 3:30 am

    Very useful ! Thanks !

    0
  2. 2

    Jonathan

    March 29th, 2010 3:37 am

    I was actually looking for this resource a few weeks back. Great post!

    0
  3. 3

    itReptil

    March 29th, 2010 3:45 am

    Great job !

    0
    • 4

      itreptil

      December 6th, 2010 2:17 pm

      amazing xD

      0
  4. 5

    Paul S

    March 29th, 2010 3:50 am

    Why does the “Four Dots Per Inch A4 Paper” have different kinds of dots?

    0
    • 6

      stefanjo

      March 30th, 2010 3:52 pm

      Paul it doesn’t have different kinds of dots. It’ just a preview error. When downloaded they are all the same.

      0
  5. 7

    Fatma

    March 29th, 2010 4:00 am

    I’m downloading some of them now .. thanks a lot .

    0
  6. 8

    Vladimir Carrer

    March 29th, 2010 4:03 am

    Lovely list. I love paper sketching. I also did something similar and maybe can help somebody. Sketchbook for web designers http://www.vcarrer.com/2009/02/sketchbook-for-web-designers.html

    -2
  7. 9

    Bogdan Gagea

    March 29th, 2010 4:11 am

    Thank you very much! I was just searching the www the other days for this…10x!

    +1
  8. 10

    pxlgoodness

    March 29th, 2010 4:14 am

    great article, will come in handy for many people!

    +1
  9. 11

    Thany

    March 29th, 2010 4:19 am

    Should the first step not be to make a solid technical design? GUI comes later.

    -1
  10. 12

    Brian Jones

    March 29th, 2010 5:09 am

    Thank you for this post – these will come in handy. I actually was at Staples a couple days ago to get some graph paper and a new file cabinet – did not feel like spending the $20 for about 10-15 sheets of graph paper so this post comes at the perfect time!

    0
  11. 13

    DELADE

    March 29th, 2010 6:03 am

    Great and very USEFUL post, thanks!

    -1
  12. 14

    Enrique Robledo

    March 29th, 2010 6:05 am

    Stop using paper!!!
    Although the templates are very good!

    -2
  13. 15

    Wouter

    March 29th, 2010 6:08 am

    Nice list… though I’m amazed you forgot to mention the templates provided by the nice folk at http://960.gs ( http://github.com/nathansmith/960-Grid-System/zipball/master/ )

    -1
  14. 16

    Justin Carroll

    March 29th, 2010 6:29 am

    I wish I wasn’t so lazy. These could probably help me collect my thoughts better. I might print them. :) Thx for the collection!

    -1
  15. 17

    Emmanuel

    March 29th, 2010 6:32 am

    Now here is genuinely useful set of resources. Thanks!

    0
  16. 18

    Gerd Wippich

    March 29th, 2010 6:39 am

    I especially like the last one, Design Police. Comic Sans is illegal, lol.

    0
  17. 19

    Dzinepress

    March 29th, 2010 6:39 am

    excellent article and really useful stuff.

    0
  18. 20

    Teylor Feliz

    March 29th, 2010 6:57 am

    This is exactly what I was looking for. Thanks Paul and Smashing Mag ;)

    0
  19. 21

    Roberto

    March 29th, 2010 7:11 am

    Great list, thank you. This fillable and Printable calander is especially usefull: http://blog.worldlabel.com/2009/free-2010-fillable-calender-pdf-pro-printable-template.html

    0
  20. 22

    Julian Lang

    March 29th, 2010 7:32 am

    I’m thinking, ‘who doesn’t need this resource?’ The variety is great. Now to download and test drive. That’s where it counts.

    +1
  21. 23

    leah

    March 29th, 2010 7:36 am

    thanks for sharing these! these will come in very handy.

    0
  22. 24

    Web4half

    March 29th, 2010 7:52 am

    Appreciate your efforts in putting this together.
    Tx

    0
  23. 25

    EdWA

    March 29th, 2010 8:13 am

    The calanders aren’t free actually!
    I tried one, wanted tochange some things, but then the download was denied.

    0
  24. 26

    Debashish Paul

    March 29th, 2010 9:03 am

    Great line of resources! A big thank you SM

    0
  25. 27

    Ed P.

    March 29th, 2010 9:07 am

    Nice resource!

    0
  26. 28

    Floris

    March 29th, 2010 9:18 am

    Ah finally! [bookmarks]

    Thank youuuuuu so much :)

    0
  27. 29

    Elaine

    March 29th, 2010 9:51 am

    Are there any storyboards out there for casual gaming?

    0
  28. 30

    ardianzzz

    March 29th, 2010 10:18 am

    nice! thanks for the stuffs! :)

    0
  29. 31

    Chris

    March 29th, 2010 10:37 am

    Now this is what I am fucking talking about!!! Smashing release stuff like these!! Keep it up!!!!!!!!!! Smashing Magazine… FTW

    0
  30. 32
  31. 33

    Ethan

    March 29th, 2010 10:51 am

    What a fantastic article. As I read the title, I thought, why would I need help in getting ready to sketch? I know how to sketch… I definitely didn’t expect such tangible, helpful, and plentiful resources. Bravo.

    0
  32. 34

    Michelle C

    March 29th, 2010 11:34 am

    LOVE,LOVE, LOVE to visit this site! I always walk away with something good!
    Thanks

    0
  33. 35

    Phil Benoit

    March 29th, 2010 11:46 am

    Thanks for this, I know the website ones will come in handy!

    +1
  34. 36

    Manuel

    March 29th, 2010 1:58 pm

    My printer is happy now :-D Thanks!

    0
  35. 37

    Matt Vogt

    March 29th, 2010 2:32 pm

    This is so very handy! THANK YOU

    0
  36. 38

    Peter Škrovan

    March 29th, 2010 3:29 pm

    Thanks. Useful…

    0
  37. 39

    Marty

    March 29th, 2010 4:01 pm

    This is an epic collection of resources that is extremely useful to me outside of web design! Awesome!

    0
  38. 40

    PGabor

    March 29th, 2010 4:22 pm

    I love the Design Police part. Geez, if I had the chance to stick those around on poorly designed sites…

    0
  39. 41

    achmatim

    March 29th, 2010 5:13 pm

    nice templates and collections. thanks for sharing sir

    0
    • 42

      savet

      April 6th, 2010 5:32 pm

      hi my name savet I want you help me how to dedsign the web page ok I hope that you will be help me and I want you to send some documnet that you have ok

      0
  40. 43

    diogo

    March 29th, 2010 5:57 pm

    It’s a good list, but you should also refer to David Seah’s great productivity tools: http://davidseah.com/blog/the-printable-ceo-series/ and compact calendar: http://davidseah.com/page/compact-calendar

    0
  41. 44

    Dirmansuharno

    March 29th, 2010 6:29 pm

    thanks for sharing :)

    0
  42. 45

    Kyrre

    March 29th, 2010 7:14 pm

    Check out http://www.gridpapr.com awesome for sketching design for web or what ever you need to sketch down. I use it all the time and sketch up new site for our clients even in the first meeting.

    0
  43. 46

    Uday Sutaria

    March 29th, 2010 8:12 pm

    This is very useful post for me. This will defiantly going to help me in my projects as well as my clients to understand the flow of their project.

    Thanks Paul.

    0
  44. 47

    afraz

    March 29th, 2010 8:55 pm

    What about the clients who post their project on some sites like GAF and rent a coder and first say that come up with a mockup? can we use wire frames for those clients?

    0
  45. 48

    Murid Rahhal

    March 29th, 2010 10:18 pm

    960 px grid system in PSD file, free download:

    http://blog.sfaranda.com/the-ultimate-grid-system-psd-file

    0
  46. 49

    Ruud

    March 29th, 2010 10:20 pm

    awesome!

    0
  47. 50

    Jingalala

    March 29th, 2010 11:26 pm

    Its a great list…Thanks…

    waiting to see more…

    0
  48. 51

    fgaeg

    March 30th, 2010 1:02 am

    wow, good list!
    this is very useful post for me

    0
  49. 52

    goofydg1

    March 30th, 2010 5:58 am

    nice work

    0
  50. 53

    Mike

    March 30th, 2010 11:18 am

    Android design sketch sheet Template (PDF 484k) – go from idea to paper prototype in secs – http://bit.ly/cVqoKs – courtesy of http://www.usability-app.com

    0
  51. 54

    Syed.U.I

    March 30th, 2010 2:02 pm

    Thanks for sharing. Really helpful.

    0
    • 55

      yog

      December 3rd, 2010 11:50 pm

      gr8 reply….

      0
  52. 56

    Luke

    March 30th, 2010 3:23 pm

    Very useful!

    0
  53. 57

    June

    March 30th, 2010 11:15 pm

    Oh happiness! Awesome post, as usual. Thanks so much! :)

    0
  54. 58

    Gavin

    March 31st, 2010 3:47 am

    Yet again another well researched post. Thanks for sharing guys.

    0
  55. 59

    Cynthia D

    March 31st, 2010 11:00 pm

    Thanks for this helpful variety of tools. I can already see that a few of these will fit my needs perfectly.

    0
  56. 60

    Shimu

    April 1st, 2010 2:13 am

    wow! These templates are really useful for designers!

    0
  57. 61

    Alex

    April 1st, 2010 7:40 am

    Yep, looks pretty cool…

    0
  58. 62

    greg

    April 2nd, 2010 8:12 am

    WOW! this is very useful, Thank you!

    0
  59. 63

    Dan Harrelson

    April 2nd, 2010 8:44 am

    At Adaptive Path we have provided instructions and templates for sketching and a technique we call “sketchboarding”.

    http://www.adaptivepath.com/ideas/essays/archives/000863.php

    0
  60. 64

    Igor Ivankovic

    April 3rd, 2010 6:31 am

    Wow, very usefull for me :) Thank you for this mega pack :)

    0
  61. 65

    Jos Senden

    April 4th, 2010 12:54 am

    very usefull and a good overview

    0
  62. 66

    Vladimir Grichina

    April 4th, 2010 2:14 pm

    I think readers of this post may also be interested in our ready to use sketchbook for designing iPad apps – http://www.ipadsketchbook.com/en

    0
  63. 67

    tanya

    April 8th, 2010 4:03 am

    great post and very useful. thanks a lot

    0
  64. 68

    Tobias

    April 9th, 2010 5:55 am

    Perfect, thanks a lot for this.

    0
  65. 69

    Vicky

    April 10th, 2010 1:50 am

    Surprised you missed the Eight Shapes Unify set http://unify.eightshapes.com/ . Admittedly you have to give up your email address to get it, but it’s the most heavy duty UI templates out there!

    —-
    [Edit: oops, realised that Unify is mentioned in the more general "50 Free UI and Web Design Wireframing Kits, Resources and Source Files" http://www.smashingmagazine.com/2010/02/05/50-free-ui-and-web-design-wireframing-kits-resources-and-source-files/ . Carry on ....]

    0
  66. 70

    jacob

    April 15th, 2010 12:59 pm

    i just found http://www.generatedpaper.com — it’s a very useful ressource for the basic stuff like graph papers or notebook papers.

    +1
  67. 71

    Dave

    April 17th, 2010 3:06 pm

    My friend created the real thing. Check it out: http://pixelpads.com/

    0
  68. 72

    Rebecca H

    June 2nd, 2010 1:08 am

    these are really so cool.

    0
  69. 73

    vivi

    June 10th, 2010 9:28 am

    muy buenas ideas

    0
  70. 74

    Shawn, Kim

    June 14th, 2010 4:14 am

    Good. Thanks you.

    0
  71. 75

    Charlie

    July 25th, 2010 5:57 pm

    Forget the printer altogether and get PixelPads instead. Learn the concept of designing in-context. They’re way ahead of all these and the grid is in 10-pixel increments.
    PixelPads.com

    0
  72. 76

    Ricardo Hagens

    August 25th, 2010 12:22 am

    Very useful.
    Thnx. for sharing!

    0
  73. 77

    Luca

    October 17th, 2010 2:07 am

    googled all around for this one….another Smashing post from Smashing magazine :-) thank you guys!!!

    0
  74. 78

    Sarah

    December 9th, 2010 2:32 am

    I LOVE the origami templates!

    0
  75. 79

    Dan

    March 29th, 2010 8:00 am

    Never heard of pocketmod before, but it is an AWESOME concept. Printing mine now. Thanks for the link!

    0
  76. 80

    Warren Buffet

    March 30th, 2010 1:22 am

    That’s really cool, dude!

    0
  1. 1

    Bogdan Gagea

    March 29th, 2010 4:11 am

    Thank you very much! I was just searching the www the other days for this…10x!

    +1
  2. 2

    pxlgoodness

    March 29th, 2010 4:14 am

    great article, will come in handy for many people!

    +1
  3. 3

    Julian Lang

    March 29th, 2010 7:32 am

    I’m thinking, ‘who doesn’t need this resource?’ The variety is great. Now to download and test drive. That’s where it counts.

    +1
  4. 4

    Phil Benoit

    March 29th, 2010 11:46 am

    Thanks for this, I know the website ones will come in handy!

    +1
  5. 5

    jacob

    April 15th, 2010 12:59 pm

    i just found http://www.generatedpaper.com — it’s a very useful ressource for the basic stuff like graph papers or notebook papers.

    +1

Leave a Comment

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top