Sean Adams typography101

144
Typography Basics Sean Adams

Transcript of Sean Adams typography101

Page 1: Sean Adams typography101

Typography BasicsSean Adams

Page 2: Sean Adams typography101

Illuminated Manuscript

Monks use reed pens for calligraphic forms

Page 3: Sean Adams typography101
Page 4: Sean Adams typography101
Page 5: Sean Adams typography101

1439

Page 6: Sean Adams typography101

Blackletterset in metal, imitates calligraphic forms

Page 7: Sean Adams typography101

Johannes Gutenberg

Page 8: Sean Adams typography101
Page 9: Sean Adams typography101
Page 10: Sean Adams typography101

a long time ago

Page 11: Sean Adams typography101
Page 12: Sean Adams typography101

1470

Page 13: Sean Adams typography101

Old-styleSimplifies the calligraphic form for more cost effective printing.

Page 14: Sean Adams typography101

Nicolas Jensonis inspired by typography on

Roman monuments.

Page 15: Sean Adams typography101

Roman Type

Page 16: Sean Adams typography101
Page 17: Sean Adams typography101
Page 18: Sean Adams typography101
Page 19: Sean Adams typography101
Page 20: Sean Adams typography101

1495

Page 21: Sean Adams typography101

Aldus Manutiusdesigns a more condensed letterform

to fit more text on a page.

Page 22: Sean Adams typography101

Italics

Page 23: Sean Adams typography101
Page 24: Sean Adams typography101
Page 25: Sean Adams typography101
Page 26: Sean Adams typography101
Page 27: Sean Adams typography101

1540

Page 28: Sean Adams typography101

Claude Garamonddesigns a typeface to use 25% less ink.

Page 29: Sean Adams typography101
Page 30: Sean Adams typography101
Page 31: Sean Adams typography101
Page 32: Sean Adams typography101

1728

Page 33: Sean Adams typography101

William CaslonWhen in doubt, use Caslon.

Page 34: Sean Adams typography101
Page 35: Sean Adams typography101
Page 36: Sean Adams typography101
Page 37: Sean Adams typography101
Page 38: Sean Adams typography101

1757

Page 39: Sean Adams typography101

Transitionalrepresent the transition between Old Style

and Modern or Didone Typefaces

Page 40: Sean Adams typography101

John Baskerville

Page 41: Sean Adams typography101
Page 42: Sean Adams typography101
Page 43: Sean Adams typography101
Page 44: Sean Adams typography101
Page 45: Sean Adams typography101

1813

Page 46: Sean Adams typography101

Modern or DidoneBetter printing techniques allow for finer letterforms with more extreme

thicks and thins.

Page 47: Sean Adams typography101

Giambattista Bodoni

Page 48: Sean Adams typography101
Page 49: Sean Adams typography101
Page 50: Sean Adams typography101
Page 51: Sean Adams typography101

1852

Page 52: Sean Adams typography101

Firmin Didotwanted even more extreme thicks and thins.

Page 53: Sean Adams typography101
Page 54: Sean Adams typography101
Page 55: Sean Adams typography101
Page 56: Sean Adams typography101
Page 57: Sean Adams typography101

1828

Page 58: Sean Adams typography101

Woodtypegood for big letters and advertising

Page 59: Sean Adams typography101

Darius Wells

Page 60: Sean Adams typography101
Page 61: Sean Adams typography101
Page 62: Sean Adams typography101
Page 63: Sean Adams typography101
Page 64: Sean Adams typography101

1845

Page 65: Sean Adams typography101

Egyptians or Slab SerifEveryone wants all things Egyptian

after Napoleon’s Egyptian Campaign

Page 66: Sean Adams typography101
Page 67: Sean Adams typography101

Robert Besley

Page 68: Sean Adams typography101
Page 69: Sean Adams typography101
Page 70: Sean Adams typography101
Page 71: Sean Adams typography101

1927

Page 72: Sean Adams typography101

Geometric Sans Serif

Page 73: Sean Adams typography101

Paul Rennerdesigns a typeface with universal forms:

circles, straight lines and diagonals

Page 74: Sean Adams typography101
Page 75: Sean Adams typography101
Page 76: Sean Adams typography101
Page 77: Sean Adams typography101
Page 78: Sean Adams typography101

1928

Page 79: Sean Adams typography101

Humanist Sans Serif

Page 80: Sean Adams typography101

Eric Gillthinks Futura is too cold.

