typography basics technical foundations ii. typography basics baseline apple

25
TYPOGRAPHY BASICS Technical Foundations II

Upload: alexis-tyler

Post on 23-Dec-2015

254 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

TYPOGRAPHY BASICS

TYPOGRAPHY BASICS

Technical Foundations II

Page 2: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

Typography BasicsTypography Basics

Baseline

Apple

Page 3: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

Typography BasicsTypography Basics

Baseline X-Height

Apple

Page 4: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

Typography BasicsTypography Basics

Baseline X-Height Ascender

Apple

Page 5: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

Typography BasicsTypography Basics

Baseline X-Height Ascender Descender

Apple

Page 6: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

Typography BasicsTypography Basics

Stroke

Apple

Page 7: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

Typography BasicsTypography Basics

Stroke Serif

Apple

Page 8: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

Typography BasicsTypography Basics

Stroke Serif Fillet

Apple

Page 9: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

Typography Basics

Serif (Times, Garamond, Palatino) Sans Serif (Century Gothic, Helvetica, Arial) Script (Apple Chancery, Brush Script)

Serif Sans

Script

Page 10: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

Five Basic Specs of TypeFive Basic Specs of Type

Size of Type Linespace Font Line Length Alignment/Format

Page 11: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

Typography BasicsTypography Basics

Size of Type Measured in Points

AdjAdj

Page 12: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

Typography BasicsTypography Basics

Size of Type Measured in Points

Ascender to Descender

AdjAdj

Page 13: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

Typography BasicsTypography Basics

6 picas = 1 inch 12 points = 1 pica ?? points = 1 inch

Adj

Page 14: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

Typography BasicsTypography Basics

6 picas = 1 inch 12 points = 1 pica ?? points = 1 inch

Adj72 Points72 Points

Page 15: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

Typography BasicsTypography Basics

Leadingspace between lines Adj

Adj

Page 16: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

Typography BasicsTypography Basics

Leadingspace between linesvs

Linespacespace between lines plus (+)size of type

AdjAdj

Page 17: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

Typography BasicsTypography Basics

Leadingspace between linesvs

Linespacespace between lines plussize of type

You use “leading” to move from one line to next!

AdjAdj

Page 18: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

Types of Leading (Linespace) Absolute Leading

12 pts over 14 pts Auto Leading

12 pts over auto Set Solid

12 pts over 12 pts

Page 19: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

Typography BasicsTypography Basics

Letter Spacingspace between each letter Adj

A by

Page 20: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

Typography BasicsTypography Basics

Letter Spacingspace between each letter

vs Word Spacing space between each word

Both affected by kerning or tracking controls

AdjA by

Page 21: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

Typography BasicsTypography Basics

Kerning Adjust space

between 2 characters

Tracking Adjust space

between multiplecharacters

AdjA by

Page 22: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

Typography BasicsTypography Basics

Alignment/Format Flush Left Flush Right Centered Justified Forced Justified

Page 23: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

Typography BasicsTypography Basics

Fonts Family name of Type

Helvetica, Avant Garde, Palatino, Times Characteristics

Plain, Bold, Italic, Shadow Legibility is priority one! Font is a Typeface of specific style and size.

Examples??

Page 24: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

Typography TipsTypography Tips

Line length Wide of the columns of type Too long a line,

harder to move to next line Don’t center large amount of type Two fonts is enough! Too many fonts can

compete for attention Combine Serifs with San Serifs Choice correct font for the topic

Page 25: TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple

Fonts

Papyrus Brush Futura Bauhaus 93

Apple Casual Baskerville American

Typewritter Curlz MT

Pick Six of These Fonts

Think of an appropriate company, slogan or purpose for each font,

and tell why.