19
Design: Type Readability Relationships Types of Type (Fonts Type on the web

J187 Designing with Type

Embed Size (px)

DESCRIPTION

Type categories and type contrasts

Citation preview

Page 1: J187 Designing with Type

Design: Type

ReadabilityRelationshipsTypes of Type (FontsType on the web

Page 2: J187 Designing with Type

ReadabilityType has multiple purposes but the most important is readability. The ability for a reader to easily read and understand the text.

Contributors/Distractors

Size, color, texture, light, font, weight, relationship etc.

Page 3: J187 Designing with Type

Relationships

Page 4: J187 Designing with Type

Concordant Uses one type family with little change in style, size or weight. This can be used to communicate a sedated or formal situation but can also be dull. 

Page 5: J187 Designing with Type

Conflicting

When you combine type faces that are similar but not the same. This makes the page less interesting because it is not concordant.

Times New Roman

Palatino&

Page 6: J187 Designing with Type

ContrastingWhen you combine separate typefaces that are distinct and different from each other. The best designs have contrast and this includes font.

Page 7: J187 Designing with Type

Type CategoriesRemember them in groups of two:Old/Modern, Serif/Sans, Script/Decorative

Page 8: J187 Designing with Type

Oldstyle

Page 9: J187 Designing with Type

Modern

Page 10: J187 Designing with Type

Slab Serif

Page 11: J187 Designing with Type

Sans Serif

Page 12: J187 Designing with Type

Script

Page 13: J187 Designing with Type

Decorative

Drag picture to placeholder or click icon to add

Page 14: J187 Designing with Type

Type Categories

Page 15: J187 Designing with Type

Type ContrastsSize, Weight, Structure, Form, Direction and Color

Page 16: J187 Designing with Type
Page 17: J187 Designing with Type

My RulesNever use more than three fonts and two is probably enough

Never use more than one serif font

Never use more than one san serif font

Never use more than one decorative font and only in limited doses

Typically, I choose one Serif, one san and call it a style!

Page 18: J187 Designing with Type

Fun

Dafont.com

What the Font

Page 19: J187 Designing with Type

In class exercise