Image link to www.joelsklar.comPrinciples of Web Design Online Companion

Table of Contents


When you complete this chapter, you will be able to:

  • Design for the computer medium
  • Create a unified site design
  • Design for the user
  • Design for the screen
  • Design for accessibility

Sample Web Sites

You can use these sites for design comparisons and class projects. The sites appear in the same order as they do in Chapter 2. Some of the Web sites in this list have changed their design since Principles of Web Design 4th Ed. was published.

Individual Case Project

Visualize the page design for your site by sketching a number of page layouts for different information levels of the site. For example, sketch the main page, a secondary page, and a content page.You do not have to be concerned with the exact look of the elements, but be prepared to indicate the main components of the pages, such as headings, navigation cues, link sets, text areas, and so on. Start to organize your site. Create a visual diagram that indicates the main page, section pages, content pages, and so on. Indicate the links between the pages. Indicate whether you will provide alternate navigation choices such as a table of contents and site map.

Team Case Project

Work individually to create your view of the page designs for your site. Sketch a number of page layouts for different information levels of the site. For example, sketch the main page, a secondary page, and a content page. You do not have to be concerned with the exact look of the elements, but be prepared to indicate the main components of the pages, such as headings, navigation cues, link sets, text areas, and so on. Next, meet and work as a team to create the page layouts by combining the best ideas from the individual page designs. Organize your site. Create visual diagrams that indicate the main page, section pages, content pages, and so on. Indicate the links between the pages. Indicate whether you will provide alternate navigation choices such as a table of contents and site map.

Top