intro to typography process book
DESCRIPTION
Process book I created for my Intro to Typography course.TRANSCRIPT
![Page 1: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/1.jpg)
INTRO TO TYPOGRAPHY
By Thyra Helgesen
![Page 2: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/2.jpg)
Illustration, photography & design by Thyra Helgesen
Minneapolis, MinnesotaEmail: [email protected]://t.homes.mcad.edu/~thelgesen/index
Published by MCAD Service Bureau
© Thyra Helgesen
INTRO TO TYPOGRAPHY
By Thyra Helgesen
![Page 3: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/3.jpg)
Contents:
Introduction pg 7
Projects:
1. Part I: Typographic Rendering + Anatomy pg 9 Part II: Form Cropping pg 13
2. Type Everywhere @ the State Fair! pg 17
3. Letter Formation & Pattern Project pg 314. Expressive Words Phrase Project pg 37
5. Helevtica & Hand pg 40 6. Craigslist Typesetting Exercises pg 54 7. Resume Typesetting Exercise pg 57
8. Type Specimen Poster pg 59
Introduction:
Course Description:
This course emphasizes basic typographic principles and investigates letterform
design, word-forms, and extended text. Particular attention is directed to typographic
vocabulary, type as image, typographic organization, and the utilization of supporting
grid structures.
Through assignments, larger projects, and critiques, students are expected to demon-
strate an understanding of typography as a visual tool used to enhance meaning.
In this course, you will:
- Gain an appreciation for the beauty of letterforms
- Understand letterform anatomy and familiarize yourself with type classification
- Create and utilize illustrative & expressive type
- Set type that is legible and hierarchical
- Develop a vocabulary of typographic terminology
- Use a grid to compose a structured two-dimensional space
- Become familiar with several typefaces and type designer
- Document your design process Solve typographic design problems
-Create a process book that highlights your sketches, process, ideation and final solutions.
![Page 4: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/4.jpg)
![Page 5: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/5.jpg)
MCAD Fall 2010
Course: Introduction to Typography #GRD 2010 01
An exercise.
Typographic rendering and anatomy In this exercise you will gain an understanding of typographic anatomy and improve your ability to draw and visualize letterforms.
� Process:
Read the supplied handout on typographic anatomy and try your hand at typeisart.com
Go to wikipedia and select two pangram*, ie: “Bright vixens jump; dozy fowl quack”
“The quick brown fox jumps over the lazy dog”
Use a fine pen and carefully trace and fill in each character from your chosen phrase us-ing a serif and sanserif typeface. Label each typographic component—if there are anatomy repeats, then feel free to design a key. In-clude this exercise in your process book.
------------------------------------------------------
� Considerations:
Draw the following: baseline, median, x-height, descender & ascender lines, and capheight.
Set two phrases in at least two typefaces from the list: one serif and one sans.
When setting your phrase, pay special at-tention to the space between each character. Adjusting the space between letters is called kerning. Strive for optical consistency.
Label the anatomy of each letterform; in-clude: serif, san serif, descender, ascender counterform, apex, vertex, arm, stem, cross-bar, link, tail, spine, shoulder, ear, leg and crotch.
Can you find a barb, beak, loop, spur?
Observe the subtle characteristics that make the typeface unique—compare and contrast.
� Limitations
Do not reduce the master specimen sheets* for this exercise. Use at 100pt or larger.
Select from the following:
Baskerville ----------------
Clarendon ----------------
Didot ----------------
Garamond ----------------
Futura ----------------
Helvetica ----------------
Univers -----------------
� Deadline
To be completed by next class.
------------------------------------------------------
----------------------------------------------------------* Specimens can be found in Assignment Folder on Blackboard.
----------------------------------------------------------
![Page 6: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/6.jpg)
![Page 7: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/7.jpg)
![Page 8: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/8.jpg)
![Page 9: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/9.jpg)
![Page 10: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/10.jpg)
![Page 11: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/11.jpg)
Short Circuit:A booklet I created from col-lecting photographs of unlite signs of small light-blubs.
![Page 12: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/12.jpg)
![Page 13: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/13.jpg)
![Page 14: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/14.jpg)
![Page 15: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/15.jpg)
R
RRRRRRR R
qqq
q qqqq qqq
q qqqq qqq qq qq
qq qqqq qq
q qqq
q qqq
q qqq qq qqqq qq
qq qqqq qqqq qq
qq qqqq qq
q qqqq qqq qq qq
q qqqqq qqqq qqqq qq
qq qq
qq qq
q qqqq qqq
q qqqq qqq qq qq
qq qqqq q
q qqq
q qqq
q qqq qq qqqq qq
qq qqqq qqqq qq
qq qqqq q
q qqqq qqq qq qq
q qqqqq qqqq qqqq qq
qq qqqq
qqqqqqq
qq qqqq qqqqqq
qqq
M
MM
Rq
q
q
Pattern Process
![Page 16: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/16.jpg)
![Page 17: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/17.jpg)
n
![Page 18: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/18.jpg)
![Page 19: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/19.jpg)
![Page 20: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/20.jpg)
![Page 21: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/21.jpg)
![Page 22: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/22.jpg)
![Page 23: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/23.jpg)
![Page 24: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/24.jpg)
![Page 25: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/25.jpg)
![Page 26: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/26.jpg)
![Page 27: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/27.jpg)
![Page 28: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/28.jpg)
Specimen Poster
![Page 29: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/29.jpg)
OCR-B Booklet
![Page 30: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/30.jpg)
![Page 31: Intro to Typography Process Book](https://reader038.vdocuments.site/reader038/viewer/2022102719/568bd9081a28ab2034a58808/html5/thumbnails/31.jpg)