SlideShare a Scribd company logo
TYPE
+ANATOMY
CLASSIFICATION
ANATOMY
LETTERFORM
aAG vpfi
Hti QfgxR
ascent line
stem or
main stroke
cap line
crossbar
serif
apex
vertex
spur
ligature
adobe garamond pro
tail
leg
loop or bowl
crossbar
aperture
dot shoulder
ear
link
throat
diagonal
counter
juncture
or joint
bowl
terminal
mean line
baseline
descent line
x-height
descender
ascender
cap height
Roman
SMALL CAPS
Italic
x-height
x-height
x-height
cap height
cap height
cap height
minion pro
0123456789
x-height
x-height
cap height
cap height
lining figures
non-lining (old style) figures
adobe jenson pro
0123456789
H
H
H
H
stem
fillet
terminal
bracketed serif
hairline serif
slab serif
bracket
adobe garamond pro
didot
caecilia
COMPENSATION
OPTICAL
EOAV
futura
middle cross bar
shorter than top
+ bottom bars
curved forms extend
below baseline +
above cap line
diagonal strokes
narrow toward
the apex + vertex
apex + vertex
extend beyond
cap line + baseline
X
thin stroke offset
to give illusion of
unbroken line
didot
EA EA EA EA
univers
univers 45 light univers 55 roman univers 65 bold univers 75 black
To preserve the integrity of the size and
shape of letterforms as the weight of a
face increases, changes must be made to
prevent counterforms from filling in
CLASSIFICATION
TYPE
Old Style
Transitional
Modern
Slab Serif
Sans Serif
Display
Blackletter
bembo
baskerville
bodoni
clarendon
univers
cooper black
textura
By current standards, this style of type is not
a classified form
Highly decorative, gothic style appears
heavy on the page
Based on early written forms but designed
to accommodate full character positions
with moveable type
The Gutenberg Bible—the first book
produced with moveable type—was set
with Blackletter
BLACKLETTER
T Y P E C L A S S I F I C A T I O N
Blackletter
Textura
Fraktur
c. 1150
c. 1493
Developed by Renaissance designers who
refined archaic letterforms
Characterized by:
• Roman proportion
• contrasting stroke weight which references
right-hand drawn letters
• oblique axis in curved forms
• relatively short x-height
OLD STYLE
T Y P E C L A S S I F I C A T I O N
Old Style
Bembo
Caslon
Centaur
Garamond
Jenson
c. 1495
1720–66
1912–14
c. 1469
c. 1561
cap height less than
ascender height
stress axis as much
as 23° from vertical
high
crossbar
garalde: horizontal crossbar
venetian: angled crossbar
DESIGNED BY
MAY BE
BRUCE ROGERS
BETWEEN 1912 + 1914,
THE MOST
BEAUTIFUL
TYPEFACE
OF ALL TIME.
CENTAUR,
Evolved out of the old style faces
Changes in structure include:
• stroke contrast that is less derivative of
the pen or brush
• contrast becomes rhythmic and distinct
• greater x-height
• move toward upright axis
• greater serif definition
TRANSITIONAL
T Y P E C L A S S I F I C A T I O N
Transitional
Baskerville
Mrs Eaves
Bell
Perpetua
c. 1750
1996
1788
1929
larger
x-height
cap height equal to
ascender height stress axis 2° to 4°
from vertical
Radical departure from hand-drawn origins
Stroke contrast is extreme—thin strokes are
reduced to hairline
Serifs are typically unbracketed hairline strokes
Axis is always vertical
More consistency in letter width
First developed by Giambattista Bodoni
(1740–1813), and Firmin Didot (1764–1836)
MODERN
T Y P E C L A S S I F I C A T I O N
Modern
Bodoni
Didot
1765–1813
1799–1811
cap height equal to
ascender height
vertical
stress axis
SET ONE OF HIS BOOKS
ENTIRELY IN
BODONI.
CHUCK KLOSTERMAN
IT IS
UNREADABLE.
Also known as Egyptian typefaces
Became popular after Napoleon invaded
Egypt
Also influenced by the use of wood-block
typesetting in the American mid-west
Characterized by heavy, usually unbracketed
serifs and minimal stroke contrast; serifs and
stems typically share the same weight
SLAB SERIF
T Y P E C L A S S I F I C A T I O N
Slab Serif
Caecilia
Clarendon
Rockwell
Melior
1991
1845
1934
1952
cap height equal to
ascender height vertical
stress axis
First appeared in 1816 (Caslon Type Specimen)
Originally set in uppercase for display type
and became known as grotesques
Characterized by a lack of serifs; stroke weight
is more uniform; the axis is upright
SANS SERIF
T Y P E C L A S S I F I C A T I O N
GROTESQUE
Sans Serif
Akzidenz Grotesk
Franklin Gothic
Helvetica Neue
Trade Gothic
Univers
1896
1957/1983
1902
1948
1957
grotesque
vertical
stress axis
Early 20th century
Influenced by design movements such
as Art Deco and Bauhaus
Form is simplified to pure geometric
shapes; vertical axis, little or no stroke
contrast
SANS SERIF
T Y P E C L A S S I F I C A T I O N
GEOMETRIC
Sans Serif
Futura
Avenir
FF DIN
Gotham
1988
1936/1995
2000
1926–27
geometric
vertical
stress axis
WILL NEVER
YOU
USE FUTURA AGAIN
AFTER YOU
GRADUATE.
More organic in appearance and origin
Stroke weight is based on optical equivalence
rather than pure geometry or right-handed
stroke contrast
Humanist faces tend to be very legible
SANS SERIF
T Y P E C L A S S I F I C A T I O N
HUMANIST
Sans Serif
Frutiger
Gill Sans
Johnston
Optima
1975
1916
1926
1952–55
humanist
vertical
stress axis
YOU WILL NEVER
USE GILL SANS AGAIN
AFTER YOU
GRADUATE...
CREATIVE DIRECTOR
UNLESS YOUR
IN WHICH CASE
YOU WILL USE
NOTHING
ELSE.
EVER.
IS BRITISH,
Decorative typefaces that do not fit in
elsewhere
Generally used at large sizes
In most cases, very difficult to read at
body text sizes and quantities
DISPLAY
T Y P E C L A S S I F I C A T I O N
Display
Cooper Black
Neuropol
Hobo
VTC BAD VISION
BIFUR
1921
2003
1910
2008
1929
A DISPLAY
TYPEFACE CAN BE
USE WITH CAUTION.
A DANGEROUS
WEAPON.
CHRISTOPHER
09/2011
MOOREHEAD

