j187 designing with type
DESCRIPTION
Type categories and type contrastsTRANSCRIPT
![Page 1: J187 Designing with Type](https://reader033.vdocuments.us/reader033/viewer/2022052617/547b8e4db4af9fa0158b4efd/html5/thumbnails/1.jpg)
Design: Type
ReadabilityRelationshipsTypes of Type (FontsType on the web
![Page 2: J187 Designing with Type](https://reader033.vdocuments.us/reader033/viewer/2022052617/547b8e4db4af9fa0158b4efd/html5/thumbnails/2.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022052617/547b8e4db4af9fa0158b4efd/html5/thumbnails/3.jpg)
Relationships
![Page 4: J187 Designing with Type](https://reader033.vdocuments.us/reader033/viewer/2022052617/547b8e4db4af9fa0158b4efd/html5/thumbnails/4.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022052617/547b8e4db4af9fa0158b4efd/html5/thumbnails/5.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022052617/547b8e4db4af9fa0158b4efd/html5/thumbnails/6.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022052617/547b8e4db4af9fa0158b4efd/html5/thumbnails/7.jpg)
Type CategoriesRemember them in groups of two:Old/Modern, Serif/Sans, Script/Decorative
![Page 8: J187 Designing with Type](https://reader033.vdocuments.us/reader033/viewer/2022052617/547b8e4db4af9fa0158b4efd/html5/thumbnails/8.jpg)
Oldstyle
![Page 9: J187 Designing with Type](https://reader033.vdocuments.us/reader033/viewer/2022052617/547b8e4db4af9fa0158b4efd/html5/thumbnails/9.jpg)
Modern
![Page 10: J187 Designing with Type](https://reader033.vdocuments.us/reader033/viewer/2022052617/547b8e4db4af9fa0158b4efd/html5/thumbnails/10.jpg)
Slab Serif
![Page 11: J187 Designing with Type](https://reader033.vdocuments.us/reader033/viewer/2022052617/547b8e4db4af9fa0158b4efd/html5/thumbnails/11.jpg)
Sans Serif
![Page 12: J187 Designing with Type](https://reader033.vdocuments.us/reader033/viewer/2022052617/547b8e4db4af9fa0158b4efd/html5/thumbnails/12.jpg)
Script
![Page 13: J187 Designing with Type](https://reader033.vdocuments.us/reader033/viewer/2022052617/547b8e4db4af9fa0158b4efd/html5/thumbnails/13.jpg)
Decorative
Drag picture to placeholder or click icon to add
![Page 14: J187 Designing with Type](https://reader033.vdocuments.us/reader033/viewer/2022052617/547b8e4db4af9fa0158b4efd/html5/thumbnails/14.jpg)
Type Categories
![Page 15: J187 Designing with Type](https://reader033.vdocuments.us/reader033/viewer/2022052617/547b8e4db4af9fa0158b4efd/html5/thumbnails/15.jpg)
Type ContrastsSize, Weight, Structure, Form, Direction and Color
![Page 16: J187 Designing with Type](https://reader033.vdocuments.us/reader033/viewer/2022052617/547b8e4db4af9fa0158b4efd/html5/thumbnails/16.jpg)
![Page 17: J187 Designing with Type](https://reader033.vdocuments.us/reader033/viewer/2022052617/547b8e4db4af9fa0158b4efd/html5/thumbnails/17.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022052617/547b8e4db4af9fa0158b4efd/html5/thumbnails/18.jpg)
Fun
Dafont.com
What the Font
![Page 19: J187 Designing with Type](https://reader033.vdocuments.us/reader033/viewer/2022052617/547b8e4db4af9fa0158b4efd/html5/thumbnails/19.jpg)
In class exercise