10 Solutions To Assist With Wireframing
Wireframing can be a very efficient and time saving element of your design process, by wireframing you get a quick feel for your design and save running into issues if you were designing on the fly.
For those who don’t know what wireframing is, basically its laying out a page without colour, images or anything else non essential to the design allowing you to get the basic layout down on paper or screen and allow the design to take shape from the ground up.
There is software for wireframing, and some of the paid options are pretty good, but in all fairness you can successfully wireframe using your image program (eg. Photoshop or Gimp) or even on a sketchpad or paper.
Below I have included 5 great articles about the process of wireframing and 5 downloads to help you wireframe on-screen without spending a penny!
To Read
Get Wireframing: The All-In-One Guide
The ‘Boxing Glove’ Wireframing Technique
Better Perspective in WireFraming
To Download
Free Photoshop Form Element Templates
Free Photoshop Browser Templates
Related Posts
Like this post? Share it!
Loading ...
December 3, 2009
great
thank you
December 3, 2009
Great post, thanks 4 sharing!!
December 4, 2009
Really good post will be having a look at all of these I always find once the wireframe is sorted the rest is much easier, although clients never understand them lol!
December 6, 2009
Paul, fab roundup of wireframing links and thanks for including my All-In-One guide!
December 6, 2009
Cheers Grace, your piece is a good read, definitely worth a mention
December 7, 2009
Great list! Though the clients never get to see it, the wireframe is one of the most (if not the) crucial parts of the entire web development process. Thanks for putting the resources together for us!