Technologies · Year 8

Active learning ideas

Color Theory and Typography in UI

Active learning works for this topic because color and typography rely on visual feedback and immediate experience. Students need to see and feel the effects of their choices to understand why some designs succeed while others fail.

• ACARA Content Descriptions
• AC9TDI8P05

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

Activity 01

• Gallery Walk
• 30 min · Pairs

Color Emotion Sort: Pair Matching

Provide color swatches and emotion cards. Pairs match colors to emotions like calm or excitement, then justify choices using psychological principles. Discuss as a class and test on simple UI sketches.

Analyze how color choices can evoke specific emotions or convey meaning in an interface.

Facilitation Tip

During Color Emotion Sort, provide real-world examples like social media apps to ground abstract color meanings in concrete contexts.

What to look for

Provide students with two screenshots of the same app, one with a different color scheme and font. Ask them to write: 1) Which version do you find more appealing and why, referencing color psychology or typography principles? 2) Which version do you think is more accessible and why?

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

Activity 02

• Gallery Walk
• 45 min · Small Groups

Typography Critique Stations: Small Group Analysis

Set up stations with app screenshots. Groups assess font choices for readability and hierarchy, noting strengths and improvements. Rotate stations, then share findings in a whole-class gallery walk.

Differentiate between various font types and their appropriate uses in UI design.

Facilitation Tip

For Typography Critique Stations, rotate groups every 5 minutes so students experience multiple perspectives on the same fonts.

What to look for

Display a series of color swatches and font pairings on the board. Ask students to hold up a green card if the combination conveys 'calmness' or a red card if it conveys 'urgency'. For fonts, ask them to point to the screen if they think it's best for a headline and to their desk if it's best for body text.

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

Activity 03

• Gallery Walk
• 50 min · Individual

UI Redesign Challenge: Individual Prototyping

Students select a familiar app, redesign one screen focusing on color and typography. Use free tools like Canva. Peer review redesigned versions for emotional impact and clarity.

Critique the use of color and typography in existing digital products.

Facilitation Tip

In the UI Redesign Challenge, limit prototyping tools to basic shapes and text fields to keep focus on design principles rather than technical skills.

What to look for

In small groups, students present a simple UI mockup they've designed. Each student provides feedback on their peers' work, answering: 'What emotion does the color palette evoke for you?' and 'Is the text easy to read? If not, what specific change would improve readability?'

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

Activity 04

• Gallery Walk
• 35 min · Pairs

Contrast Testing Relay: Pairs Experiment

Pairs create text samples varying color contrasts and fonts. Test readability by having partners read from distances. Adjust based on results and record optimal combinations.

Analyze how color choices can evoke specific emotions or convey meaning in an interface.

Facilitation Tip

During Contrast Testing Relay, require pairs to explain their contrast choices aloud to reinforce evidence-based reasoning.

What to look for

Provide students with two screenshots of the same app, one with a different color scheme and font. Ask them to write: 1) Which version do you find more appealing and why, referencing color psychology or typography principles? 2) Which version do you think is more accessible and why?

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

A few notes on teaching this unit

Teachers approach this topic by modeling how to observe before designing. Start with short activities that force quick decisions, then debrief to uncover patterns. Avoid lectures on color wheels or font classifications—instead, let students discover principles through doing. Research shows that when students test designs themselves, they retain concepts better than through passive instruction.

Successful learning looks like students confidently explaining why certain colors or fonts work better for different contexts. They justify their choices with evidence from activities and peer discussions, showing they grasp both aesthetics and function.

---

Watch Out for These Misconceptions

• During Color Emotion Sort, watch for students who assume bright colors are always better.

  During Color Emotion Sort, hand them a clashing palette and ask them to rate its appeal on a scale of 1-10, then discuss how fatigue affects readability.

• During Typography Critique Stations, watch for students who treat fonts as interchangeable.

  During Typography Critique Stations, provide before-and-after examples of the same content in different fonts, asking groups to identify which improves hierarchy and why.

• During Color Emotion Sort, watch for students who dismiss color psychology as unscientific.

  During Color Emotion Sort, provide brief research snippets linking colors to emotions, then have students match claims to their sorted pairs during debrief.

---

Methods used in this brief

• Gallery Walk