SlideShare a Scribd company logo
1 of 39
Download to read offline
PreZENtations
TIDbits
TYPOGRAPHY
Alberto de Vega
Eduardo S. de la Fuente
Zen Rocks by Lane Pierce
T Y P E
WHAT FOR?
Typography
Type is a fundamental part
of our culture and
has been for centuries
“
”
Nancy Duarte
TYPEFACE
A N A T O M Y
Sphinx
ascender height
caps height
x height
baseline
descender height
ascender
descender
Typography
TYPEFACE
A N A T O M Y
Sphinx
diagonal
stress serif
thick/thin
Typography
K I N D S O F
TYPEFACES
100,000 typefaces
Typography
K I N D S O F
TYPEFACES
©PhotoXpress
That’s enough
Bible 5 times*
to write the
*One typeface per verse
in a row
Typography
7 groups
(roughly)
K I N D S O F
TYPEFACES
Typography
blackletter
humanist
oldstyle
modern
slab serif
sans serif
Fringe
K I N D S O F
TYPEFACES
Typography
Blackletter
dramatic thick/thin
transitions
serif
K I N D S O F
TYPEFACES
Typography
Inspired by The Non-Designer’s Design & Type Books by Robin Williams
x
o
Humanist
diagonal
stress
moderate thick/thin
transitions
slanted serifs
e slopping
crossbar
small
x-height
K I N D S O F
TYPEFACES
Typography
Inspired by The Non-Designer’s Design & Type Books by Robin Williams
Oldstyle
diagonal
stress
serif
Moderate thick/thin
transitions
slanted serifs
horizontal crossbar
K I N D S O F
TYPEFACES
Typography
Inspired by The Non-Designer’s Design & Type Books by Robin Williams
Modern
vertical
stress
radical thick/thin
transitions
thin and horizontal serifs
K I N D S O F
TYPEFACES
Inspired by The Non-Designer’s Design  Type Books by Robin Williams Typography
Slab serif
vertical
stress
moderate thick/thin
transitions
thick and horizontal serifs
K I N D S O F
TYPEFACES
Inspired on The Non-Designer’s Design  Type Books by Robin Williams
Sans serif
no thick/thin transitions,
hence no stress
no serifs
K I N D S O F
TYPEFACES
Inspired on The Non-Designer’s Design  Type Books by Robin Williams
Fringe
K I N D S O F
TYPEFACES
What can I say …
Typography
Inspired by The Non-Designer’s Design  Type Books by Robin Williams
OPERATIONS
W I T H T Y P E
Let me
introduce you a
Widow
Typography
OPERATIONS
W I T H T Y P E
She is the Widow by TJ Scott / © All rights reserved
No,
Widow…
not THIS KIND of
Typography
OPERATIONS
W I T H T Y P E
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Aenean commodo ligula eget
dolor.
This kind of
Widow
Typography
OPERATIONS
W I T H T Y P E
Loremipsumdolorsitamet,consectetuer
adipiscingelit.Aeneancommodoligulaegetdolor.
Now, meet
Kerningthe hero
saving the day
Typography
OPERATIONS
W I T H T Y P E
Baby by MCFull
Wow, wow, wow.
What
Happened?
Typography
Sphinx
OPERATIONS
W I T H T Y P E
Normal kerning
Interletter Space
Typography
Sphinx
OPERATIONS
W I T H T Y P E
Extra kerning
Interletter Space
Typography
OPERATIONS
W I T H T Y P E
Day 80 by SuperFantastic Typography
Avoid
widows
atanyratelest you look
amateur
It’s an informal measure
of how easy it is to distinguish
one letter from another
Legibility
“
”
Font.com
LEGIBILITY
VS R EA DA B I L I T Y
Typography
It is a gauge of how easily words
phrases and blocks of copy
can be read
Readability
“
Font.com
”
,
LEGIBILITY
VS R EA DA B I L I T Y
Typography
YOUR type should be
above all
Legible!
TYPE 
PRESENTATIONS
Typography
This means YOU
should use
SansSerifs
TYPE 
PRESENTATIONS
Typography
Because Sans Serif
typefaces are
Abigger
Abolder
Asimpler
:
TYPE 
PRESENTATIONS
Typography
This means YOU should
use NO MORE than
2fontfaces
Typography
TYPE 
PRESENTATIONS
Better yet
use just
1fontface
,
TYPE 
PRESENTATIONS
Typography
Color, Size Italics
Use
tobuildemphasis
TYPE 
PRESENTATIONS
Typography
Should you stick to
2 fontfaces
Let themcontrast
…
TYPE 
PRESENTATIONS
Typography
Beware
don’t you ever go
beyond that point
,
Orthings
willstartto look !
MESSY
TYPE 
PRESENTATIONS
Typography
But
remember
beclassy
…
TYPE 
PRESENTATIONS
Typography
andpicky
Whenlookingfor
atypeface
TYPE 
PRESENTATIONS
Typography
This is
probabl not
a good choice
Unlessyou’reasking
foraransom
TYPE 
PRESENTATIONS
Typography
Neitheir is
this one
Unlessyoubelongto
TYPE 
PRESENTATIONS
Typography
Typography
HopeyouenjoyedourtypographyTIDbit.
Don’tforgettocomebackformore.
Inthemeantime,check(evenbuy)ourrecommendedreading!
PreZENtationsteam
RECOMMENDED
BOOKS
byRobinWilliams
TheNonDesignerTypeBook
Typography

