Typography: Book of Secrets

A6f0866a21474e0b54486aedeec002b2?s=47 gordonbrander
October 17, 2011
Design
5
790

Typography: Book of Secrets

Does typography seem like a mystery? Do designers posses some kind of secret knowledge? Tune in to expose the conspiracy behind good type.

A6f0866a21474e0b54486aedeec002b2?s=128

gordonbrander

October 17, 2011
Tweet

Want more?

766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
0
52
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
4
110
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
3
140
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
1
210
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
2
380
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
1
100
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
4
190
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
60
250k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
5
780
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
1
170
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
107
23k
B47b288784fda77a94aeb234ca743c24?s=48 keavy
99
11k

Transcript

  1. 1.
    None
  2. 2.

    Does typography seem like a mystery?

  3. 3.

    Do designers posses some kind of secret knowledge?

  4. 4.
    None
  5. 5.

    Let’s Dig Deeper.

  6. 6.

    A secret Langu age

  7. 7.

    Aa Bb Cc Dd Ee Ff serif

  8. 8.
    None
  9. 9.

    • Better Readability in Print • Classical Feel

  10. 10.

    On the web font-family: Baskerville, Georgia, serif;

  11. 11.

    Aa Bb Cc Dd Ee Ff sans-serif

  12. 12.
    None
  13. 13.

    • Better Readability on Screens • Evokes a Modern Aesthetic

  14. 14.

    On the web font-family: Helvetica, Arial, sans-serif;

  15. 15.

    A Hidden Code

  16. 16.

    T raditional Scale

  17. 17.
    None
  18. 18.

    Typographers always use a scale.

  19. 19.

    On the web font-size: 72px; font-size: 48px; ...

  20. 20.

    Baseline Grid

  21. 21.

    Baseline Grid

  22. 22.

    Typographers always use a baseline grid.

  23. 23.

    On the web line-height: 1.5; line-height: 18px; ...

  24. 24.

    Inv isible Con nect ions

  25. 25.

    Font s Have Feelings.

  26. 26.

    Reserved

  27. 27.

    PRECISE

  28. 28.

    Childish (and annoying)

  29. 29.

    Contemporary

  30. 30.

    FIRM AND RESOLUTE

  31. 31.

    Affable

  32. 32.

    Find Connections between font s, and y ou’ve found a

    good p air.
  33. 33.
    None
  34. 34.

    FIRM AND RESOLUTE Quiet and reasonable

  35. 35.

    When p airing font s • P air similar temperament

    s • Look for similar line widths and curves • Pick f rom similar time periods • Cont rast s al so work • Pick one with personality - headings... • ...and one tha t’s easy t o read - text
  36. 36.

    Arcane Ri t u als

  37. 37.

    Kerning • Equalizing the visual • sp ace between letters

  38. 38.
    None
  39. 39.

    On the web lettering.js kern.js

  40. 40.

    Inv isible p a tterns cause v isible resul t

    s
  41. 41.

    REsources http://bit.ly/type-book-of-secrets

  42. 42.
    None