Graphic Design

  1. Home
  2. Business & Finance
  3. Graphic Design

How to Create Website Wireframes

By Eric Miller, About.com

1 of 4

The Focus of Website Wireframes

Website Wireframe

Website Wireframe

Website wireframes are simple line drawings that show the placement of elements on a web page. 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.

Using wireframes is a great way to begin a web site project, as it allows you and your client to focus on layout without the distraction of color, type and other design elements. Concentrate on what goes where on your web pages and the percentage of space that each element takes up, which can be determined by your client’s needs.

1 of 4

Index: How to Create Website Wireframes

  1. The Focus of Website Wireframes
  2. What to Include in a Website Wireframe
  3. How to Create Website Wireframes
  4. The Benefits

Explore Graphic Design

More from About.com

Graphic Design

  1. Home
  2. Business & Finance
  3. Graphic Design

©2008 About.com, a part of The New York Times Company.

All rights reserved.