Sketching great, creative ideas down right away is very important if you are a designer. Of course, you can do it the old-fashioned way by using a pen and paper but there are some great tools now that offer so much more.
There are many online wireframing apps for web designers, but sometimes an old-fashioned PSD wireframe is the best choice. We searched for the best free wireframe templates for you and selected 10 of them compiled in this list. These wireframe kits will help you organize your projects better and design more user-friendly websites and apps.
These wireframe templates will help you sketch the overall structure of any website, by stripping all the distractions of text and ads and images and showing a site for what the eye unconsciously perceives.
Here are 10 of the most useful free printable and tablet wireframing templates we could find. Hope they will help you in your design process and make your work a lot easier. Know some other good wireframing templates? Leave your suggestions in the comments below.
The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns. The 12-column grid is divided into portions that are 60 pixels wide. The 16-column grid consists of 40 pixel increments. You can use this grid system for rapid prototyping, but it would work equally well when integrated into a production environment. When you download this you’ll get printable sketch sheets, design layouts, and a CSS file and all of them have identical measurements. For those more that feel more comfortable designing on a 24-column grid, an alternative version is also included in the package.
This 8.5 x 11 inch graph paper is made for visual designers, interaction designers, and information architects. This is a wireframe grid divided into 24 columns with gutters between each column. The grid is especially useful to designers who are working within a CSS framework. You can also use this if you’re an animator or filmmaker. You can use this graph paper to either sketch or even produce high fidelity drawings. When you download this you’ll get a cyan version and also a gray version for more prominent grid lines. These templates are free to use and distribute.
This is a set of simple and clean templates for sketching ideas down fast. Perfect for creatives. You can add notes, author, product and vendor details. It’s free to download and print. You can best use them for sketches that also require a couple of notes and writing. Use these templates if you want to keep your drawings clean and organized with no effort!
This is for designing responsive layouts for your websites or Pad / iPad applications. Sneakpeekit Pad© provides two versions of the same iPad mockup, with and without grids. Just print them and start sketching! By accessing the link you can also find lots of other mockups and precision grids that you can use for your personal or commercial projects. You just need to download them and then use them as you please. They’re very precise and useful!
With this free printable you get a wireframe template sheet with plenty of space for sketching and notes. The grid squares are equivalent to 10px, and tick marks indicate the heights of the Status Bar, Navigation Bar, Split View (Landscape Only), Keyboard and Tab Bar. You can print this and create your sketches without worrying about calculating where the navigation bar might be. This is a very useful and free template that will help you draw iPad apps simple & fast!
This is an iPhone Paper wireframing template to help you sketch your best app design ideas. There are two layouts, and both layouts are in PDF and Viso (VSD) formats. Feel free to download them! By accessing the link you can also find templates for Apple iPad and Desktop. All of them are created to be downloaded and printed and then used for your projects. They can come in very handy when you want to design accurate and calculated apps or other elements.
Great templates with grid squares equivalent to 10px, and tick marks that indicate the heights of the Status Bar, Navigation Bar, Keyboard, Tab Bar and Toolbar, both vertically and horizontally. This is a great template that you can use in order to create precise and accurate iPhone apps. You just need to download it and use it as you please! Grid templates are great because they make your life easier – you just need to sketch your ideas!
This is a high resolution PDF created as an iPhone mockup that will help you design easier! This template is great for designing responsive layouts (vertical 320px / horizontal 480px) and it has a 5px and 20px grid. You also get plenty of space for your notes, project name, page, date and author. Just download it and use it for your projects and sketches.
This is a great iPhone sketching wireframe for app developers. With this, you can design a new iPhone application with a pencil on paper. It has the original dimensions of the iPhone and a special place where you can write the name, screen, version, and date of your project. Maybe a lot of people may prefer to use web applications instead of the classic pen and paper, but there’s nothing wrong with sketching your ideas and visualize them beforehand! These templates come with grids included.
This is a very handy .zip file that contains some iPhone Paper Prototyping and Design templates. These are free to print and use for whatever project you wish. When you download this you’ll get two layouts, and both layouts are in PDF and Viso (VSD) formats. You also have plenty of writing space where you can insert your notes. This is a very clean and simple template that can become very useful when sketching.