Please watch this video lesson on type. (4:36)
Transcribed Notes:
Learning Goals
Learn to Adjust Letters: Adjust styles and weights so the physical look of a word directly reflects its actual meaning.
Master Layout Spacing and Readability: Gain control over letter-spacing and line-spacing to create clean, balanced, and highly legible text layouts.
Analyze Letters as Physical Shapes: Shift from viewing letters as standard keyboard characters to analyzing them as physical shapesbuilt from lines, angles, and negative space.
Typography is a Voice
The Concept: Typography is the visual tone of voice for your words. It’s not just what is said, but it’s how it looks when it is said.
The Goal: To match the look of the letters to the meaning of the words.
The Mission: As a designer, you don’t just write text, you stage it.
The Anatomy of a Letter
Cap height: the top of the letter
Mean Line: the height of lower case letters
Baseline: where all letters sit,
Ascenders and Descenders: parts of letters that reach up or hang down.
Serifs vs. Sans Serifs
The Concept: There are two main tribes in the worlds of type: Serif and Sans Serif
- Serif: Letters with little feet or decorative strokes at the ends. They feel traditional, authoritative, and classic.
- Sans Serif: Letters with clean, blunt ends. They feel modern and tech-oriented.
Type Families & Weights
The Concept: A font family is a group of related designs. Changing the weight changes the volume of the text.
Light/Thin: Elegant and airy Bold/Black: Important and heavy
Regular: A normal speaking voice Italic: Suggests emphasis or motion
Kerning (Letter Spacing)
The Concept: Kerning is the adjustment of space between two specific letters.
The Goal: To create equal perceived space. You want the space between all letters to feel balanced, even in the math isn’t perfect.
The Problem: Some letters (like A and V) create weird holes in a word if they aren’t tucked together.
Leading (Line Spacing)
The Concept: Leading is the vertical space between lines of test.
Tight Leading: Lines are close together, it feels intense, harder to read in big blocks.
Loose Leading: Lots of negative space between lines, it feels easy to read.
The Dot Secret: If your paragraph feels heavy, increase the ledding.
Hierarchy
The Concept: Hierarchy tells the viewer where to look first, second and last.
Hierarchy Levels:
Level 1 (The headline): Biggest, Boldest, or Brightest
Level 2 (The Subheader): Medium size, provides context.
Level 3 (Body Text): Smallest. The details.
The Dot Secret: If your paragraph feels heavy,use hierarchy to organize the information.
Legibility vs. Readability
The Concept: Legibility is being able to recognize a letter, and readability is being able to read the text.
Legibility: Can you tell the A from the O? (This is important for logos and signs.)
Readability: How easy is it to read a full page of text? (This is important for books and websites.)
The Dot Secret: Display fonts are great for headlines but terrible for body text.
Alignment
The Concept: How text sits in relation to the margins of the page. There are three different alignment options:
Flush left: The most common. Easiest for the human eye to find the start of the next line.
Centered: Feels formal and balanced, but hard to read for long paragraphs.
Flush right: Feels edgy and decorative. Use for pull-quotes or small notes.
Type as a Shape
The Concept: Analyzing letters as physical shapes built from lines, angles, and negative space.
The Technique: Instead of writing the letter, look at the negative space inside and around the letter.
The Dot Secret: If you draw the hole inside the letter correctly, the outside of the letter will often take care of itself.