Art · Secondary 1

Active learning ideas

Typography and Visual Hierarchy

Active learning works well for typography and visual hierarchy because students need to see, feel, and manipulate fonts and layouts to truly understand their impact. Watching peers react to their design choices helps students grasp how subtle changes in type affect perception.

• MOE Syllabus Outcomes
• MOE: Digital Media and Design - S1
• MOE: Visual Communication - S1

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

Activity 01

• Inside-Outside Circle
• 30 min · Pairs

Pairs: Font Emotion Match

Pairs list five emotions or brands, then select typefaces from a digital library to match each. They justify choices based on shape, weight, and style. Pairs swap boards for peer critique on effectiveness.

How does a specific typeface influence the way we perceive and interpret a written message?

Facilitation Tip

During Font Emotion Match, circulate and ask pairs to justify their font choices using specific terms like ‘bold,’ ‘italic,’ or ‘uppercase.’

What to look for

Present students with two versions of the same short text (e.g., a movie poster tagline). Ask them to identify which version uses typography more effectively to convey excitement and explain why, referencing specific font characteristics.

• Remember
• Understand
• Apply
• Relationship Skills
• Self-Management

Activity 02

• Inside-Outside Circle
• 40 min · Small Groups

Small Groups: Poster Redesign Relay

Groups receive a cluttered poster printout. Each member redesigns one element (size, color, or placement) in 5 minutes, passing to the next. Discuss final hierarchy improvements as a group.

What artistic elements create visual hierarchy and guide the viewer's eye in a poster design?

Facilitation Tip

For Poster Redesign Relay, provide clear examples of effective and ineffective hierarchies to keep groups on track.

What to look for

Students bring in a poster they designed. In pairs, they point out the element they believe is most dominant and the element they think is least dominant. They then discuss if the hierarchy effectively guides the eye to the intended message.

• Remember
• Understand
• Apply
• Relationship Skills
• Self-Management

Activity 03

• Inside-Outside Circle
• 35 min · Whole Class

Whole Class: Hierarchy Scavenger Hunt

Project real posters or ads. Class identifies hierarchy elements together, votes on most effective examples. Students note patterns in a shared digital board for reference.

Explain how designers use size, color, and placement to prioritize information and create impact.

Facilitation Tip

In Hierarchy Scavenger Hunt, encourage students to sketch their observations directly on the posters to make their thinking visible.

What to look for

Ask students to write down one way they can use font size to create visual hierarchy in a design and one way they can use color to achieve the same goal.

• Remember
• Understand
• Apply
• Relationship Skills
• Self-Management

Activity 04

• Inside-Outside Circle
• 45 min · Individual

Individual: Digital Poster Prototype

Students use free tools like Canva to build a poster promoting a school event. Apply three hierarchy rules: scale for title, color contrast for calls to action, spacing for flow. Self-assess against rubric.

How does a specific typeface influence the way we perceive and interpret a written message?

Facilitation Tip

When students create Digital Poster Prototypes, remind them to test their designs by squinting to check contrast and emphasis.

What to look for

Present students with two versions of the same short text (e.g., a movie poster tagline). Ask them to identify which version uses typography more effectively to convey excitement and explain why, referencing specific font characteristics.

• Remember
• Understand
• Apply
• Relationship Skills
• Self-Management

A few notes on teaching this unit

Teach this topic through iterative practice and critique, not just explanation. Start with hands-on matching to build intuition, then layer in group analysis to refine their understanding. Avoid overwhelming students with too many font options at once focus on a few strong contrasts first.

Successful learning shows when students can explain why certain fonts or layouts work for a message and adjust their own designs to guide the viewer’s eye. They should demonstrate this in both discussions and their final poster prototypes.

---

Watch Out for These Misconceptions

• During Font Emotion Match, watch for students assuming any font can fit any message.

  Have pairs present why their chosen font pairings work for specific emotions, using terms like ‘playful,’ ‘formal,’ or ‘energetic.’ Guide them to compare their selections to others in the class.

• During Poster Redesign Relay, watch for students equating large size with hierarchy.

  Ask groups to explain how they balanced size with contrast, such as using bold weight or color to create emphasis without overshadowing other elements.

• During Hierarchy Scavenger Hunt, watch for students treating color as purely decorative.

  Have students trace the eye path on each poster they analyze, marking how color guides attention before and after each swap.

---

Methods used in this brief

• Inside-Outside Circle