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 websitesThese are some pretty good, printable sketch templates for website design.
Browser Sketch Pad (PDF)Browser Sketch Pad by Design Commission — see original source
Browser Sketch Pad (PDF, Letter Sized Template) Browser Sketch Pad (PDF, A4 Sized Template) 960 grid template960 grid template by Nathan Smith — see original source
960 Sketch PDF template Graph paperGraph 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 browserPaper browser by Rain Creative Lab — see original source
Paper browser PDF template (Horizontal) Paper browser PDF template (Vertical) MBTI sketching paper for ideationMBTI 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 paperSketching grid paper by Concept7 — see original source
Concept7 A4 sketching grid paper Concept7 A3 sketching grid paper 6 pages template6 pages template by nunile — see original source
6 pages PDF template Paper wireframe templatesPaper wireframe templates by Jason Robb — see original source
Paper wireframe templates (PDF templates) Paper wireframe templates (PSD and PDF templates) SketchboardsSketchboards by adaptive path — see original source
Multi page template (PPT template) Single page template (PPT template) Wireframe templateWireframe template by Alfonso Bozzelli — see original source
PDF wireframe template Printable sketch templates for mobile applicationsDue 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 TemplatesiPhone 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 Sketch Pad (PDF, Letter Sized Template) iPhone Sketch Pad (PDF, A4 Sized Template) iPhone Application Sketch TemplateiPhone Application Sketch Template by Oliver Waters — see original source
iPhone Application Sketch Template (300dpi A4 JPEG) iPhone Wireframe Templates for SketchingiPhone Wireframe Templates for Sketching by Evan K. Stone — see original source
iPhone Paper Prototype (PDF and Visio (VSD) format) Sketch BooksYou 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 PadGraph 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 NotepadWireframe Graph Paper Notepad by Konigi — see original source
50 sheets 8 1/2 x 11 inches on white opaque vellum paper Storyboard NotepadStoryboard Notepad by Konigi — see original source
50 sheets 8 1/2 x 11 inches on white opaque vellum paper Dot Grid BookDot 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 SketchbookQuickly 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 PadiPhone 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 NotepodNotepod 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 PDFsDownloadable and very printable.
Free Online Graph Paper by Incompetech — see original source
Square Graph Paper PDFs (Graph Paper, Dots) Triangle Hexagonal Grid Paper PDFs Brick, Asymmetric, and Specialty Graph Paper PDFs (Storyboards) Circular and Polar Graph Paper PDFs Writing and Note-taking Graph Paper PDFs (Notebook Paper, Lined Paper)