PreZENtations TIDbits - Typography

39
PreZENtations TIDbits TYPOGRAPHY Alberto de Vega Eduardo S. de la Fuente Zen Rocks by Lane Pierce

description

PreZENtations presents what we expect will be the first in a long series of tidbits related with presentation preparation, design and delivery. Meet typography, hope you enjoy it reading it as much as we did designing it!

Transcript of PreZENtations TIDbits - Typography

Page 1: PreZENtations TIDbits - Typography

PreZENtations TIDbits

TYPOGRAPHY

Alberto de Vega Eduardo S. de la Fuente Zen Rocks by Lane Pierce

Page 2: PreZENtations TIDbits - Typography

T Y P E WHAT FOR?

Typography

Type is a fundamental part of our culture and

has been for centuries

” Nancy Duarte

Page 3: PreZENtations TIDbits - Typography

TYPEFACE A N A T O M Y

Sphinx ascender height caps height x height

baseline descender height

ascender

descender

Typography

Page 4: PreZENtations TIDbits - Typography

TYPEFACE A N A T O M Y

Sphinx diagonal stress serif

thick/thin

Typography

Page 5: PreZENtations TIDbits - Typography

K I N D S O F

TYPEFACES

100,000 typefaces

Typography

Page 6: PreZENtations TIDbits - 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

Page 7: PreZENtations TIDbits - Typography

7 groups (roughly)

K I N D S O F

TYPEFACES

Typography

Page 8: PreZENtations TIDbits - Typography

blackletter humanist oldstyle

modern slabserif

sans serif Fringe

K I N D S O F

TYPEFACES

Typography

Page 9: PreZENtations TIDbits - 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

Page 10: PreZENtations TIDbits - Typography

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

Page 11: PreZENtations TIDbits - Typography

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

Page 12: PreZENtations TIDbits - Typography

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

Page 13: PreZENtations TIDbits - Typography

Slabserifvertical 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

Page 14: PreZENtations TIDbits - Typography

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

Page 15: PreZENtations TIDbits - Typography

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

Page 16: PreZENtations TIDbits - Typography

OPERATIONS

W I T H T Y P E

Let me introduce you a Widow

Typography

Page 17: PreZENtations TIDbits - 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

Page 18: PreZENtations TIDbits - 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

Page 19: PreZENtations TIDbits - Typography

OPERATIONS

W I T H T Y P E

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Now, meet Kerning the hero saving the day

Typography

Page 20: PreZENtations TIDbits - Typography

OPERATIONS

W I T H T Y P E

Baby by MCFull

Wow, wow, wow. What Happened?

Typography

Page 21: PreZENtations TIDbits - Typography

Sphinx

OPERATIONS

W I T H T Y P E

Normal kerning

Interletter Space

Typography

Page 22: PreZENtations TIDbits - Typography

Sphinx

OPERATIONS

W I T H T Y P E

Extra kerning

Interletter Space

Typography

Page 23: PreZENtations TIDbits - Typography

OPERATIONS

W I T H T Y P E

Day 80 by SuperFantastic Typography

Avoid widows at any rate lest you look

amateur

Page 24: PreZENtations TIDbits - Typography

It’s an informal measure of how easy it is to distinguish

one letter from another

Legibility “

”Font.com

LEGIBILITY

V S R E A D A B I L I T Y

Typography

Page 25: PreZENtations TIDbits - Typography

It is a gauge of how easily words phrases and blocks of copy

can be read

Readability “

Font.com

,

LEGIBILITY

V S R E A D A B I L I T Y

Typography

Page 26: PreZENtations TIDbits - Typography

YOUR type should be above all

Legible!

TYPE &

PRESENTATIONS

Typography

Page 27: PreZENtations TIDbits - Typography

This means YOU should use

Sans Serifs

TYPE &

PRESENTATIONS

Typography

Page 28: PreZENtations TIDbits - Typography

Because Sans Serif typefaces are

Abigger Abolder Asimpler

:

TYPE &

PRESENTATIONS

Typography

Page 29: PreZENtations TIDbits - Typography

This means YOU should use NO MORE than

2 fontfaces

Typography

TYPE &

PRESENTATIONS

Page 30: PreZENtations TIDbits - Typography

Better yet use just

1 fontface

,

TYPE &

PRESENTATIONS

Typography

Page 31: PreZENtations TIDbits - Typography

Color, Size & Italics Use

to build emphasis

TYPE &

PRESENTATIONS

Typography

Page 32: PreZENtations TIDbits - Typography

Should you stick to 2 fontfaces

Let them contrast …

TYPE &

PRESENTATIONS

Typography

Page 33: PreZENtations TIDbits - Typography

Beware don’t you ever go

beyond that point

,

Or things will start to look !MESSY

TYPE &

PRESENTATIONS

Typography

Page 34: PreZENtations TIDbits - Typography

But remember

be classy …

TYPE &

PRESENTATIONS

Typography

Page 35: PreZENtations TIDbits - Typography

and picky When looking for a type face

TYPE &

PRESENTATIONS

Typography

Page 36: PreZENtations TIDbits - Typography

This is probabl not

a good choice

Unless you’re asking for a ransom

TYPE &

PRESENTATIONS

Typography

Page 37: PreZENtations TIDbits - Typography

Neitheir is this one

Unless you belong to

TYPE &

PRESENTATIONS

Typography

Page 38: PreZENtations TIDbits - Typography

Typography

Hope you enjoyed our typography TIDbit. Don’t forget to come back for more. In the mean time, check (even buy) our recommended reading!

PreZENtations team

Page 39: PreZENtations TIDbits - Typography

RECOMMENDED

BOOKS

by Robin Williams The Non Designer Type Book

Typography