CRAPS

Power point presentation

Contrast

  • Created a black background for the nav.
  • White and black text opposite eachother.

Repetition

  • Nav text all same color/font/size.
  • Layout consistant throughout.

Alignment

  • Nav text aligned to right, content text aligned to left, following border between, emphasizing it.
  • Picture aligned to left also, including it more.

Proximity

  • Nav and content clearly seperated by different colored backgrounds.
  • Credits seperated from nav items by spacing.

Yahoo.com

Contrast

  • Title bold and a dark color on light background.
  • Not enough contrast. Everything seems to float together. Links to light.

Repetition

  • Text stays the same color.
  • Backgrounds are similar shades/colors.

Alignment

  • Boxes in a column are all aligned with eachother.
  • listed items and nav all aligned.

Proximity

  • Header seperated from the rest of the page by border.
  • Nav is easily found, bold items with pictures. It stands out from the rest of the page.

Spacing

  • All the boxed elements of the page are spaced equally and attractively.
  • Spacing between listed items are enough to create seperate items rather than a block of text.

ESPN.com

Contrast

  • Light text with dark backgrounds and vice versa.
  • Titles different from content.

Repetition

  • Titles are the same.
  • Boxes have the same look.

Alignment

  • Boxes and pictures are aligned.

Proximity

  • Items are seperated in boxes. Similar items grouped.
  • Header and navigation seperated from content.

Spacing