Grade 9 โ€ข Unit 2: Understanding Digital Images โ€ข Lesson 10 of 32 โ€ข 2 Days

Typography & Color Basics

๐Ÿ—“๏ธ Before Class: Teacher Prep

๐Ÿ–จ๏ธ Student Handouts (print, one per class day)

Word + picture + definition + a short writing task for that day's vocabulary, in English, Spanish, French, Arabic, and Simplified Chinese.

๐Ÿ–ฅ๏ธ Slide Deck (project or share with students)

Short, on-the-board pacing slides for today's Do Now, agenda, vocabulary, and exit ticket -- the full detail lives in the handout above, not here.

๐Ÿง‘โ€๐Ÿซ Substitute Teacher Guide

A scripted, step-by-step runsheet for today's class -- hand this to anyone covering the room who doesn't know the daily routine.

๐ŸŽฏ Essential Question

๐Ÿ“ˆ Learning Objectives

By the end of this lesson (2 Days), students will be able to:

  1. Define typeface, font, kerning, and leading.
  2. Explain why designers avoid low-contrast type and certain "unprofessional" fonts.
  3. Build a simple analog color wheel and identify warm, cool, and complementary colors.

๐Ÿ“ Standards Alignment

CDOS (Career Development & Occupational Studies)

ACP (Adobe Certified Professional) Photoshop Exam Objectives

๐Ÿ“š Key Vocabulary

Typeface / Font
A typeface is a family of letter designs (like Helvetica); a font is a specific style/weight/size within that family.
Kerning
The spacing adjustment between individual letters.
Leading
The vertical spacing between lines of text.
Serif / Sans-Serif
Serif fonts have small decorative strokes at the ends of letters; sans-serif fonts do not.
Complementary Colors
Colors opposite each other on the color wheel that create strong contrast when paired.
Analogous Colors
A group of 3 colors sitting next to each other on the color wheel -- naturally harmonious together.
Monochromatic
A color scheme built from a single color, varied only by tint (adding white) or tone (adding gray/black).
Tertiary Colors
A color made by mixing a primary color with a neighboring secondary color (e.g. red-orange).

๐Ÿงฐ Materials & Tools

๐Ÿง  Do Now (Warm-Up)

What do you already know about fonts or lettering? Have you ever picked a font for a project before?

๐Ÿ“‹ Main Workshop / Lesson Sequence

This lesson spans 2 Days. Suggested pacing:

DayFocusPlan
Day 1Typography BasicsDo Now + discussion (5 min). Mini-lesson (15 min): typeface vs. font, kerning, leading, serif vs. sans-serif -- with printed good/bad readability examples. Rule to remember: type exists to be read, not just to look fancy (never sacrifice legibility for style). Hand-lettering practice (15 min): write your name or a short word in 2 very different letter styles. Share + quick vocab check (10 min).
Day 2Color BasicsDo Now (5 min): what's the difference between a typeface and a font? Mini-lesson (12 min): color basics -- warm vs. cool, complementary pairs, and why color is often a design's first impression. Color wheel activity (20 min): color in a blank color wheel template and label warm/cool/complementary pairs. Exit ticket (8 min).

โœ… Assessment & Exit Ticket

Color wheel and hand-lettering samples collected; a 3-question check on typography vocabulary.

Exit Ticket: Name one "rule" about type or color from today, and explain what could go wrong if a designer ignores it.

๐Ÿ“Š Pull up the anonymous Class Check-In for students to fill out before they go.

๐Ÿงฉ Differentiation & Accommodations

English Language Learners: provide translated or bilingual glossaries, visuals, and sentence frames; pair with a peer for meaningful participation. Students with IEPs: provide extended time, step-by-step checklists, and one-on-one or small-group support as specified in each student's plan. Attention-related needs: break the task into smaller steps, use visual timers, and minimize distractions. Students who finish early: extend the task by adding a second design variation, mentoring a classmate, or writing a short reflection connecting today's skill to a career pathway.

๐Ÿ”— Resources & References