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…
Category Archives
Wireframe
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…
Free Mobile UI Kits and Website Wireframes Templates
User interface kits are much more commonplace today than in previous years. Designers love to use pixel-perfect graphics when creating layout mockups or wireframes. This is especially true when it comes to mobile apps and…
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…
Tips for Wireframing a Usable Mobile App Interface
A lot of time and energy is required to build mobile iOS/Android apps. Aside from the coding and UI design you need to plan functionality ahead of time. This way you can start programming immediately…
Wireframing & Prototyping with Adobe Fireworks – 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 to why you should use Fireworks over any other graphic editor, but we…
Wireframes… Who Needs Them?
I do, and throughout this post I’ll try to explain why you do too. So what exactly are wireframes? Wireframes are visual representations of your websites structure, a blueprint to help establish hierarchy. They are…
Fantastic Freebie: 3D Web UI Kit
We have partnered with MediaLoot to offer you a fantastic free resource today: A Glossy 3D Web UI Kit. The kit is available in both .psd and .png versions and is choc-full of beautifully designed…
20 Effective Examples of Web and Mobile Wireframe Sketches
A wireframe sketch is the initial hand-drawn design process, using paper and pen/pencil, of what a website design will look like. And to help you get inspiration as well as effective reference points, this article…
An Introduction to HTML Prototyping
Since starting work as a web designer I have always, and will always obsess over improving my project workflow, my own design pattern if you will. Never afraid to make a couple of wrong turns…

