Tuesday, July 8, 2008

Wire Framing a Website

Usually this kind of technique or method is used in a visual presentation of an electronic representation of a three dimensional or physical object used in 3D computer graphics. But you didn't know that this method is can be used also in web developing structure.

Using wire framing method allows you to visualize of the underlying design structure of your on going project in web designing. Like what you see in my figure above. You can see where your link to be linked so that you can avoid the error in your backlinks.

Since wire frame renderings are relatively simple and fast to calculate, they are often used in cases where a high screen frame rate is needed. And the wire frame format is also well suited and widely used in programming tool paths for DNC (Direct Numerical Control) machine tools.

So if you practice this wire framing a website, it could extremely helpful for you in keeping you focus on the content first and foremost.And Once you worked that out, you can then begin to add to the wire frame the skin (i.e. the graphic designed) that supports your content. By doing your site map first, you can sketch out a quick signal flow diagramm of the pages contained in the site. You can hand-drawn your site map or you could use a program like Adobe Illustrator or Macromedia Freehand.