More Related Content

Viewers also liked

The Art of Presentation II. Following the ZEN path. PREPARATION
The Art of Presentation II. Following the ZEN path. PREPARATIONThe Art of Presentation II. Following the ZEN path. PREPARATION
The Art of Presentation II. Following the ZEN path. PREPARATIONEduardo S. de la Fuente
 
El Arte de la Presentación - charla Dircom
El Arte de la Presentación - charla DircomEl Arte de la Presentación - charla Dircom
El Arte de la Presentación - charla DircomAlberto de Vega Luna
 
El arte de la presentacion (V): Recursos
El arte de la presentacion (V): RecursosEl arte de la presentacion (V): Recursos
El arte de la presentacion (V): RecursosAlberto de Vega Luna
 
The Art of Presentation III. Following the ZEN path. DESIGN
The Art of Presentation III. Following the ZEN path. DESIGNThe Art of Presentation III. Following the ZEN path. DESIGN
The Art of Presentation III. Following the ZEN path. DESIGNEduardo S. de la Fuente
 
The Art of Presentation IV. Following the ZEN path. DELIVERY
The Art of Presentation IV. Following the ZEN path. DELIVERYThe Art of Presentation IV. Following the ZEN path. DELIVERY
The Art of Presentation IV. Following the ZEN path. DELIVERYEduardo S. de la Fuente
 
The Art of Presentation V. Following the ZEN path. RESOURCES
The Art of Presentation V. Following the ZEN path. RESOURCESThe Art of Presentation V. Following the ZEN path. RESOURCES
The Art of Presentation V. Following the ZEN path. RESOURCESEduardo S. de la Fuente
 
The Art of Presentation
The Art of PresentationThe Art of Presentation
The Art of PresentationSameer Mathur
 
Persuasive presentation
Persuasive presentationPersuasive presentation
Persuasive presentationDennis Healy
 
Ch15 persuasive presentation power point
Ch15 persuasive presentation power pointCh15 persuasive presentation power point
Ch15 persuasive presentation power pointms451711
 
Guia para prepara una presentacion. Nancy Duarte resonate
Guia para prepara una presentacion. Nancy Duarte resonateGuia para prepara una presentacion. Nancy Duarte resonate
Guia para prepara una presentacion. Nancy Duarte resonateclaudiajim01
 
Guia para preparar una presentacion nancy duarte resonate
Guia para preparar una presentacion nancy duarte resonateGuia para preparar una presentacion nancy duarte resonate
Guia para preparar una presentacion nancy duarte resonateclaudiajim01
 
Slide:ology: Elementos de las Presentaciones Efectivas
Slide:ology: Elementos de las Presentaciones EfectivasSlide:ology: Elementos de las Presentaciones Efectivas
Slide:ology: Elementos de las Presentaciones EfectivasHector Ferniza
 
