Your SlideShare is downloading. ×
  • Like
Typographic Contrast
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Typographic Contrast

  • 2,654 views
Published

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,654
On SlideShare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
59
Comments
0
Likes
4

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. typographic contrast Adding dynamism to text
  • 2. contrast • defines hierarchies • gives emphasis • adds semantics • heightens interest
  • 3. SIZE • Big text catches attention • Small text is for longer reading
  • 4. style • Use font styles for emphasis
  • 5. typeface • Use moods to mix typefaces • Limit to 2-3 typefaces max • Serif & sans-serif combinations
  • 6. color • Visually effective • Hue, saturation, brightness
  • 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. 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. space • Suggesting borders even when there aren’t any • Logical groups, hierarchies of elements • Organization and neatness