Typographic Contrast

18
typographic contrast Adding dynamism to text

description

 

Transcript of Typographic Contrast

Page 1: Typographic Contrast

typographic contrastAdding dynamism to text

Page 2: Typographic Contrast

contrast

• defines hierarchies

• gives emphasis

• adds semantics

• heightens interest

Page 3: Typographic Contrast

SIZE

• Big text catches attention

• Small text is for longer reading

Page 4: Typographic Contrast

style

• Use font styles for emphasis

Page 5: Typographic Contrast

typeface

• Use moods to mix typefaces

• Limit to 2-3 typefaces max

• Serif & sans-serif combinations

Page 6: Typographic Contrast
Page 7: Typographic Contrast
Page 8: Typographic Contrast
Page 9: Typographic Contrast
Page 10: Typographic Contrast

color

• Visually effective

• Hue, saturation, brightness

Page 11: Typographic Contrast
Page 12: Typographic Contrast
Page 13: Typographic Contrast
Page 14: Typographic Contrast

cases

• Upper-case letters are strong and commanding

• Upper-case letters lose the ascenders and descenders’ advantage

• Use only for acronyms, headings, and titles

Page 15: Typographic Contrast

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.

Page 16: Typographic Contrast

space

• Suggesting borders even when there aren’t any

• Logical groups, hierarchies of elements

• Organization and neatness

Page 17: Typographic Contrast
Page 18: Typographic Contrast