El arte de la presentacion (II): Preparación y Estructura
El arte de la presentacion (II): Preparación y EstructuraEl arte de la presentacion (II): Preparación y Estructura
El arte de la presentacion (II): Preparación y EstructuraAlberto de Vega Luna
 
Protocolo de investigacion [presentacion]
Protocolo de investigacion [presentacion]Protocolo de investigacion [presentacion]
Protocolo de investigacion [presentacion]liliana
 

Viewers also liked (20)

The Art of Presentation II. Following the ZEN path. PREPARATION
The Art of Presentation II. Following the ZEN path. PREPARATIONThe Art of Presentation II. Following the ZEN path. PREPARATION
The Art of Presentation II. Following the ZEN path. PREPARATION
 
El Arte de la Presentación - charla Dircom
El Arte de la Presentación - charla DircomEl Arte de la Presentación - charla Dircom
El Arte de la Presentación - charla Dircom
 
Images TIDbit
Images TIDbitImages TIDbit
Images TIDbit
 
El arte de la presentacion (V): Recursos
El arte de la presentacion (V): RecursosEl arte de la presentacion (V): Recursos
El arte de la presentacion (V): Recursos
 
The Art of Presentation III. Following the ZEN path. DESIGN
The Art of Presentation III. Following the ZEN path. DESIGNThe Art of Presentation III. Following the ZEN path. DESIGN
The Art of Presentation III. Following the ZEN path. DESIGN
 
The Art of Presentation IV. Following the ZEN path. DELIVERY
The Art of Presentation IV. Following the ZEN path. DELIVERYThe Art of Presentation IV. Following the ZEN path. DELIVERY
The Art of Presentation IV. Following the ZEN path. DELIVERY
 
The Art of Presentation V. Following the ZEN path. RESOURCES
The Art of Presentation V. Following the ZEN path. RESOURCESThe Art of Presentation V. Following the ZEN path. RESOURCES
The Art of Presentation V. Following the ZEN path. RESOURCES
 
The Art of Presentation
The Art of PresentationThe Art of Presentation
The Art of Presentation
 
Persuasive presentation
Persuasive presentationPersuasive presentation
Persuasive presentation
 
Ch15 persuasive presentation power point
Ch15 persuasive presentation power pointCh15 persuasive presentation power point
Ch15 persuasive presentation power point
 
Guia para prepara una presentacion. Nancy Duarte resonate
Guia para prepara una presentacion. Nancy Duarte resonateGuia para prepara una presentacion. Nancy Duarte resonate
Guia para prepara una presentacion. Nancy Duarte resonate
 
Guia para preparar una presentacion nancy duarte resonate
Guia para preparar una presentacion nancy duarte resonateGuia para preparar una presentacion nancy duarte resonate
Guia para preparar una presentacion nancy duarte resonate
 
Slide:ology: Elementos de las Presentaciones Efectivas
Slide:ology: Elementos de las Presentaciones EfectivasSlide:ology: Elementos de las Presentaciones Efectivas
Slide:ology: Elementos de las Presentaciones Efectivas
 
Handbook FMS
Handbook FMSHandbook FMS
Handbook FMS
 
Presentación Zen ejemplo del trabajo de Garr Reynolds
Presentación Zen ejemplo del trabajo de Garr ReynoldsPresentación Zen ejemplo del trabajo de Garr Reynolds
Presentación Zen ejemplo del trabajo de Garr Reynolds
 
El Arte de la Presentación
El Arte de la PresentaciónEl Arte de la Presentación
El Arte de la Presentación
 
Delivery Tidbit
Delivery TidbitDelivery Tidbit
Delivery Tidbit
 
El arte de la presentacion (II): Preparación y Estructura
El arte de la presentacion (II): Preparación y EstructuraEl arte de la presentacion (II): Preparación y Estructura
El arte de la presentacion (II): Preparación y Estructura
 
Protocolo de investigacion [presentacion]
Protocolo de investigacion [presentacion]Protocolo de investigacion [presentacion]
Protocolo de investigacion [presentacion]
 
Generación de Modelos de Negocio
Generación de Modelos de NegocioGeneración de Modelos de Negocio
Generación de Modelos de Negocio
 

PreZENtations TIDbits - Typography