| |
|
|
|
|
|
Contrast |
|
|
|
|
|
|
|
| |
|
|
| |
|
|
|
| |
|
|
|
| |
What
Does Contrast
Do: |
|
| |
- Contrast
is what pulls you in, in other words, it draws your eyes to the page.
It allows you to move around the page and find things
- Contrast
must be strong. "If two elements, such as type, rules, graphics,
color, texture, etc. are not the same, make them very different- don't
make them almost the same
- Contrast
creates a focal point, a dominating force, the place your eyes go to
when first looking the page (web or print)
- Creates
a hierarchy of information
- Allow
you to skim more easily to pick out needed information
|
| |
Contrast
Pertains to: |
|
| |
- Text
- Graphics
- Colors
- Texture
- Rules
|
|
|
| |
| |
| |
| |
When
Does Contrast NOT Matter: |
| |
According
to Williams and Tollet, "There are times when you don't want contrast
on a page, most often when you just want to present continuous text, as
in a novel or some articles" (p.118). The reading process should not
be interrupted by changing the look of text or links |
| |
|
|
|
| |
Contrasting
Colors: |
|
|
| |
|
|
|
| |
Non
Examples
|
|
Examples
|
| |
Welcome
to my nasty example of contrast. Do you find this pleasing to read or
is it difficult? Is there a better choice of font color.
|
|
Welcome
to my good example of contrast. Do you find this pleasing to read or
is it difficult? Is there a better choice of font color.
|
| |
|
|
|
| |
|
|
|
| |
Welcome
to me nasty example of contrast. Do you find this pleasing to read or
is it difficult? Is there a better choice of font color.
|
|
Welcome
to my good example of contrast. Do you find this pleasing to read or
is it difficult? Is there a better choice of font color.
|
| |
|
|
|
| |
Contrasting
Font: |
|
|
| |
The
authors make the following recommendations for contrasting Font:
- Contrast
heavier weights with lighter weights
- Use
warm colors to bring your work forward, use cool colors to push back
your text
- Do
not use ALL CAPS. Contrast can be done by using italics or bold.
It is strongly recommended that you do not use both script and italics.
|
|
|
| |
Be
Careful When Contrasting With Fonts
|
| |
|
Size, Weight,
Structure,
Form,
Directions,
and
Color
|
| |
|
|
|
| |
For
more information:
|
|
|
- The
Non-Designer's Design Book by Robin Williams pages 73-124
- The
Non-Designer's Web Book by Williams and Tollett pages 118-120
|
| All
Non-Examples and Examples are modified reproductions found in the Non-Designers
Design Book and The Non-Designers Web Book |
| |
