PreZENtations TIDbits - Typography

Post on 17-Aug-2014

12.672 views 2 download

Tags:

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

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 slabserif

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

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

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

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

Now, meet Kerning the 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 at any rate lest you look

amateur

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

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

YOUR type should be above all

Legible!

TYPE &

PRESENTATIONS

Typography

This means YOU should use

Sans Serifs

TYPE &

PRESENTATIONS

Typography

Because Sans Serif typefaces are

Abigger Abolder Asimpler

:

TYPE &

PRESENTATIONS

Typography

This means YOU should use NO MORE than

2 fontfaces

Typography

TYPE &

PRESENTATIONS

Better yet use just

1 fontface

,

TYPE &

PRESENTATIONS

Typography

Color, Size & Italics Use

to build emphasis

TYPE &

PRESENTATIONS

Typography

Should you stick to 2 fontfaces

Let them contrast …

TYPE &

PRESENTATIONS

Typography

Beware don’t you ever go

beyond that point

,

Or things will start to look !MESSY

TYPE &

PRESENTATIONS

Typography

But remember

be classy …

TYPE &

PRESENTATIONS

Typography

and picky When looking for a type face

TYPE &

PRESENTATIONS

Typography

This is probabl not

a good choice

Unless you’re asking for a ransom

TYPE &

PRESENTATIONS

Typography

Neitheir is this one

Unless you belong to

TYPE &

PRESENTATIONS

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

RECOMMENDED

BOOKS

by Robin Williams The Non Designer Type Book

Typography