Wednesday, December 24, 2008

Wireframe Design

What is Wireframe ?

Website wireframes are simple line drawings that show the placement of elements on a web page[User interface].
This works like blue a print or skelton, before starting the actual design. You can save yourself a great deal of time by editing the layout of a simple wireframe at the start of the design process instead of a complex design later.

There are different approaches for this
- Can be very rough sketches on paper [Perfect method.... to get start .. before touching Powerpoint or visio]
- Sketches on board [its very similar to sketches on paper]
- Powerpoint wireframes [ its my fav method... for me its easy to show the navigation .. by using slides of powerpoint..]
- Visio approach [most popular:- beacause this tool has lot of readymade web elements, so user just need to drag and put in right places :)]

here are the some good examples... have got from net...sharing with all of you....
Please check Url of Matt Brett .... he has very good portfolio... CLICK HERE
check this too, please check the portfolio section one by one.. -- Nadine Schaeffer

other resources

1 comment:

Web Usability Testing said...

Hi,

A wire frame is a non-graphical layout of the proposed web page, it is famous for creation of 3d computer-generated images for architecture and interior design. You can save yourself a great deal of time by editing the layout of a simple wireframe at the start of the design process instead of a complex design later. Thanks a lot.