Page 81: Sean Adams typography101
Page 82: Sean Adams typography101
Page 83: Sean Adams typography101
Page 84: Sean Adams typography101

1957

Page 85: Sean Adams typography101

Neo-Grotesque Sans Serif

Page 86: Sean Adams typography101

Max Miedinger Eduard Hoffmanndesigned a neutral sans-serif as a family.

Page 87: Sean Adams typography101
Page 88: Sean Adams typography101
Page 89: Sean Adams typography101
Page 90: Sean Adams typography101
Page 91: Sean Adams typography101
Page 92: Sean Adams typography101

1960

Page 93: Sean Adams typography101

Photo-typesetting.allows for more extreme letterforms

no longer made in metal.

Page 94: Sean Adams typography101
Page 95: Sean Adams typography101
Page 96: Sean Adams typography101

Herb Lubalinsaw type as an expressive form,

not neutral or cold.

Page 97: Sean Adams typography101
Page 98: Sean Adams typography101
Page 99: Sean Adams typography101
Page 100: Sean Adams typography101

1984

Page 101: Sean Adams typography101

Digital TypeThe Macintosh democratizes typesetting.

Typography can more easily be manipulated and layered.

Page 102: Sean Adams typography101
Page 103: Sean Adams typography101
Page 104: Sean Adams typography101
Page 105: Sean Adams typography101
Page 106: Sean Adams typography101

Arial and Georgiadesigned for the screen and operating systems

Page 107: Sean Adams typography101
Page 108: Sean Adams typography101

Typography TodayScreen-based, in motion, interactive, and expressive

Page 109: Sean Adams typography101
Page 110: Sean Adams typography101
Page 111: Sean Adams typography101
Page 112: Sean Adams typography101

Classification Differences

Page 113: Sean Adams typography101
Page 114: Sean Adams typography101
Page 115: Sean Adams typography101
Page 116: Sean Adams typography101
Page 117: Sean Adams typography101
Page 118: Sean Adams typography101

Neo-Grotesque Sans Serif

Page 119: Sean Adams typography101

System Fonts

Page 120: Sean Adams typography101

Blackletter

Calligraphic forms

Page 121: Sean Adams typography101

Janson

thick serifs

little variation between thick and thin parts

Page 122: Sean Adams typography101

Garamond

thick serifs

slightly more variation between thick and thin parts

Page 123: Sean Adams typography101

Caslon

thick serifs

simpler curves straighter lines

slightly more variation between thick and thin parts

Page 124: Sean Adams typography101

Baskerville

thinner serifs

much more variation between thick and thin parts

simpler curves even more straighter lines

Page 125: Sean Adams typography101

Bodoni

very thin serifs

extreme variation between thick and thin parts

even simpler curves even more straighter lines

Page 126: Sean Adams typography101

Didot

very thin serifs

extreme variation between thick and thin parts

even simpler curves even more straighter lines

Page 127: Sean Adams typography101

Clarendon

small variation between thick and thin parts

very thick and square serifs

Page 128: Sean Adams typography101

Futura

very small variation between thick and thin parts

no serifs

geometric

Page 129: Sean Adams typography101

Typesetting 101

Page 130: Sean Adams typography101

Punctuation

dash or hyphen

to connect words

Page 131: Sean Adams typography101

Punctuation

en dash in place of “to” 12:00 – 2:00

Page 132: Sean Adams typography101

Punctuation

em dash to connect ideas like a semi-colon

Page 133: Sean Adams typography101

Punctuation

quotation marks

Page 134: Sean Adams typography101

Punctuation

inch mark

Page 135: Sean Adams typography101

Typographic terms

Aligning Figures

Page 136: Sean Adams typography101

Typographic terms

Aligning Figures

Page 137: Sean Adams typography101

Typographic terms

Old-style or Expert Figures

Page 138: Sean Adams typography101

Typographic terms

Old-style or Expert Figures

Page 139: Sean Adams typography101

There is no such thing as a bold old-style

classic serif. Like short sleeve dress

shirts, they do not exist.

Page 140: Sean Adams typography101
Page 141: Sean Adams typography101

G GWilliam Caslon did not toil for years to see his typeface

mutated like this.

Page 142: Sean Adams typography101

This is a designer who uses beautifully drawn sans-serif typefaces

Page 143: Sean Adams typography101

This is a designer who chooses bold old-style serif typefaces

Page 144: Sean Adams typography101

For more information and excitement: http://www.lynda.com/Sean-Adams/519270-1.html