Saturday, November 15, 2008

Webwithoutwords Offers a Wireframe View of the Web

webwithoutwords CNN
What’s the web without words? Why, it’s a collection of wireframes of course. The rather novel, and aptly named, webwithoutwords.com/blog/ offers an interesting graphic design breakdown of popular websites.

Most developers and designers start with a wireframe — a skeletal outline of a webpage’s basic layout. Once you add words and images it’s often difficult to visualize what the original wireframe might have looked like and even harder to recognize how visual element flow (or don’t in some cases).

For most people that’s the way it should be, but if you’re an aspiring designer looking for some layout inspiration, webwithoutwords has it in spades. And naturally the site employs the same content-blocking visualizations in its own interface. Just rollover the various wire-framed elements to reveal the content.