Tag Archives: Typography

Intro to Typography – Typeface Choices 2020 (Hello, My Name Is…)

As a designer, good (or bad) design is all about the choices you make. One of the most important decisions you’ll make is what typefaces you will use to produce your headlines, subheadings and body text.   Strong typeface choices set the appropriate tone for your intended message, while inappropriate typeface choices send conflicting messages and can disrupt the message you intended to communicate.   Today we will practice making strong typeface choices.


Objective:

  • I can select the most appropriate typeface available for a given design scenario.

Vocabulary Words:

  • Type
  • Typeface
  • Font
  • Serif
  • Sans Serif
  • Script
  • Ornamental/Decorative/Display

Links:

Vectr Onlinehttps://vectr.com

Topics Discussed:

  • Serif Fonts
  • Sans Serif Fonts
  • Script Fonts
  • Ornamental/Decorative/Display Fonts

Assignment:

You’ve seen those “Hello! My Name Is…” badges, right?

2000px-Hello_my_name_is_sticker.svg

They’re pretty generic. They use generic fonts and simple design to make them easy for anybody to recognize and use. What if we could personalize a Hello badge to fit our own personalities? Today, we’re going to use what we’ve learned about typefaces and the Principles of Design to redesign a Hello badge to reflect different aspects of our personalities. To do this, you will need to make important choices about how you arrange the page, what typefaces you would like to use, and what colors you would like to use to effectively communicate a message about who you are.

  • Create a new document in the Vectr software.
  • Use the Pages tab to set the page size to the Large Rectangle preset size (336px x 280px, landscape orientation), then click the Add Page button three times to create three additional pages, for a total of four pages.
  • Take a few minutes to think of four words that describe what you are. For example, you  might use words like “student, artist, athlete, musician, gamer, superstar, etc.”
    • This will work best if you think of your own, so try to think of four nouns that best represent you.
  • On each page, create a headline containing the words: “Hello” and “My name is”. Select a typeface and font size that makes these words easy to read, and make “Hello” slightly larger than “My name is”.
  • In a single, very large headline, type your name. Select a font that is appropriate for your name, and try to make your name fill the page without going over the pink margins.
  • Finally, near the bottom of the page, type the words “and I am a _______.” Fill in the blank with one of the four descriptive nouns that you thought up for yourself.
  • Fill in the background with a color, by creating a rectangle the size of the entire page and placing it on a layer below your main text layer. Lock this layer to protect your background.
  • Your goal with this assignment is to choose typefaces and page design elements that look appropriate for the descriptive noun that you have chosen. For example, since I’m a teacher, I used a chalkboard font called “Chalkduster”, since chalkboards are commonly associated with teaching. I also changed the background color to a chalkboard green to give the idea of a chalkboard.
mmchalkboard
  • Add any graphics or drawings that you would like to include to make your design more visually appealing. For example, I added the grey rectangle and the thin white rectangles on the bottom of the page to represent a chalkboard eraser and two pieces of chalk.
  • Repeat this process on the following three pages for the remaining three words you have chosen.
  • When you have all four pages finished, export the document as four separate .png or .jpg documents entitled “Your name – Typeface Choices” 1-4, and upload the four documents to today’s Google Classroom assignment post by the end of the day on Friday, September 11th.

Assigned: September 9th, 2020
Due Date: September 11th, 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