Wireframe

Smashing Magazine Smashing Network Free Printable Sketching, Wireframing and Note-Taking PDF Templates
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:



■35 Excellent Wireframing Resources1

■50 Free UI and Web Design Wireframing Kits, Resources and Source Files 


Wireframing and Sketching Paper


Paper Browser – It's a browser, only in paper3

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.



3



Web Sketching Template – Single Page4

This A4 template has been designed for sketching a website with a resolution of 1024×768.



4



iPhone Wireframe Templates for Sketching5

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.



5



iPad Idea Sheet6

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.



6



iPhone Idea Sheet7

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.



7



iPhone Application Sketch Template8

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.



8



Android Wireframe Templates9

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



9



Wireframe Print and Sketch Template10



10



A4 & A3 Sketching Paper11

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.



11



Basic Wireframing Paper12

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



12



Wireframe and Notes Paper13

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.



13



Two-by-Two Wireframe Paper14

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



14



Blank Grid and Graph Paper

ZURB Grid Paper15

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







Graph Paper with Two Lines Per Inch – Letter-Sized16

This basic letter-sized graph paper has two aqua blue lines per inch.



16



Four Dots Per Inch A4 Paper17

This printable dot paper has four dots per inch and is in portrait (vertical) orientation on letter-sized paper.



17



Storyboard Templates

4 Cell Storyboard Paper18

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



18



MBTI Sketching Paper for Ideation19

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.



19



ZURB Sketchsheets15

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.



15



Storyboard Template20



20



Storyboard with Notes21

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



21



Web Sketching Template – 6 Pages22

An A4 web design sketching template with space for notes.



22



Scenario, Taskflow and Grid Sketchsheets23

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:



23



23



23



Lined and Notepad Paper