Category Archives Wireframe

Wireframe Archives

In this category you will find articles, resources and applications covering all aspects of web and mobile wireframing. Content includes GUI resources, web-based mockup apps, desktop applications and sketching templates.

guide_to_wireframing_thumb

Free Ebook: The Guide to Wireframing – For Designers, PMs, Engineers and Anyone Who Touches Product

Whether you’re building the next hot startup or a solid website or mobile application, wireframes are invaluable in keeping everyone on the same page in the collaborative and iterative nature of product design and development. Wireframing is not just for product managers, designers, and engineers – it’s for anyone who touches the product in the process. This is why “The…

wireframe_kit_free_thumb

20 Free Web and Mobile Wireframe Templates

Following on from last years Wireframe Templates post, today we take a look at some of the newer freely available wireframe templates, kits and libraries from the past year. After all web and mobile trends do change very quickly, especially in the last couple of years. So, this could be a good opportunity for you to update your toolkits. The…

wireframe_thumb

To wireframe or not to wireframe?

There are many ways to improve your efficiency when working in any media based industry. One of the simplest and most effective ways I’ve found is to “draw your map”. Drawing your map is essentially the process of taking your task at hand, and mocking it up into a visual form. This can be anything as simple as writing down…

icon_sketches_thumb

Inspirational Examples of Icon Sketching

Sketching is an important part of the design process. In fact, even the greatest designers prefer spending a good deal of time with the pencil, before heading to Photoshop or Illustrator. And when it comes to designing icons, the story is no different. Today, we have put together some of the best and most inspiring examples of icon sketching from…

wireframe_thumb

30 Wireframe Templates and Toolkits

Creating wireframes doesn’t necessarily require the use of special wireframing software. It is entirely possible to plan and prototype user interfaces using established tools like Adobe Illustrator, OmniGraffle or even PowerPoint and Keynote. These tools are tried and tested and incorporate a rich set of features that allow users to quickly and easily create wireframes without the need for specialist…

sketch_thumb

Sketchsheets for Responsive Web Design

With the constant evolution and popularity of mobile devices, designing web sites responsively is essential. Unlike designing for a static or fixed web site, the fluidity and flexibility of a responsive site can make the design process tricky and at times almost impossible to successfully convey visually your design ideas. We are here to help you out by highlighting some…

wireframe_thumb

Three Recent & Free Wireframe Applications

Wireframing applications are among the most vital components that constitute the arsenal of any designer or developer. Even before you actually start the visual design process, wireframing allows you to lay down the details and clarify any confusion or doubts related to the functionality or content. Thus, wireframe apps serve the simple yet extremely important purpose of saving time and…

Adobe Fireworks Wireframing Resources and Tutorials

Adobe Fireworks is one of the most popular application choices amongst web designers for wireframing and prototyping. There are many reasons as for prototyping with Fireworks over any other graphic editor, but we won’t go into them with this post (perhaps you could try this one: A Case for Adobe Fireworks against Photoshop and Illustrator). What this post will offer…