typography essentials€¦ · this is not a class about typography. it is about how to use it...

30
Typography Essentials Jordan Beck | Assistant Research Professor | Penn State University

Upload: others

Post on 30-Sep-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

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

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
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
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
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
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

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
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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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
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
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

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

Reflection and wrap-up.