Art · Secondary 1

Active learning ideas

Vector Graphics vs. Raster Graphics

Active learning works for this topic because students need to see and experience the differences between vector and raster graphics firsthand. By manipulating real design files, they notice how each format behaves at different scales, which helps them remember the concepts better than passive explanations would.

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

• 20–45 min
• Pairs → Whole Class
• 3 activities

Activity 01

• Think-Pair-Share
• 20 min · Pairs

Think-Pair-Share: The Font's Voice

Show the same word (e.g., 'DANGER') in five different fonts (e.g., a curly script, a bold sans-serif, a jagged hand-drawn font). Students discuss in pairs which font 'sounds' the loudest and why, before sharing with the class.

Differentiate between vector and raster graphics in terms of their creation and scalability.

Facilitation Tip

During Think-Pair-Share, provide three fonts that look similar but have different readability, so students focus on actual legibility rather than personal preference.

What to look for

Present students with two images: a logo and a photograph. Ask them to write down which image they believe is vector and which is raster, and to provide one reason for their choice based on visual characteristics.

• Understand
• Apply
• Analyze
• Self-Awareness
• Relationship Skills

Activity 02

• Inquiry Circle
• 45 min · Small Groups

Inquiry Circle: The Poster Remix

In small groups, students are given the same set of elements (a title, a date, an image, and a logo). They must create three different layouts that prioritize a different element each time and explain how they used 'visual weight' to do so.

Analyze scenarios where vector graphics are more suitable than raster graphics, and vice versa.

Facilitation Tip

For The Poster Remix, give students both vector and raster versions of the same elements so they can directly compare how each holds up when resized.

What to look for

On an index card, have students write down one scenario where a vector graphic would be the better choice and one scenario where a raster graphic would be preferred. They should briefly explain why for each.

• Analyze
• Evaluate
• Create
• Self-Management
• Self-Awareness

Activity 03

• Gallery Walk
• 25 min · Whole Class

Gallery Walk: The Eye-Tracker Test

Students display their poster designs. Peers walk around and use a 'laser pointer' (or just their finger) to show the path their eye took through the design. This provides immediate feedback on whether the visual hierarchy was successful.

Predict the visual outcome of scaling a raster image versus a vector image to a much larger size.

Facilitation Tip

During The Eye-Tracker Test, assign specific roles to students (e.g., observer, recorder) to ensure accountability and focused feedback during the gallery walk.

What to look for

Pose the question: 'Imagine you are designing a poster for a school event. You have a photo of the band and the event logo. Which graphic type would you use for the photo, and which for the logo? Explain your reasoning, considering how the poster might be printed in different sizes.'

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

A few notes on teaching this unit

Experienced teachers approach this topic by starting with a quick, hands-on demo that shows the same design in both formats side by side. They avoid overloading students with technical details upfront and instead focus on observable differences. Research suggests that students retain this best when they create their own examples and see the immediate consequences of their choices.

Successful learning looks like students confidently explaining the differences between vector and raster graphics, justifying their choices with specific reasons about quality, scalability, and file size. They should also apply this knowledge when selecting formats for real design tasks.

---

Watch Out for These Misconceptions

• During Think-Pair-Share: The Font's Voice, watch for students who dismiss fonts as unimportant or choose based on personal taste alone.

  Use a readability test where students step back from their screens to read text from across the room, then ask them to revise their font choices based on clarity rather than style.

• During Collaborative Investigation: The Poster Remix, watch for students who resize images without considering how it affects quality.

  Ask students to test their resized elements by zooming to 200% and checking for pixelation or blurriness before finalizing their designs.

---

Methods used in this brief

• Think-Pair-Share
• Inquiry Circle
• Gallery Walk