Thu, Dec 29, 2011 in Android, Software, Web by rameez, Comments Off

6 Outstanding Wireframe Resources to Inspire Your Next Design

Share




Let’s face it. One of the toughest jobs of being a web designer is coming up with the right blend of navigation, content and images to create a look that’s not only attractive, but also easy to navigate. Wireframes are a huge help in making the creative process come alive. Some simple boxes and lines are all you need to sketch out which page elements go where.

6 Outstanding Wireframe Resources to Inspire Your Next Design

The problem is, when you’re staring at a blank screen, it can be hard to find any inspiration at all. That’s why I’ve gathered six of the best free wireframing resources online. Use these websites and tools to help you create a rough draft for your next project and see how much smoother your workflow can be.

Wireframe Resources

Wireframe Showcase
A collection of wireframe mockups from a wide range of websites and industries. Moving your mouse over the wireframe shows the completed site and clicking on details shows both. Currently there are 63 different sites showcased. You can also leave comments and submit your own wireframe design to the gallery.

Wireframe Showcase

MockupsToGo
MockupsToGo is a Posterous site sharing user interface sketches, app outlines and other navigation and user interface pieces that you can download and import into the popular wireframe modeling software, Balsamiq. Lots of different and free wireframing ideas here, including dialog boxes, iphone interfaces, and much more.

MockupsToGo

I Love Wireframes
Two different galleries operating under the same name. Available as both a Flickr gallery and a Tumblelog, you’ll find a smorgasbord of inspiration in page after page of wireframes, as well as user interface graphics, mobile phone interaction patterns and much more. The Flickr group is more of a 2,000+ member photo pool whereas the Tumblelog is at least somewhat more organized.

I Love Wireframes

MockFlow
A wireframing software program, MockFlow lets you collaborate with team members, export your designs to HTML or make them compatible with mobile devices. The site sports a considerable library of wireframing snippets, and the “MockStore” offers extra layouts designed by community members for sale. One of its more interesting features is the built-in Sitemap Visualizer, which lets you drag and drop pages while instantly restructuring your wireframe accordingly.

MockFlow

Creately
Creately is a browser-based wireframing tool that’s built for teams. The basic “Community” version is free and you can create up to five Public diagrams. Creately goes beyond wireframes and can also be used to create diagrams, workflows, sitemaps, Gantt charts and much more. Also available in a Desktop flavor along with plugins that work with other programs including FogBugz, JIRA and Google Apps.

Creately

Mockup Builder
A relative newcomer to the wireframing field, this online wireframing and prototying program uses Microsoft Silverlight to make its magic. Currently available in a beta online and desktop version, you can use Mockup Builder to quickly create interfaces, websites and software workflows. While it doesn’t have the variety of MockupsToGo or the polish of Mockflow and some of the other veteran programs in the list, the possibility is floating around of making it available for iPad and Android – so you can wireframe on the go.

Mockup Builder

What Are Your Favorite Wireframing Resources?

Have you worked with one of these programs? Do you have a favorite wireframing resource? Share with us in the comments!


Written by: Sherice Jacob for Onextrapixel – Web Design & Development Magazine | No comment


Post Topic(s): Design

View original post here:
6 Outstanding Wireframe Resources to Inspire Your Next Design



Tags: ,

Comments are closed.




Advertise Here



Navigation

advertising amazon apple apps asia best windows 8 tutorials daily crunch design & dev disrupt ecommerce enterprise europe facebook fundings & exits gadgets gaming gaming news hacks how to insider inspiration ipad iphone laptops media microsoft mobile news opinion product launches samsung social social media startups tctv technology tutorials twitter united states venture video web design windows 7 gaming windows 8 news windows 8 tutorials



Follow us on twitter

  • Could not connect to Twitter







© Copyright Bitwords Media A New York Web Design Firm. The E-commerce Magazine.

About us

The E-commerce Magazine.

Write for us

We are always looking for experienced writers who can write good original quality posts on Bitmag.com Please contact us if you would like us to consider you. Make sure you give us details of your own blog or a link to some articles you have written. Learn more about us