A Collection of Web Design Wireframing Resources

Wireframing is one of the best parts of starting a new web design project. You have a blank canvas and you are allowed to let your creativity rein free. Your design may eventually be spoiled by the clients added input… but for that short time …
Anyway, today’s post is a collection of useful resources for web design wireframing, prototyping and mockups. There are templates for, possibly every browser in every size, there are form and button templates for all browsers and a hell of a lot more.

Web Safe Area .psd Templates

Mockup Resources
You can download from a choice of Safari (MAC OSX), Firefox (MAC OSX, Win XP and Vista) and IE (Win XP and Vista) in almost every possible screen resolution: 465×320, 625×440, 849×608, 1105×800 and 1425×1040.

Photoshop Browser Templates

Mockup Resources
All of these free Photoshop browser templates come in 1024×768 pixels and 800×600 pixels size s. You can also choose from a wide range of browsers: Firefox, Safari, Camino, IE, Opera and even Netscape (!).

Browser Templates For The Website / Web Application Designer

Mockup Resources
This .psd browser templates package consists of IE, Firefox and Safari, in the following sizes: 800×600 pixels, 1024×768 pixels, and 1280×1024 pixels.

Photoshop Browser Templates from joel laumans

Mockup Resources
This package has the Firefox browser (MAC and Win) and IE, with easily editable title, address, scrollbar and favicon, in the following resolutions; 1280×1024, 1024×768 and 800×600.

Vector Browser Screens and Website Elements

Mockup Resources

OS Form Elements

Mockup Resources

Photoshop Form Elements

Mockup Resources
The download package contains all common standard form fields , mouse and link pointer for the following operating systems: MAC OSX, MAC Classic, Win XP and Win Classic.

Browser Form Elements PSD

Mockup Resources

Photoshop Button Templates

Mockup Resources

Proof Reading Marks

Mockup Resources

Standard Web Banners

Mockup Resources

iPhone GUI Elements

Mockup Resources

iPhone PSD Vector Kit

Mockup Resources

iPhone GUI PSD 3.0

Mockup Resources

Wireframe EPS and PNG Icons

Mockup Resources
Knowledge management and competitive research community for user experience design on the web.

Form, Button, Windows and Dialogs Wireframe Magnets

Mockup Resources

OmniGraffle Wireframe UI Stencils

Mockup Resources

Graffletopia – Stencils for Omnigraffle

Mockup Resources
This site offers a huge collection of web and interface stencils for Omnigraffle, a quick page-layout and website mockup tool. You can download Omnigraffle here: .

EightShapes Unify

Mockup Resources
EightShapes Unify is an extensive and comprehensive collection of Adobe InDesign templates, libraries, and other assets for web mockups.

Design Stencils – Yahoo Design Pattern Library

Mockup Resources
The Yahoo! Design Stencil Kit is by far and away the most complete mockup package in this post. Downloads are available for OmniGraffle, Visio (XML), Adobe Illustrator (PDF and SVG), and Adobe Photoshop (PNG).

Browser Sketch Pad – UI Stencils

Mockup Resources
The collection of UI stencils and sketchpads are not free resources (they sell for $17), but were far too cool to not be included this post.

iPhone Stencil Kit – UI Stencils

Mockup Resources

Website Stencil Kit – UI Stencils

Mockup Resources

Author: (586 Posts)

Paul Andrew is the editor and founder of Speckyboy Design Magazine.

Comments