The Arts · Grade 9

Active learning ideas

Graphic Design: Typography and Layout

This topic thrives on hands-on practice because typography and layout rules feel abstract until students manipulate them themselves. Active learning lets students see immediate effects of design choices, building intuition for how fonts, icons, and spacing shape meaning. The activities turn theory into trial-and-error lessons students remember long after the lesson ends.

• Ontario Curriculum Expectations
• MA:Cr1.1.HSII
• MA:Pr5.1.HSII

• 25–45 min
• Pairs → Whole Class
• 4 activities

Activity 01

• Case Study Analysis
• 30 min · Pairs

Pairs: Typography Mood Match

Pairs receive images evoking emotions and sample typefaces. They match fonts to moods, justify choices in discussion, then design a quick wordmark. Share one pair example with class for vote.

How do brands use color psychology to influence consumer behavior?

Facilitation Tip

During Typography Mood Match, circulate and ask pairs to justify their pairings using descriptive words rather than vague terms like 'cool' or 'nice.'

What to look for

Present students with three different advertisements. Ask them to identify the primary typeface used in each and write one word describing the mood it conveys. Then, ask them to point out one element that creates visual hierarchy.

• Analyze
• Evaluate
• Create
• Decision-Making
• Self-Management

Activity 02

• Case Study Analysis
• 45 min · Small Groups

Small Groups: Icon Brainstorm Challenge

Groups list 10 everyday objects, then sketch simplified icons for each. Vote on clearest versions and refine one into a digital file. Present to class explaining design choices.

What makes a logo memorable and timeless?

Facilitation Tip

For the Icon Brainstorm Challenge, limit groups to three minutes per round so they focus on clarity and speed, not perfection.

What to look for

Students share a digital layout draft (e.g., a poster or social media graphic). Partners provide feedback using these prompts: 'Does the typography effectively communicate the message? Is the visual hierarchy clear? Where could more white space improve the design?'

• Analyze
• Evaluate
• Create
• Decision-Making
• Self-Management

Activity 03

• Case Study Analysis
• 25 min · Whole Class

Whole Class: Visual Hierarchy Relay

Project a messy info page on screen. Students take turns calling hierarchy fixes like font size or position changes. Class votes after each, rebuilding step by step.

Explain how visual hierarchy can be used to organize information effectively in a design.

Facilitation Tip

In the Visual Hierarchy Relay, display each student’s adjustments on the board so the class sees incremental improvements and setbacks in real time.

What to look for

Facilitate a class discussion using the question: 'How might changing the font weight or color of a single word in a headline alter the overall message or impact of a poster?' Encourage students to reference specific examples.

• Analyze
• Evaluate
• Create
• Decision-Making
• Self-Management

Activity 04

• Case Study Analysis
• 35 min · Individual

Individual: Layout Grid Poster

Students select event info and apply a 12-column grid on paper or software. Place elements by hierarchy, add color tests. Self-assess readability before submitting.

How do brands use color psychology to influence consumer behavior?

What to look for

Present students with three different advertisements. Ask them to identify the primary typeface used in each and write one word describing the mood it conveys. Then, ask them to point out one element that creates visual hierarchy.

• Analyze
• Evaluate
• Create
• Decision-Making
• Self-Management

A few notes on teaching this unit

Start with low-stakes exploration so students feel safe taking risks with fonts and layouts. Use real-world examples to show how small changes shift perception—like a bold serif for authority or a clean sans-serif for accessibility. Avoid over-teaching the rules; instead, let students discover them through guided practice and immediate feedback. Research shows that when students manipulate type and space themselves, they internalize concepts faster than through lectures alone.

By the end of these activities, students will confidently select typefaces for mood, arrange elements to guide eyes, and simplify designs without losing impact. They will explain choices using vocabulary like contrast, alignment, and white space, and critique designs with specific feedback. Success looks like students revising work based on peer input and defending their design decisions with clear reasoning.

---

Watch Out for These Misconceptions

• During Typography Mood Match, watch for students equating large font size with importance in every context.

  During Typography Mood Match, have pairs create two versions of their chosen typeface pairings: one where size alone leads the eye, and one where contrast and placement share the role. Students vote on which version feels more intentional and explain why.

• During Icon Brainstorm Challenge, watch for groups adding every possible icon to 'make the idea clear.'

  During Icon Brainstorm Challenge, require groups to cut their icon list to three essentials before sharing. Classmates identify which icons feel redundant, and groups revise based on the feedback.

• During the Visual Hierarchy Relay, watch for students believing that more colors or fonts automatically improve a design.

  During the Visual Hierarchy Relay, pause after each round to ask students to remove one unnecessary element. Peers identify how the stripped-down version communicates more effectively, reinforcing the value of restraint.

• During Layout Grid Poster, watch for students adding ornate fonts or busy backgrounds to 'make it pop.'

  During Layout Grid Poster, provide a rubric that deducts points for more than two fonts or three colors. Students defend their choices during critiques, focusing on how simplicity serves the message.

---

Methods used in this brief

• Case Study Analysis