Tag Archives: Fall 2020

Intro to Typography – Helvetica

Today we will watch Gary Hustwit’s movie Helvetica, an independent film that explores not only the history and development of the Helvetica typeface, typography and graphic design in general, but also explores the dichotomy between the adherence to established principles of design and the desire to express one’s stylistic individuality and vision.

Objective:

  • I can watch the movie Helvetica to learn about the history of typography and design, and express my thoughts on design in a brief reflection piece.

Vocabulary Words:

  • Typeface
  • Modernism
  • Post-Modernism
  • Rational
  • Humanistic

Links:

Helvetica Film Website: https://www.hustwit.com/helvetica

Topics Discussed:

  • Modernism
  • Grid Design
  • Rational
  • Post-Modernism
  • Humanist

Assignment:

  1. Today and tomorrow, we will watch Gary Hustwit’s Helvetica, an outstanding independent film that documents the development of the typeface Helvetica as well as the history of graphic design as we know it today. We will watch the first half today, and the second half on Friday.
  2. Despite its original intent, Helvetica is a typeface that inspires strong opinions in graphic designers, both positive and negative. As you watch, notice how incredibly common the use of the typeface really is, and ask yourself how the sheer ubiquity of its presence makes you feel about Helvetica. Do you love it, do you hate it, or are you somewhere in between?
  3. Helvetica also explores the historical (and ongoing) struggle between the Rationalists who invented the principles of design that we studied earlier this year (and continue to use today) and championed the development and use of Helvetica, and the Post-Modernists who completely rebelled against these rules and sought to create type using anything except Helvetica. Which side do you prefer? Are you a structured rule-follower or a dynamic rule-breaker?
  4. Keep these ideas in mind as you watch, and we will write a brief reflection on Tuesday to explore these ideas further. Enjoy the show!

Posted: September 14th, 2020

Intro to Typography – Typeface Anatomy 2020

Objective:

I can use web resources to define and explain Typeface Anatomy, and to identify the different parts of a typeface character by creating a document illustrating these parts so that I can intelligently discuss the specific elements of fonts that make them unique and special.

Web Link:
https://typedia.com/learn/only/anatomy-of-a-typeface/

Topics Discussed:

  • Typography
  • Letter Anatomy
  • Uppercase
  • Lowercase
  • Small Caps
  • Baseline
  • X-height
  • Ascender
  • Descender
  • Serif
  • Terminal
  • Stem
  • Crossbar
  • Bowl
  • Counter
  • Shoulder
  • Ligature

Assignment:

Visit the Typedia: Learn: Anatomy of a Typeface webpage in the link provided. Read through the article to learn about Letter Anatomy, and the standard set of names for the parts of a letter.

  1. Open a new document in Vectr, with the standard dimensions (640px W x 640px H).
  2. For each of the fifteen vocabulary terms listed below:
    1. Create a large headline in a Display typeface with the vocabulary word itself
    2. Use the Type tool to write the definition of the vocabulary word in a Serif or Sans Serif typeface. Use complete sentences, and you may copy and paste definitions (Just make sure you are copying the correct definition!).
    3. Use a Serif or Sans Serif typeface and the line or shape tools to demonstrate what each of the vocabulary terms looks like. Use the pictures on the website as a guide, but DO NOT copy the website’s images into your document.
    4. Use a red-colored stroke on your lines and shapes to show the part of the letter the vocabulary word is describing.
  • You should have a headline, a definition and a graphic for each of the following fifteen terms:
    1. Uppercase
    2. Lowercase
    3. Small Caps
    4. Baseline
    5. X-height
    6. Ascender
    7. Descender
    8. Serif
    9. Terminal
    10. Stem
    11. Crossbar
    12. Bowl
    13. Counter
    14. Shoulder
    15. Ligature
  • If you run out of room on your page, you may make the page dimensions larger for this assignment (use the Width and Height settings on the Pages tab in the upper left corner of your workspace.
  • Save your document and Export it as a .jpg or .png file.
  • Submit the completed .jpg or .png to today’s Google Classroom assignment post by end of day on Friday, September 4th.

Assigned: September 3rd, 2020

Teacher Pacing Due Date: September 4th, 2020