wireframing | Smashing Magazine

Posts Tagged ‘wireframing’

We are pleased to present below all posts tagged with ‘wireframing.’ If you still cannot find what you're looking for, try searching in the form at the top of the page (or just press the key 's' to jump to the search field right away).

Keynotopia Wireframing Set: Free Wireframing Templates for Apple Keynote

From Smashing Editorial Team
September 6th, 2010
36 Comments

Lately, Apple Keynote has been gaining popularity among designers as a wireframing and prototyping tool. Features like multiple slide masters, styles, grouping, animation and hyperlinks make it ideal for crafting interactive prototypes and UI narratives. Today’s freebie, Keynotopia, is a free set of interface elements for Keynote that makes ...

Free Wireframing Kits, UI Design Kits, PDFs and Resources

From Aquil Akhter
August 27th, 2010
107 Comments

To mock-up the user interface of a website, software or any other product, you’ll need some basic UI elements. And this is where wireframing kits and UI design kits come in handy. When you want to create a low-fidelity prototype for your projects, you can use these kits to give ...

Design Better And Faster With Rapid Prototyping

From Lyndon Cerejo
June 16th, 2010
54 Comments

The old adage, “a picture speaks a thousand words” captures what user interface prototyping is all about: using visuals to describe thousands of words’ worth of design and development specifications that detail how a system should behave and look. In an iterative approach to user interface design, rapid prototyping is ...

Free Printable Sketching, Wireframing and Note-Taking PDF Templates

From Paul Andrew
March 29th, 2010
80 Comments

Sketching and wireframing are a specialized style of drawing, used for fleshing out preliminary complex ideas, group brain-storming, a lo-fi method for evaluating interaction concepts, and as a way of roughly perfecting a design technique. Sketch and wireframe paper is essentially drawing paper that is designed specifically for this purpose. You ...

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

From Paul Andrew
February 5th, 2010
198 Comments

Planning and communication are two key elements in the development of any successful website or application. 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 ...

35 Excellent Wireframing Resources

From Cameron Chapman
September 1st, 2009
88 Comments

Wireframing is one of the most valuable parts of any web design project. It can save a designer tons of time by hashing out the details of a site’s architecture, functionality, and content prior to actually starting a visual design. But if done inefficiently, it can end up costing more ...