Wireframes

by Zack on June 27, 2009

Wireframes

Wireframing is one of the first tools a designer adds to their toolbox. The wireframe is the foundation your design is built on. The basic wireframe is a series of rectangles positioning each part of your application on the screen.

Wireframing gives you a chance to change your mind over and over again. You don’t have to redesign anything, just draw a few more rectangles. The pros do their wireframing in Photoshop. That works well for them because they live in that tool and using it doesn’t take any effort. For the rest of us it gets in the way of our creative process by making us hunt for the feature we want.

I do wireframing with Post-it Notes. It works especially well when designing blogs. Just create a note for every feature you want and arrange them on the page. I use my Dot Grid Book to make sure everything lines up well.

Want only one side bar? Just pull off a few notes. Both on one side? Just rearrange things. Take the time to visualize the look and feel before you walk too far down the wrong path.

wireframe

Leave a Comment

Your Comment

Your Comment Preview

Previous post:

Next post: