A wireframe diagram is a bit like a sketch of page layout. Infact this diagram is used between design teams to collaboratively sketch ideas for layouts.

The wireframe can be completed in many ways but just using a simple DTP package or graphic package works best.

Full sketch mockups of web pages can be made via paper-based sketches or wireframes with added colours.

Colour and font-type cards can also be made so that these choices can be thought through before the final design stage.