Tools

Facebook Twitter

50 Free UI and Web Design Wireframing Kits, Resources and Source Files - Smashing Magazine. Advertisement Planning and communication are two key elements in the development of any successful website or application.

50 Free UI and Web Design Wireframing Kits, Resources and Source Files - Smashing Magazine

And that is exactly what the wireframing process offers: a quick and simple method to plan the layout and a cost-effective, time-saving tool to easily communicate your ideas to others. A wireframe typically has the basic elements of a Web page: header, footer, sidebar, maybe even some generated content, which gives you, your clients and colleagues a simple visually oriented layout that illustrates what the structure of the website will be by the end of the project and that serves as the foundation for any future alterations. This article focuses on actual wireframing tools and standalone applications, as well as resources that you’ll need to build your own wireframe: wireframing kits, browser windows, form elements, grids, Mac OS X elements, mobile elements, which you’ll use in any typical graphics editor such as Photoshop or Illustrator.

Yahoo! Web Browser Templates. Anxiety - Lightweight To-do Management. Download the cards - Design with Intent Toolkit. From Design with Intent Toolkit Design with Intent: 101 Patterns for Influencing Behaviour Through Design by Dan Lockton with David Harrison & Neville A.

Download the cards - Design with Intent Toolkit

Stanton Blog post introducing the cards - please read Download draft version 1.0 of the cards Please note, this draft version is missing 8 pages of introductory material, including suggestions for how to use the cards. Copyright & Creative Commons information Download the complete draft card deck(Mirror) 29 MB PDF, 300dpi.

ISBN 978-0-9565421-1-3 (ebook) Download the set of A3 workshop sheets 26 MB PDF, 300dpi. Download the cards for each section individually Front matter (title card + copyright info) 78 kB PDF Architectural Lens cards 3.8 MB PDF | (A3 workshop sheet) Errorproofing Lens cards 2.7 MB PDF | (A3 workshop sheet) Interaction Lens cards 2.4 MB PDF | (A3 workshop sheet) Ludic Lens cards 2.9 MB PDF | (A3 workshop sheet) Perceptual Lens cards 4.6 MB PDF | (A3 workshop sheet) Cognitive Lens cards 3.8 MB PDF | (A3 workshop sheet) iPad app Survey. Free Online Whiteboard and Collaboration Tool - Scribblar.com.

Kuler. Trailmeme. Google Drawings Wireframing Kit. April 27th, 2010 Morten created a stencil for the Google Drawings addition to Google Docs.

Google Drawings Wireframing Kit

Could be interesting to try. Comparing Google Docs as a wireframing tool to Omnigraffle and Visio, his five outlined advantages include: It’s live. The entire team can work on the same document and see each other’s work instantly The wireframes live in the cloud, no sending files around, no outdated documents The risk of losing data is zero. Credits: Morten Just. Wirify homepage – The web as wireframes. xSort is a free card sorting application for Mac OS X.