The Arts · Grade 10

Active learning ideas

Graphic Design Principles: Typography and Layout

Active learning works for typography and layout because students need to see and feel the impact of their design choices. Adjusting spacing or realigning elements is more effective when students manipulate materials in real time rather than discuss them abstractly.

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

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

Activity 01

• Project-Based Learning
• 25 min · Pairs

Pairs: Typeface Swap Critique

Students create a draft poster headline in their chosen typeface. They swap with a partner, who suggests alternatives and explains impact on tone. Pairs revise and compare before-and-after versions.

How does the choice of typeface influence the message of a design?

Facilitation Tip

With the Logo Iteration Challenge, encourage students to set a 10-minute timer for each revision to prevent overworking one idea.

What to look for

Present students with two versions of the same poster, one with poor typography and layout, the other well-executed. Ask them to write down three specific differences they observe and explain how each difference impacts the poster's message or readability.

• Apply
• Analyze
• Evaluate
• Create
• Self-Management
• Relationship Skills
• Decision-Making

Activity 02

• Project-Based Learning
• 45 min · Small Groups

Small Groups: Grid Layout Stations

Set up stations with grid templates for posters: one for alignment practice, one for hierarchy ranking, one for white space experiments. Groups rotate every 10 minutes, documenting choices and rationale.

Analyze how visual hierarchy guides the viewer's eye through a poster.

What to look for

Students bring a draft of a simple poster design (e.g., for a school event). In small groups, they present their designs. Each student provides feedback on two specific elements: 'One thing I like about your typeface choice is...' and 'One suggestion for improving the layout to create better visual hierarchy is...'

• Apply
• Analyze
• Evaluate
• Create
• Self-Management
• Relationship Skills
• Decision-Making

Activity 03

• Project-Based Learning
• 35 min · Whole Class

Whole Class: Hierarchy Eye-Tracking Demo

Project sample posters; class uses lasers or fingers to trace eye paths aloud. Discuss adjustments, then students apply to personal sketches in a guided redesign.

Design a logo that effectively communicates a brand's identity using minimal elements.

What to look for

On an index card, students write: 1. One typeface they used in class today and the mood it conveyed. 2. One layout principle they found most challenging to apply and why.

• Apply
• Analyze
• Evaluate
• Create
• Self-Management
• Relationship Skills
• Decision-Making

Activity 04

• Project-Based Learning
• 40 min · Individual

Individual: Logo Iteration Challenge

Provide a basic logo brief; students sketch three versions varying typography and layout. Select one for digital refinement based on self-critique checklist.

How does the choice of typeface influence the message of a design?

What to look for

Present students with two versions of the same poster, one with poor typography and layout, the other well-executed. Ask them to write down three specific differences they observe and explain how each difference impacts the poster's message or readability.

• Apply
• Analyze
• Evaluate
• Create
• Self-Management
• Relationship Skills
• Decision-Making

A few notes on teaching this unit

Start with concrete examples students can touch and move, like printed type samples or magnetic grid boards. Avoid overwhelming beginners with too many typeface options; limit the initial palette to serif, sans-serif, and one decorative family. Research shows that guided practice with immediate feedback leads to stronger retention than lectures alone.

Successful learning is visible when students explain their design decisions with confidence and connect principles like kerning or grid alignment to the clarity of their message. Peer critiques and teacher observations reveal whether students can distinguish between effective and ineffective choices.

---

Watch Out for These Misconceptions

• During Hierarchy Eye-Tracking Demo, watch for students who think layout is purely aesthetic and not functional.

  Use a printed poster with weak hierarchy and have students use a ruler to measure the distance between each element. Ask them to rearrange elements so viewers’ eyes naturally move from headline to subheading to body text, then compare their revised distances.

---

Methods used in this brief

• Project-Based Learning