Visual Page Design

Pay attention to the "Design Basics":

  • relationship (Faigley and Selzer 234-237)
  • consistency (Faigley and Selzer 238-240; Web Style Guide 84)
  • contrast (Faigley and Selzer 240-242; Web Style Guide 82)
  • visual hierarchy (Web Style Guide 81-82, 91)

Images and Visual Design

Images send us messages: we don't need to be able to read this advertisement to have a sense of the argument it is making with this image. Whatever it is selling will make you lose weight, transforming your body weight into 92% muscle and only 8% fat.

An argument is made not only by the image but also by the visual arrangement on the page -- I know 92% and 8% apply to that body image, and thus that the 76% off in the right-hand, lower corner applies to something else (perhaps the percentage of some ingredient in whatever diet aid is advertised).

Notice too how images define your audience, as described by Faigley and Selzer (pp. 226-227):

The above image, showing business services at a hotel, implicitly argures (no matter what it intends), that higher-ups in business are male and secretarial staff female.

For Image Assignment: Select your images: write out next to each one the argument they make in and of themselves. How is what you say in your written text related to that argument? How does their visual positioning affect their argument?

Other Graphic Elements

See "Web Graphics" in Web Style Guide 153-190.