Tag Archives: Typography

Computer Graphic Design

Type Week: Typeface Anatomy

Objective:

Use web resources to define and explain Typeface Anatomy, and to identify the different parts of a typeface character.

Student Friendly Objective:

I can use the Internet to find out more about the different parts of type and what these parts are named.

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 your Text Week document in Illustrator and go to the second artboard.
  2. For each of the thirteen vocabulary terms:
    1. Create a headline in Point Type with the vocabulary word itself
    2. Use Area Type to write the definition of the vocabulary word. Use complete sentences, and you may copy and paste definitions (Just make sure you are copying the correct definition!).
    3. Use Point Type 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. Use a red-colored stroke on your lines and shapes to show the part of the letter the vocabulary word is describing.
  1. You should have a headline, a definition and a graphic for each of the following terms:
    • Uppercase
    • Lowercase
    • Small Caps
    • Baseline
    • X-height
    • Ascender
    • Descender
    • Serif
    • Terminal
    • Stem
    • Crossbar
    • Bowl
    • Counter
    • Shoulder
    • Ligature
  2. If you run out of room on your second artboard, you may use your third artboard, but do not use more than two artboards for this assignment. Save your document. We will continue to work with this document this week.

Assigned: March 21st, 2019

Teacher Pacing Due Date: March 22nd, 2019

Computer Graphic Design

Intro to Typography – Typeface Choices 2018 (I am a…)

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:
 
None.
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.

  1. Create a new InDesign document with the default size, but  use landscape orientation.
  2. Use the Pages palette to create three additional pages, for a total of four pages.
  3. Take a few minutes to think of four words that describe what you are. For example, you  might use words like “student, teenager, 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.
  4. 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”.
  5. 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.
  6. 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.
  7. 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.
  8. 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.
  9. mmchalkboard
  10. 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.
  11. Repeat this process on the following three pages for the remaining three words you have chosen.
  12. When you have all four pages finished, save the document as “Your name – Typeface Choices” and upload the document to today’s assignment post in Google Classroom by the end of the day on Thursday, October 4th.

Assigned: October 1st, 2018
Due Date: October 4th, 2018