Technologies · Year 9

Active learning ideas

Visual Design Principles

Active learning lets students see visual design principles in action, not just hear about them. By manipulating colors, fonts, and layouts themselves, students build intuitive understanding of how these elements shape user experience. This hands-on approach builds confidence and skills they can transfer to real design tasks.

• ACARA Content Descriptions
• AC9DT10P06

• 35–50 min
• Pairs → Whole Class
• 4 activities

Activity 01

• Gallery Walk
• 35 min · Pairs

Pairs: Color Harmony Challenges

Pairs receive a base color and select complementary schemes from palettes, justifying choices with psychology notes. They apply schemes to simple app screens and swap with another pair for feedback on mood impact. Final step: vote on most effective via class poll.

Analyze how color psychology influences user perception in UI design.

Facilitation Tip

During Color Harmony Challenges, circulate with colored cards to help pairs physically test contrast and harmony before committing to digital choices.

What to look for

Provide students with a screenshot of a website or app. Ask them to identify one example of effective use of color theory and one example of effective typography, explaining their reasoning in 1-2 sentences each.

• Understand
• Apply
• Analyze
• Create
• Relationship Skills
• Social Awareness

Activity 02

• Gallery Walk
• 45 min · Small Groups

Small Groups: Typography Relay

Groups divide roles: one researches font pairs, another tests readability on mock text, third applies to headlines. Rotate roles every 5 minutes, then present best examples to class for hierarchy evaluation. Compile group favorites into shared resource.

Differentiate between effective and ineffective use of typography in digital interfaces.

Facilitation Tip

For Typography Relay, provide printed font samples so students can feel the impact of kerning and weight before moving to digital tools.

What to look for

Students share their draft visual style guides. Peers provide feedback using a checklist: Is the color palette clearly defined? Are font choices appropriate for the application type? Is imagery guidance specific? Peers offer one suggestion for improvement.

• Understand
• Apply
• Analyze
• Create
• Relationship Skills
• Social Awareness

Activity 03

• Gallery Walk
• 40 min · Whole Class

Whole Class: Layout Critique Walk

Display 10 interface examples (effective and poor) around room. Students walk in pairs, noting grid use, whitespace, and alignment on sticky notes. Regroup to discuss patterns and redesign one poor example collectively on shared digital board.

Design a visual style guide for a simple application.

Facilitation Tip

In Layout Critique Walk, assign each student a specific design element to focus on so every pair of eyes contributes meaningfully to the discussion.

What to look for

Present students with two versions of a simple interface layout, one with poor whitespace usage and another with effective whitespace. Ask students to vote for the more effective design and briefly explain why, focusing on readability and visual clarity.

• Understand
• Apply
• Analyze
• Create
• Relationship Skills
• Social Awareness

Activity 04

• Gallery Walk
• 50 min · Individual

Individual: Imagery Mood Boards

Students select 5 images for a app theme, explain relevance and composition. Assemble into digital mood board using free tools. Peer review follows, focusing on how imagery supports overall design principles.

Analyze how color psychology influences user perception in UI design.

Facilitation Tip

For Imagery Mood Boards, give students a 10-minute timer for each image selection to prevent overthinking and encourage instinctive choices.

What to look for

Provide students with a screenshot of a website or app. Ask them to identify one example of effective use of color theory and one example of effective typography, explaining their reasoning in 1-2 sentences each.

• Understand
• Apply
• Analyze
• Create
• Relationship Skills
• Social Awareness

A few notes on teaching this unit

Teach these principles through cycles of action, reflection, and revision. Avoid front-loading too much theory; instead, let students discover rules through guided experiments. Research shows that students retain design concepts better when they see immediate results of their adjustments. Emphasize that design is iterative—first attempts will likely need revision, and that’s part of the learning process.

Students will demonstrate understanding by applying principles to their own designs and critiquing others’ work. They will explain choices using specific terminology and justify decisions with user-centered reasoning. By the end, they should confidently analyze and revise visual elements for effectiveness.

---

Watch Out for These Misconceptions

• During Color Harmony Challenges, watch for students assuming bright colors always work best in interfaces.

  Have pairs test their color choices against a neutral background and a busy digital mockup. Ask them to consider contrast ratios and user fatigue before finalizing selections.

• During Typography Relay, listen for students praising unusual or decorative fonts as the most professional choice.

  Direct students to swap fonts in their relay samples and time how long it takes to read each version. Use this data to discuss why readability matters more than decorative appeal.

• During Layout Critique Walk, notice students praising layouts with many elements as "more dynamic."

  Provide overlays of grids and whitespace guides during the walk. Ask students to count focal points and measure negative space in each design to build intuition about balance.

---

Methods used in this brief

• Gallery Walk