Using Typography to Improve Design and User Experience

1. WELCOME!

2. CAROLINA DE BARTOLO
TYPOGRAPHY

3. PRINCIPLE NO. 1

17. QUESTION

18. SOME DEFINITIONS
l visible form of language
l “idealized writing”
l standardizedA wide audience
l durableA spread of info
l equal parts art + craft

19. WHAT DOES
TYPOGRAPHY DO?
Big letters shout. Small letters
whisper. Serifs faces articulate.
Grunge fonts mumble and slur.
Scripts sing. Sans serifs speak
in clear tones.

21. THERE IS MEANING
INHERENT IN
TYPOGRAPHIC FORM.
Type gives text a voice, a personality, a
“face.” Type is like an actor cast in a role.
Type is the link between a writer and
a reader.

22. GOOD

23. PRINCIPLE NO. 2

24. A.K.A.
Font = 1 face, 1 size, 1 weight;
all the metal type in a drawer
of the typecase.

25. TECHNIQUE
If it’s larger, it’s not bolder.
If it’s bolder, it’s not larger.
If it’s in a color or all caps,
it’s not in a different face or
size or weight.

27. LISETTE MODEL
(It has become easier to do it poorly.)

28. PRINCIPLE NO. 3

30. FIRMNESS / BUSINESS

31. COMMODITY / TECHNOLOGY

32. DELIGHT / DESIGN

33. LIKE LEARNING
TO DRAW...

34. CHARLES EAMES

36. TEXT FIGURES
LINING FIGURES

39. PIG BRISTLES
WIDOW
RIVERS

43. YOUR HIGHEST
TYPOGRAPHIC PRIORITY

46. TWO OPTIONS

50. FRANK LLOYD WRIGHT

51. IN THE END

53. TYPESETTING TIP

55. GAINING EXPERTISE

58. PRINCIPLE NO. 1

59. PRINCIPLE NO. 2

60. PRINCIPLE NO. 3