IMM: Design Type

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

description

Basics of using Type in web design

Transcript of IMM: Design Type

Page 1: IMM: Design Type

Design: Type

ReadabilityRelationshipsTypes of Type (FontsType on the web

Page 2: IMM: Design 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: IMM: Design Type

Relationships

Page 4: IMM: Design 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: IMM: Design 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: IMM: Design 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: IMM: Design Type

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

Page 8: IMM: Design Type

Oldstyle

Page 9: IMM: Design Type

Modern

Page 10: IMM: Design Type

Slab Serif

Page 11: IMM: Design Type

Sans Serif

Page 12: IMM: Design Type

Script

Page 13: IMM: Design Type

Decorative

Drag picture to placeholder or click icon to add

Page 14: IMM: Design Type

Type Categories

Page 15: IMM: Design Type

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

Page 16: IMM: Design Type
Page 17: IMM: Design 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: IMM: Design Type

Fun

Dafont.com

What the Font

Page 19: IMM: Design Type

In class exercise