• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 2. Creating Effective Layouts > Creating a Layout Wire Frame

Creating a Layout Wire Frame

A wire frame is a page‐level layout sketch — like a blueprint of the main areas where you intend to put images, text, headings, links, and so on, on a page; see Figure 2-10 . You can create wire frames with traditional drawing tools (pen, pencil, paper, or crayons, if that's what you like) or with a graphics program such as Photoshop, Illustrator, or Fireworks. Claudia generally starts to work out her ideas on paper and then re‐creates the wire frames in Illustrator.

Figure 2-10: This wire frame is a sketch of a site Claudia is planning.


The number of wire frames you need to create depends on the individual needs of the site you're creating. Some sites work well with one layout for all the pages, and other sites need multiple layouts. Remember, these are just layouts at this point, not finished designs.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint