Posters & Graphics
Design visually compelling posters and data-driven infographics using contrast, alignment, typography scales, and visual hierarchy.
Combine titles, images, and high-contrast backgrounds to create clear single-message posters.
Learning objective
Let's Go!
Routine: See Think Wonder
Look at these two posters. Which one is easier to read from across the room, and why?
Teacher note: Facilitate the See Think Wonder routine for 2–3 minutes. Encourage students to connect the prompt to Form (Visual messages help us share ideas and feelings clearly with others.).
Learn
A great poster shares one big idea clearly! Use a bold title that catches attention, a large main image in the middle, and high contrast between your text and background so everyone can read it easily. In computing, visual messages help us share ideas and feelings clearly with others. As you explore the interactive Drawing Layers Simulator below, focus on how to combine a bold title, focal picture, and readable background color on a digital poster.
Maintain comfortable breathing space (margins) so eye movement flows naturally across the headline.
Apply Simulator Skills • Try it yourself
🚀 Open a practice space
Identifies titles and picture elements on a poster canvas.
Places a title and picture onto a poster canvas with teacher guidance.
Combines a bold title, focal picture, and readable background color on a digital poster.
Adjusts text size and image placement to maximize visual impact and readability.
⭐ Mastering Standard
⭐ Mastering StandardWhen you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!
Reflect
Learning check
Routine: See Think Wonder
Teacher notes: Facilitate the See Think Wonder routine for 2–3 minutes. Encourage students to connect the prompt to Form (Visual messages help us share ideas and feelings clearly with others.).
Curriculum strand: Creation & Media
Outcome: PI.01.B.1.1 — Combine titles, images, and high-contrast backgrounds to create clear single-message posters.
PYP: Form · Visual messages help us share ideas and feelings clearly with others.
Learner profile: Inquirer
Accessibility alternative: Students may verbally explain or point to the correct answer for "Which background color makes dark blue text easiest to read?" with a teacher or teaching assistant.
Teacher override: allow
Locked level
Complete the previous learning check to unlock this next level.
Arrange visual poster elements along grid lines and incorporate decorative icon badges.
Learning objective
Let's Go!
Routine: Zoom In
Zoom in on these icon badges. Where should we place them on a poster so they do not block the text?
Teacher note: Facilitate the Zoom In routine for 2–3 minutes. Encourage students to connect the prompt to Function (Arranging graphics and symbols helps structure visual communication.).
Learn
Grid alignment keeps your poster looking organized! Align text boxes and graphics along invisible grid lines, leave breathing room (margins) around edges, and use icon badges to highlight key information. In computing, arranging graphics and symbols helps structure visual communication. As you explore the interactive Formatting Toolbar Simulator below, focus on how to arranges titles, images, and icon badges neatly along alignment grid lines.
Apply Simulator Skills • Try it yourself
🚀 Open a practice space
Places badges and graphics randomly on a poster canvas.
Aligns text blocks to page borders with assistance.
Arranges titles, images, and icon badges neatly along alignment grid lines.
Uses symmetry and consistent margins to balance complex poster layouts.
⭐ Mastering Standard⭐ Mastering StandardWhen you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!
Reflect
Learning check
Routine: Zoom In
Teacher notes: Facilitate the Zoom In routine for 2–3 minutes. Encourage students to connect the prompt to Function (Arranging graphics and symbols helps structure visual communication.).
Curriculum strand: Creation & Media
Outcome: PI.02.B.1.2 — Arrange visual poster elements along grid lines and incorporate decorative icon badges.
PYP: Function · Arranging graphics and symbols helps structure visual communication.
Learner profile: Communicator
Accessibility alternative: Students may verbally explain or point to the correct answer for "What happens when you place graphics right up against the canvas edge?" with a teacher or teaching assistant.
Teacher override: allow
Locked level
Complete the previous learning check to unlock this next level.
Convert numerical survey data into visual icon callouts and simple pictograms.
Learning objective
Let's Go!
Routine: Think Pair Share
Which tells a faster story: reading '80% of trees are oak' or seeing 8 tree icons out of 10 colored green?
Teacher note: Facilitate the Think Pair Share routine for 2–3 minutes. Encourage students to connect the prompt to Change (Visual graphics help us turn numbers into easy-to-understand stories.).
Learn
Infographics transform numbers into visual stories! Use big bold number callouts (e.g. 75%) and repeated icon arrays (pictograms) so readers can understand data instantly without reading long paragraphs. In computing, visual graphics help us turn numbers into easy-to-understand stories. As you explore the interactive Spreadsheet Simulator below, focus on how to converts numerical survey data into visual icon callouts and simple pictograms.
| A | B | C | |
|---|---|---|---|
| 1 | Item | Amount | |
| 2 | Apples | 5 | |
| 3 | Bananas | 3 | |
| 4 | Carrots | 2 | |
| 5 | Total |
Apply Simulator Skills • Try it yourself
🚀 Open a practice space
Reads numbers written in plain text on a poster.
Replaces individual words with icons in a sentence.
Converts numerical survey data into visual icon callouts and simple pictograms.
Selects optimal icon representations and scales for multi-category datasets.
⭐ Mastering Standard⭐ Mastering StandardWhen you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!
Reflect
Learning check
Routine: Think Pair Share
Teacher notes: Facilitate the Think Pair Share routine for 2–3 minutes. Encourage students to connect the prompt to Change (Visual graphics help us turn numbers into easy-to-understand stories.).
Curriculum strand: Creation & Media
Outcome: PI.03.B.1.3 — Convert numerical survey data into visual icon callouts and simple pictograms.
PYP: Change · Visual graphics help us turn numbers into easy-to-understand stories.
Learner profile: Thinker
Accessibility alternative: Students may verbally explain or point to the correct answer for "What is a pictogram?" with a teacher or teaching assistant.
Teacher override: allow
Locked level
Complete the previous learning check to unlock this next level.
Apply a 3-level typography hierarchy and strategic layout pathways to guide the reader's eye.
Learning objective
Let's Go!
Routine: See Think Wonder
Where does your eye look first when opening this poster?
What made you look there first?
Teacher note: Facilitate the See Think Wonder routine for 2–3 minutes. Encourage students to connect the prompt to Connection (Visual structure directs how audiences navigate complex information.).
Learn
Visual hierarchy controls reading order! Use Level 1 (huge bold title), Level 2 (medium subheadings for sections), and Level 3 (clean body text). Arrange elements in an 'F' or 'Z' layout pattern following natural eye movement. In computing, visual structure directs how audiences navigate complex information. As you explore the interactive Diagram Builder Simulator below, focus on how to apply a consistent 3-level typography hierarchy and structures content along natural reading pathways.
Apply Simulator Skills • Try it yourself
🚀 Open a practice space
Uses the same font size for all text elements on a poster.
Makes the main title larger than body text.
Applies a consistent 3-level typography hierarchy and structures content along natural reading pathways.
Combines font weight, contrast, and spatial scaling to create intuitive visual pathways.
⭐ Mastering Standard⭐ Mastering StandardWhen you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!
Reflect
Learning check
Routine: See Think Wonder
Teacher notes: Facilitate the See Think Wonder routine for 2–3 minutes. Encourage students to connect the prompt to Connection (Visual structure directs how audiences navigate complex information.).
Curriculum strand: Creation & Media
Outcome: PI.04.B.1.4 — Apply a 3-level typography hierarchy and strategic layout pathways to guide the reader's eye.
PYP: Connection · Visual structure directs how audiences navigate complex information.
Learner profile: Principled
Accessibility alternative: Students may verbally explain or point to the correct answer for "In a 3-level typography scale, which element should have the largest font size?" with a teacher or teaching assistant.
Teacher override: allow
Locked level
Complete the previous learning check to unlock this next level.
Design multi-section vertical infographics integrating charts, flow diagrams, and source citations.
Learning objective
Let's Go!
Routine: 3-2-1 Bridge
Name 3 facts, 2 charts, and 1 question raised by this environmental infographic.
Teacher note: Facilitate the 3-2-1 Bridge routine for 2–3 minutes. Encourage students to connect the prompt to Perspective (Synthesizing diverse data into structured sections deepens public understanding of global issues.).
Learn
Multi-section infographics organize complex research! Divide your canvas into logical rows or columns (e.g., Problem, Data Analysis, Solution). Use consistent color palettes, integrate clear charts, and cite your data sources at the bottom. In computing, synthesizing diverse data into structured sections deepens public understanding of global issues. As you explore the interactive Presentation Simulator below, focus on how to synthesizes research into a 3-section vertical infographic featuring charts, process diagrams, and source citations.
Apply Simulator Skills • Try it yourself
🚀 Open a practice space
Pastes multiple charts onto a page without section dividers.
Divides a poster into sections using colored lines.
Synthesizes research into a 3-section vertical infographic featuring charts, process diagrams, and source citations.
Creates unified color themes and seamless visual transitions across multi-topic data blocks.
⭐ Mastering Standard⭐ Mastering StandardWhen you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!
Reflect
Learning check
Routine: 3-2-1 Bridge
Teacher notes: Facilitate the 3-2-1 Bridge routine for 2–3 minutes. Encourage students to connect the prompt to Perspective (Synthesizing diverse data into structured sections deepens public understanding of global issues.).
Curriculum strand: Creation & Media
Outcome: PI.05.B.1.5 — Design multi-section vertical infographics integrating charts, flow diagrams, and source citations.
PYP: Perspective · Synthesizing diverse data into structured sections deepens public understanding of global issues.
Learner profile: Knowledgeable
Accessibility alternative: Students may verbally explain or point to the correct answer for "Where should source citations be placed on a formal infographic?" with a teacher or teaching assistant.
Teacher override: allow
Locked level
Complete the previous learning check to unlock this next level.
Create interactive web infographics with clickable hotspots and export scalable high-res vector graphics.
Learning objective
Let's Go!
Routine: Circle of Viewpoints
From a user's perspective, how does clicking a hotspot on a map differ from reading a static print poster?
Teacher note: Facilitate the Circle of Viewpoints routine for 2–3 minutes. Encourage students to connect the prompt to Reflection (Interactive media empowers audiences to explore complex systems at their own pace.).
Learn
Interactive infographics let readers explore data dynamically! Add clickable hotspots that reveal popup info cards or video clips. When publishing static versions, export as high-res PNG or vector PDF to maintain crisp text. In computing, interactive media empowers audiences to explore complex systems at their own pace. As you explore the interactive Save Dialog Simulator below, focus on how to build an interactive web infographic with clickable hotspots, popup data cards, and scalable vector export.
Apply Simulator Skills • Try it yourself
🚀 Open a practice space
Saves an infographic as a low-resolution screenshot.
Adds hyperlinked text to a poster.
Builds an interactive web infographic with clickable hotspots, popup data cards, and scalable vector export.
Evaluates user interaction metrics and accessibility standards for published interactive graphics.
⭐ Mastering Standard⭐ Mastering StandardWhen you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!
Reflect
Learning check
Routine: Circle of Viewpoints
Teacher notes: Facilitate the Circle of Viewpoints routine for 2–3 minutes. Encourage students to connect the prompt to Reflection (Interactive media empowers audiences to explore complex systems at their own pace.).
Curriculum strand: Creation & Media
Outcome: PI.06.B.1.6 — Create interactive web infographics with clickable hotspots and export scalable high-res vector graphics.
PYP: Reflection · Interactive media empowers audiences to explore complex systems at their own pace.
Learner profile: Reflective
Accessibility alternative: Students may verbally explain or point to the correct answer for "What does an interactive hotspot do on a digital infographic?" with a teacher or teaching assistant.
Teacher override: allow
"Great explanation! Suggest adding a bulleted list of astronaut equipment here for clarity."