Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
typographic
contrast
Adding dynamism to text
contrast
• defines hierarchies
• gives emphasis
• adds semantics
• heightens interest
SIZE
• Big text
catches
attention
• Small text is
for longer
reading
style
• Use font styles
for emphasis
typeface
• Use moods to mix typefaces
• Limit to 2-3 typefaces max
• Serif & sans-serif combinations
color
• Visually
effective
• Hue,
saturation,
brightness
cases
• Upper-case letters are strong and
commanding
• Upper-case letters lose the ascenders
and descenders’ advantage
• U...
The quicker-than-lightning brown furry
fox jumped amazingly high over the fat
stupid weird lazy dog.
THE QUICKER-THAN-LIGH...
space
• Suggesting borders even when there
aren’t any
• Logical groups, hierarchies of elements
• Organization and neatness
Typographic Contrast
Typographic Contrast
Typographic Contrast
Typographic Contrast
Typographic Contrast
Typographic Contrast
Typographic Contrast
Typographic Contrast
Typographic Contrast
Upcoming SlideShare
Loading in …5
×

Typographic Contrast

3,313 views

Published on

  • Be the first to comment

Typographic Contrast

  1. 1. typographic contrast Adding dynamism to text
  2. 2. contrast • defines hierarchies • gives emphasis • adds semantics • heightens interest
  3. 3. SIZE • Big text catches attention • Small text is for longer reading
  4. 4. style • Use font styles for emphasis
  5. 5. typeface • Use moods to mix typefaces • Limit to 2-3 typefaces max • Serif & sans-serif combinations
  6. 6. color • Visually effective • Hue, saturation, brightness
  7. 7. cases • Upper-case letters are strong and commanding • Upper-case letters lose the ascenders and descenders’ advantage • Use only for acronyms, headings, and titles
  8. 8. The quicker-than-lightning brown furry fox jumped amazingly high over the fat stupid weird lazy dog. THE QUICKER-THAN-LIGHTNING BROWN FURRY FOX JUMPED AMAZINGLY HIGH OVER THE FAT STUPID WEIRD LAZY DOG.
  9. 9. space • Suggesting borders even when there aren’t any • Logical groups, hierarchies of elements • Organization and neatness

×