Design Principle 1: Contrast

What is Contrast and how do I use it?

Principle of Contrast

If two items are not exactly the same, then make them different. Really different.

Key Points

• Contrast draws your attention

• Make elements very different

For contrast to be effective, it must be strong. Don’t be a wimp.

How is Contrast Created?

• It’s created when two elements are different

• NOTE:– If two elements are sort of different, but

not really, you don’t have contrast, you have conflict!

Creating Contrast

• Contrast large type with small type• Thin line with a thick line• A cool color with a warm color• Smooth texture with a rough texture• Horizontal element with a vertical element• Widely spaced lines with closely packed

lines• Small graphic with a large graphic

Main Purpose

• Create an interest on the page

• Aid in the organization of information

What to avoid:

• Avoid making slight differences– Sort-of-heavy line with a sort-of-heavier line

• Brown text with black text

• Two or more typefaces that are similar

REMEMBER: IF THEY’RE NOT EXACTLY THE SAME, MAKE THEM DIFFERENT!