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
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
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
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
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
OS Form Elements
Photoshop Form Elements
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
Photoshop Button Templates
Proof Reading Marks
Standard Web Banners
iPhone GUI Elements
iPhone PSD Vector Kit
iPhone GUI PSD 3.0
Wireframe EPS and PNG Icons
Knowledge management and competitive research community for user experience design on the web.
Form, Button, Windows and Dialogs Wireframe Magnets
OmniGraffle Wireframe UI Stencils
Graffletopia – Stencils for Omnigraffle
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
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
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
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.
0 yorum:
Yorum Gönder