WirifyDecember 20th, 2010
Here comes Wirify (or here). It’s a great little bookmarklet tool brought to you by Volkside that renders wireframes from any web page with a click of a button. Typically we’re accustomed to moving from wireframe to visual design to finished product. The wirify script however flips this around enabling the movement from finished HTML back to wireframe. I think it’s just awesome when people upset the linearity of design processes. Great work! So, why would anyone want to do this? Jussi writes:
There are some compelling reasons for viewing a live web page as a wireframe:
1. The wireframe allows you to step back and see the big picture. By tuning out the detail it lets you study the building blocks of the page and their relationships.
2. The wireframe is a great learning and teaching tool. Many of the design concepts that underpin page layouts become easier to identify and analyse in a wireframe. Think visual hierarchy, whitespace, symmetry, chunking, grid systems, golden ratio, rule of thirds, etc. etc.
3. The wireframe is a useful redesign tool that stops you getting bogged down in detail in the very early stage of a website redesign project.
4. The wireframe looks cool. You can now turn all the live sites in your portfolio into large wireframes and plaster them on your studio walls ;)
Credits: Jussi Pasanen
Need UI Inspiration?
Hi I'm Jakub and I wanted to share with you some of my better UI sketches to inspire your line of work. I've been sketching user interfaces with paper/electronically for over a decade. Subscribe today, and I'll share 5 of my better sketches with you over the next 5 days. How is that? :)