More Related Content

Viewers also liked

Euruko 2009 - Software Craftsmanship
Euruko 2009 - Software CraftsmanshipEuruko 2009 - Software Craftsmanship
Euruko 2009 - Software Craftsmanship
Phillip Oertel
 
sosiaalisen median mahdollisuudet opetuksessa
sosiaalisen median mahdollisuudet opetuksessasosiaalisen median mahdollisuudet opetuksessa
sosiaalisen median mahdollisuudet opetuksessa
Pasi Siltakorpi
 
Gany bajany-ki-hurmat
Gany bajany-ki-hurmatGany bajany-ki-hurmat
Gany bajany-ki-hurmat
Shakeel Ishaq
 

Viewers also liked (20)

Resume7
Resume7Resume7
Resume7
 
Anatomy of type
Anatomy of typeAnatomy of type
Anatomy of type
 
The Anatomy of a Design Decision by Jared Spool (Now What? Conference 2015)
The Anatomy of a Design Decision by Jared Spool (Now What? Conference 2015)  The Anatomy of a Design Decision by Jared Spool (Now What? Conference 2015)
The Anatomy of a Design Decision by Jared Spool (Now What? Conference 2015)
 
TYPOGRAPHY 1 OVERVIEW (Intro to GD, Wk 4)
TYPOGRAPHY 1 OVERVIEW (Intro to GD, Wk 4)TYPOGRAPHY 1 OVERVIEW (Intro to GD, Wk 4)
TYPOGRAPHY 1 OVERVIEW (Intro to GD, Wk 4)
 
Fundamental of typography
Fundamental of typographyFundamental of typography
Fundamental of typography
 
Typography - History, Basics and Trends
Typography - History, Basics and TrendsTypography - History, Basics and Trends
Typography - History, Basics and Trends
 
Creating Impactful Spatial Experiences by Carlo Giannasca
Creating Impactful Spatial Experiences by Carlo GiannascaCreating Impactful Spatial Experiences by Carlo Giannasca
Creating Impactful Spatial Experiences by Carlo Giannasca
 
Grid Systems: Building Blocks to a Better User Experience
Grid Systems: Building Blocks to a Better User ExperienceGrid Systems: Building Blocks to a Better User Experience
Grid Systems: Building Blocks to a Better User Experience
 
Basics of Typography
Basics of TypographyBasics of Typography
Basics of Typography
 
Sense organs
Sense organsSense organs
Sense organs
 
It's all about typography
It's all about typographyIt's all about typography
It's all about typography
 
Euruko 2009 - Software Craftsmanship
Euruko 2009 - Software CraftsmanshipEuruko 2009 - Software Craftsmanship
Euruko 2009 - Software Craftsmanship
 
sosiaalisen median mahdollisuudet opetuksessa
sosiaalisen median mahdollisuudet opetuksessasosiaalisen median mahdollisuudet opetuksessa
sosiaalisen median mahdollisuudet opetuksessa
 
Excel2007 Power Point Slides
Excel2007 Power Point SlidesExcel2007 Power Point Slides
Excel2007 Power Point Slides
 
Aftershock
AftershockAftershock
Aftershock
 
Ajuts Per A Empreses Editorials 2010
Ajuts Per A Empreses Editorials 2010Ajuts Per A Empreses Editorials 2010
Ajuts Per A Empreses Editorials 2010
 
Gany bajany-ki-hurmat
Gany bajany-ki-hurmatGany bajany-ki-hurmat
Gany bajany-ki-hurmat
 
Jenkins実践入門のnext step
Jenkins実践入門のnext stepJenkins実践入門のnext step
Jenkins実践入門のnext step
 
Segra2015 geotourism angus_m_robinson
Segra2015 geotourism angus_m_robinsonSegra2015 geotourism angus_m_robinson
Segra2015 geotourism angus_m_robinson
 
Presentacion Pagina De La Familia
Presentacion  Pagina De La FamiliaPresentacion  Pagina De La Familia
Presentacion Pagina De La Familia
 

More from Chris Moorehead (9)

idl_work
idl_workidl_work
idl_work
 
intuitive_wayfinding
intuitive_wayfindingintuitive_wayfinding
intuitive_wayfinding
 
info_processing
info_processinginfo_processing
info_processing
 
time_management
time_managementtime_management
time_management
 
structural_elements
structural_elementsstructural_elements
structural_elements
 
binding_types_v2
binding_types_v2binding_types_v2
binding_types_v2
 
wayfinding_typography
wayfinding_typographywayfinding_typography
wayfinding_typography
 
mapping_systems
mapping_systemsmapping_systems
mapping_systems
 
Typography + Music Packaging
Typography + Music PackagingTypography + Music Packaging
Typography + Music Packaging
 

type_classification