Visual & Performing Arts · 6th Grade

Active learning ideas

Graphic Design: Layout and Hierarchy

Active learning works for layout and hierarchy because these principles are spatial and visual. Students need to physically manipulate elements to internalize how alignment, contrast, and negative space shape communication. Passive observation won’t reveal the frustration of a confusing layout or the clarity of a well-ordered one.

• Common Core State Standards
• NCAS: Creating MA.Cr1.1.6
• NCAS: Connecting MA.Cn10.1.6

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

Activity 01

• Think-Pair-Share
• 20 min · Pairs

Think-Pair-Share: Hierarchy Reading

Show a well-designed poster and a poorly designed one side by side. Students write in what order their eye moved through each, then pair to compare their reading paths, then discuss as a class what design choices determined the order.

In what ways do logos use 'negative space' to hide secondary meanings?

Facilitation Tip

During the Think-Pair-Share, provide a single slide with three headlines of varying sizes and colors to anchor the discussion and prevent students from inventing hypotheticals.

What to look for

Present students with two versions of the same simple advertisement, one with poor layout and one with good layout. Ask students to write down two specific reasons why one is more effective than the other, focusing on how their eye moves through the information.

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

Activity 02

• Gallery Walk
• 20 min · Whole Class

Gallery Walk: Negative Space Hunt

Post eight logos known to contain hidden shapes in their negative space, without telling students what to look for. Students circulate and try to find the secondary image in each logo's negative space, then the class debriefs the design intention behind each hidden element.

How can visual hierarchy guide a viewer's eye to the most important information first?

Facilitation Tip

For the Negative Space Hunt, project a single image at a time to slow observation and prevent students from rushing through multiple screens.

What to look for

Have students exchange their draft posters. Instruct them to answer these questions: 'What is the most important piece of information? Is it the first thing you see? Why or why not? Is there too much or too little empty space around the main elements?'

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

Activity 03

• Project-Based Learning
• 35 min · Small Groups

Layout Redesign Challenge

Provide students with the same set of text blocks and images from a hypothetical poster. They arrange the elements three times with different hierarchy goals: most important is the title, most important is the image, and equal weight to all elements. Groups compare and discuss what changed in each version.

Design a simple poster, justifying your layout choices to achieve clear communication.

Facilitation Tip

In the Layout Redesign Challenge, give each student a 4x6 inch index card with a printed messy layout so they can physically cut and rearrange elements without software barriers.

What to look for

On an index card, have students draw a simple example of a logo that uses negative space effectively. Below the drawing, they should write one sentence explaining what the secondary meaning is.

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

Activity 04

• Project-Based Learning
• 50 min · Individual

Poster Design Project

Students design a poster for a real school event using principles of alignment, contrast, proximity, and visual hierarchy. They annotate their final design identifying where each principle appears and explaining at least one specific layout choice.

In what ways do logos use 'negative space' to hide secondary meanings?

Facilitation Tip

During the Poster Design Project, require students to submit a thumbnail sketch with labeled hierarchy tools before they touch any digital tools to reinforce planning over execution.

What to look for

Present students with two versions of the same simple advertisement, one with poor layout and one with good layout. Ask students to write down two specific reasons why one is more effective than the other, focusing on how their eye moves through the information.

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

A few notes on teaching this unit

Teach this topic by slowing down the design process. Ask students to verbalize their eye movement before they defend their choices, so intuition becomes conscious strategy. Avoid letting students rely on software shortcuts; insist on quick sketches and physical mockups first. Research shows that quick, low-stakes practice with tangible materials builds stronger spatial reasoning than polished digital attempts early on.

Successful learning looks like students articulating why a layout guides the eye, identifying hierarchy tools in real designs, and applying those tools to their own work. They should move from noticing principles to using them intentionally.

---

Watch Out for These Misconceptions

• During the Gallery Walk: Negative Space Hunt, watch for students dismissing empty areas as 'just blank space.'

  Use the hunt to point out how negative space frames the main elements and creates secondary meanings, such as the arrow in the FedEx logo or the bear in the WWF panda.

• During the Layout Redesign Challenge, watch for students assuming the largest element is automatically the most important.

  Have them physically shrink the largest element and add contrast or isolation to a smaller element to demonstrate that size is only one tool among many.

• During the Poster Design Project, watch for students believing expensive software is required to apply these principles.

  Ask them to plan their poster with pencil and paper first, using grid lines and cut-and-paste mockups to prove the principles work without technology.

---

Methods used in this brief

• Think-Pair-Share
• Gallery Walk
• Project-Based Learning