A Collection of Printable Web Browser Sketching and Wireframe Templates

July 14, 2010 - 27 Comments
Web Design

Join 38,000 of our readers, by following us via our RSS Feed, on Twitter, on Facebook or on Digg

All of the printable sketching templates that you will find below have all been designed specifically for web designers. Each of the sketching templates have an imprint of a web browser (they either use Safari, Chrome or Firefox) just waiting for you to wireframe or sketch your next design project.

Each template is slightly different, most have various grid sizes, others are either blank or lined and some of them have allowed space to accommodate some note-taking.

Below the free templates you will find a small selection of notepads and sketchpads (sorry, they are not free, pretty cheap though), again designed with the imprint of a web browser and all cool enough to merit a mention.

Free Printable Web Browser Sketching and Wireframing Templates

Web Design Sketchbook

The Web Design Sketchbook features a series of design and layout brainstorming pages with full browser chrome and grids to better plan how your site will look and operate when it is finished. It features thumbnail, detail and full page sizes for more efficient brain storming and detail development.

You can view the printable templates below:

Web Design Sketchbook Sketchbook Template

Paper Browser: It's a Browser only in Paper

Each box from Paper Browsers templates are proportionally scaled to 1024x768px screen resolution to put you right into perspective. Each screen is subdivided into width sections (800, 960, 1024) to give you sense of approximations. It is a great tool to get you started with those creative concepts.

You have a choice of five various templates, you can preview and download them below:

2 Panel & Notes (Portrait)

1 Panel & Notes (Landscape)

1 Panel & Notes (Portrait)

2 Panel & Notes (Landscape)

4 Panel, No Notes (Landscape)

Carrer Blog: Sketchbook for web designers

These paper browser templates simulate the Safari browser (perfect for B/W printers) and are all A4 in size. You have a choice of four templates or sketchbooks: Blank, lined, 10px grid or 100px grid.

You can preview the templates below:

A4 Blank Sketchbook (.png)

A4 Lines Sketchbook (.png)

A4 10px Grid Sketchbook (.png)

A4 100px Grid Sketchbook (.png)

UI Stencils Free Templates

These free stencil templates, from UI Stencils, have been designed to accompany there Website Stencil Kit. But you can freely use them for whatever you need them for.

You can preview the templates below:

Website Stencil .pdf Template (Letter)

Website Stencil .pdf Template (A4)

Sketching Paper from Henk Wijnholds

These browser sketching paper templates have there grid based on a 4px interval, with every 4th gridline (every 16th pixel) a bolder line. This makes it easy to create 3 column (320px), 4 column (240px), 5 column (192px), 6 column (160px) grids on one type of paper. The screen is 960px wide. You have a choice of either A4 or the huge A3.
You can preview the templates below:

A4 Sketching Paper

A3 Sketching Paper

960 Grid System Sketch Template

This sketching template has been designed by Natan Smith of the 960 Grid System fame. It is sized at A4 and includes the twelve column grid with space on thr right for taking notes.

You can preview the template below:

Konigi Sketch and Wireframe Templates

These template from Konigi, are great for sketching, but also work well when producing high fidelity drawings. The title bar and grid lines are non-photo blue, so you can easily remove them when scanned. The thick black lines for boxes will show in scans and are 2px wide to match the weight of Pentel Sign Pens.

You can preview and download the templates below:

Wireframe and Notes Paper

Wireframe Paper (Landscape)

Wireframe Paper (Portrait)

Browser Notebooks and Sketchpads

iPad Sketchbook Preview

The iPad version of the App Sketchbook, costing $12, with its dot grid and status bar markings its perfect for iPad designers and developers. It can also be used for landscape or portrait sketches.
iPad Sketchbook Preview

iPhone Sketchbook Preview

The App Sketchbook, costing $12, is a spiral-bound sketchbook with 3 real-size iPhone blueprints per page on 50 double-sided pages.
iPhone Sketchbook Preview

Web Design Sketchbook

The Full Web Design Sketchbook has 104 pages, of 8.5″ x 11″, coil binding, on 60# weight paper. It includes all of the planning pages you get in the single project book (design questions, sitemap, etc…) and much more.
It costs $25 for the full version and $12 for the Single Project Book which has all the planning tools and sketching pages needed to design a single web project (the book is 30 pages of 8.5 x 11″ high quality paper).
Web Design Sketchbook

Paper Browser: It's a Browser only in Paper

The Paper Browser notebooks, costing $16, come in a choice of two colors (Piano Black & Rain Blue), with hard cover, spring bounded and it is matte laminated with Spot UV treatment. It has either 50 to 100 leaves of high quality, white (80-100 gsm) paper.
Paper Browser: It's a Browser only in Paper

UI Stencils – Browser Sketch Pad

This handy browser (Chrome) graph paper allows you to sketch out your UI and website ideas. The grid matches the scale on UI Stencils accompanying Web Stencil Kit ($24.95) and you can easily tear off sheets for review and pin-up. The sketch pad costs $12.95.
UI Stencils – Browser Sketch Pad

You might also like…

10 Completely Free Wireframe and Mockup Applications »
A Collection of Useful Web Design Wireframing Resources »
Creating a Web Development Environment using Google Chrome Extensions »
CSS References, Tutorials, Cheat Sheets, Conversion Tables and Short Codes »
The Blueprint CSS Framework – Tutorials, How-to Guides and Tools »
50 Essential Web Typography Tutorials, Tips, Guides and Best Practices »
50 Useful Tools and Generators for Easy CSS Development »
20+ Resources and Tutorials for Creative Forms using CSS »
24 CSS (in some cases with jQuery) Navigation and Menu Tutorials »

8 Comments › Leave yours

Oles
14 Jul, 2010
Thank you, very useful.
Reply
digerat
14 Jul, 2010
I just thought about something like this the other day! Rock.
Reply
toribloger
14 Jul, 2010
Wow! Its amasing stuff.
Thank you, ye!
Reply
karl escritt
14 Jul, 2010
I use these all the time, all are really useful and i dont start designing until i have one at the ready.
Reply
Steven
15 Jul, 2010
Wow, thanks so much! Very useful indeed!
Reply
Melinda
15 Jul, 2010
Great list! I love the paper browsers grid. They work extremely well. Certainly helps to whip up ideas quickly before starting in Balsamiq.
Reply
ARTniyet
16 Jul, 2010
Nice collection. Thanx for this very useful share. Thumbs Up!
Reply
susan
12 Aug, 2010
really good roundup, i use the 960 grid sketch template a lot, which do you guys use most?
Reply