All of the printable sketching templates that you will find below have been designed specifically for web designers. Each of the sketching templates has an imprint of a web browser (they either use Safari, Chrome or Firefox) just waiting for you to wireframe or sketch your next design web 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 for note-taking.
Underneath the free templates section of the collection, 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 worthy of a mention.
You might also like these Essential Sketchsheets for Designing Responsive Layouts.
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 plan your site better. It features a thumbnail section, detail and full-page sizes for more efficient brainstorming and detailed 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):
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 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 their 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:
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 the 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.
Browser Notebooks and Sketchpads
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).
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.
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.
Related Posts
- 20 Inspiring Examples of Web and Mobile Wireframe Sketches
- Essential Sketchsheets for Designing Responsive Layouts
- 50 Free Wireframe Templates for Mobile, Web & UX Design
- The 10 Best Wireframing & Prototyping Tools for UI & UX Design
- 20 Free Mobile UI & Wireframe Kits for Sketch App
- To Wireframe or Not to Wireframe?
- Wireframes… Who Needs Them?
- The Free 3D Web UI Kit (Photoshop PSD)
- Wireframing, Prototyping, Mockuping – What’s the Difference?
- The Benefits of Using OmniGraffle in Web Design