Typography Essentials€¦ · This is not a class about typography. It is about how to use it...
Transcript of Typography Essentials€¦ · This is not a class about typography. It is about how to use it...
![Page 1: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/1.jpg)
Typography EssentialsJordan Beck | Assistant Research Professor | Penn State University
![Page 2: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/2.jpg)
![Page 3: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/3.jpg)
![Page 4: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/4.jpg)
![Page 5: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/5.jpg)
![Page 6: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/6.jpg)
practiceartifacts
![Page 7: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/7.jpg)
![Page 8: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/8.jpg)
Significant Historical Events and Figures
https://www.britannica.com/biography/Johannes-Gutenberg (image 1)goo.gl/x4w9T6 (image 2)
https://goo.gl/x4w9T6
![Page 9: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/9.jpg)
Significant Historical Events and Figures
https://www.behance.net/gallery/13303843/Zuzana-Licko-Poster
![Page 10: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/10.jpg)
SpacingQuotation MarksApostrophesDashesSpecial CharactersAccentsCapitalsUnderliningKerningWidows and Orphans
![Page 11: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/11.jpg)
SpacingQuotation MarksApostrophesDashesSpecial CharactersAccentsCapitalsUnderliningKerningWidows and Orphans
![Page 12: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/12.jpg)
SpacingQuotation MarksApostrophesDashesSpecial CharactersAccentsCapitalsUnderliningKerningWidows and Orphans
![Page 13: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/13.jpg)
crisp, upright characters; sharply detailed characters with vivid contrasts between thick/thin elements; abrupt, unmodulated contrast between thick and razor-thin serifs; less mannered and less decorative; ribbon-like stroke; dark and solemn density; strong vertical stems; transition from thick to thin elements as the path of a broad-nibbed pen; bombastic mixtures; a load-bearing slab; neutral; flamboyant decoration; calligraphic strokes; expression of identity
Modeling how to describe typefaces and fonts (Lupton, 2010).
![Page 14: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/14.jpg)
awareness. language. wit and wisdom. relationships. values. politics. intentions. service. design. lineage. connoisseurship.
![Page 15: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/15.jpg)
This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13)..
![Page 16: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/16.jpg)
critique
![Page 17: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/17.jpg)
design
![Page 18: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/18.jpg)
Designers make design decisions with respect to their own values, aesthetics, and constraints as well as those of their clients and materials (like type).
![Page 19: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/19.jpg)
Critique: Does the typography match the project?
![Page 20: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/20.jpg)
Conflicting Meaning; or, Does the Font Match the Project? (1 of 4)
![Page 21: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/21.jpg)
Conflicting Meaning; or, Does the Font Match the Project? (2 of 4)
![Page 22: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/22.jpg)
Conflicting Meaning; or, Does the Font Match the Project? (3 of 4)
![Page 23: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/23.jpg)
Conflicting Meaning; or, Does the Font Match the Project? (4 of 4)
![Page 24: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/24.jpg)
Rapid Typographic Design Project (v1.0)
![Page 25: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/25.jpg)
Design BriefChoose two of the ‘conflicting
meaning’ texts and redesign so that
the font embodies/reaffirms an
appropriate message.
![Page 26: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/26.jpg)
Deliverables(1) Design Concept
(2) Process description (a short description of your design process)
(3) Rationale (a short explanation of why you made certain choices)
![Page 27: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/27.jpg)
![Page 28: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/28.jpg)
![Page 29: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/29.jpg)
Share some redesigns and discuss.
![Page 30: Typography Essentials€¦ · This is not a class about typography. It is about how to use it (adapted from Lupton, 2010, p. 13).. critique . design. Designers make design decisions](https://reader033.fdocuments.in/reader033/viewer/2022051811/601c3f9f237432551b24b3cd/html5/thumbnails/30.jpg)
Reflection and wrap-up.