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

PreZENtations TIDbits - Typography

Aug 17, 2014

Download

Design

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!
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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