Learning objective
Posters & Graphics
Posters & Infographics
1
2
3
4
5
6
Design visually compelling posters and data-driven infographics using contrast, alignment, typography scales, and visual hierarchy.
Simple Posters
Combine titles, images, and high-contrast backgrounds to create clear single-message posters.
Let's Go!
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.
Layers Palette
5 Layersโ ฟForeground Camp
โ ฟMountain Range
โ ฟPassing Clouds
โ ฟSun
โ ฟSky Background
Try it yourself
Create a Class Rules Poster
๐ Open a practice space
๐ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)
๐ฏ Task Success Criteria (Rubric)
Foundation
Identifies titles and picture elements on a poster canvas.
Developing
Places a title and picture onto a poster canvas with teacher guidance.
Secure (Goal)
Combines a bold title, focal picture, and readable background color on a digital poster.
Mastery
Adjusts text size and image placement to maximize visual impact and readability.
๐ What A Good One Looks Like (WAGOLL)
Exemplar Standard
A top-tier student project for Simple Posters includes:
- Core Deliverable: Create a Class Rules Poster
- Target Quality: Combines a bold title, focal picture, and readable background color on a digital poster.
- Excellence & Polish: Adjusts text size and image placement to maximize visual impact and readability.
๐
Save to Your Website Portfolio:
When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!
โญSelf-Assessment: How confident do you feel with this skill?
Reflect
Learning check
Teacher setup, curriculum links and progress descriptors
Spark support
Routine: See Think Wonder
Achievement pathway
- Foundation: Identifies titles and picture elements on a poster canvas.
- Developing: Places a title and picture onto a poster canvas with teacher guidance.
- Secure: Combines a bold title, focal picture, and readable background color on a digital poster.
- Mastering: Adjusts text size and image placement to maximize visual impact and readability.
Curriculum links
Curriculum strand: Creation & Media
Outcome: CM.01.B.1.2 โ 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
Competency tags
Gate support
Accessibility alternative:
Teacher override: allow
Locked level
Level 2: Layout & Badges
Complete the previous learning check to unlock this next level.
Layout & Badges
Arrange visual poster elements along grid lines and incorporate decorative icon badges.
Learning objective
Arrange poster titles, text blocks, and icon badges neatly using visual alignment guides.
Let's Go!
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.
Layers Palette
5 Layersโ ฟForeground Camp
โ ฟMountain Range
โ ฟPassing Clouds
โ ฟSun
โ ฟSky Background
Try it yourself
Design a Healthy Habits Poster
๐ Open a practice space
๐ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)
๐ฏ Task Success Criteria (Rubric)
Foundation
Places badges and graphics randomly on a poster canvas.
Developing
Aligns text blocks to page borders with assistance.
Secure (Goal)
Arranges titles, images, and icon badges neatly along alignment grid lines.
Mastery
Uses symmetry and consistent margins to balance complex poster layouts.
๐ What A Good One Looks Like (WAGOLL)
Exemplar Standard
A top-tier student project for Layout & Badges includes:
- Core Deliverable: Design a Healthy Habits Poster
- Target Quality: Arranges titles, images, and icon badges neatly along alignment grid lines.
- Excellence & Polish: Uses symmetry and consistent margins to balance complex poster layouts.
๐
Save to Your Website Portfolio:
When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!
โญSelf-Assessment: How confident do you feel with this skill?
Reflect
Learning check
Teacher setup, curriculum links and progress descriptors
Spark support
Routine: Zoom In
Achievement pathway
- Foundation: Places badges and graphics randomly on a poster canvas.
- Developing: Aligns text blocks to page borders with assistance.
- Secure: Arranges titles, images, and icon badges neatly along alignment grid lines.
- Mastering: Uses symmetry and consistent margins to balance complex poster layouts.
Curriculum links
Curriculum strand: Creation & Media
Outcome: CM.01.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
Competency tags
Gate support
Accessibility alternative:
Teacher override: allow
Locked level
Level 3: Data Graphics
Complete the previous learning check to unlock this next level.
Data Graphics
Convert numerical survey data into visual icon callouts and simple pictograms.
Learning objective
Represent numerical data visually using icon arrays, stat callouts, and simple pictograms.
Let's Go!
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.
Layers Palette
5 Layersโ ฟForeground Camp
โ ฟMountain Range
โ ฟPassing Clouds
โ ฟSun
โ ฟSky Background
Try it yourself
Create a Class Recycling Infographic
๐ Open a practice space
๐ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)
๐ฏ Task Success Criteria (Rubric)
Foundation
Reads numbers written in plain text on a poster.
Developing
Replaces individual words with icons in a sentence.
Secure (Goal)
Converts numerical survey data into visual icon callouts and simple pictograms.
Mastery
Selects optimal icon representations and scales for multi-category datasets.
๐ What A Good One Looks Like (WAGOLL)
Exemplar Standard
A top-tier student project for Data Graphics includes:
- Core Deliverable: Create a Class Recycling Infographic
- Target Quality: Converts numerical survey data into visual icon callouts and simple pictograms.
- Excellence & Polish: Selects optimal icon representations and scales for multi-category datasets.
๐
Save to Your Website Portfolio:
When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!
โญSelf-Assessment: How confident do you feel with this skill?
Reflect
Learning check
Teacher setup, curriculum links and progress descriptors
Spark support
Routine: Think Pair Share
Achievement pathway
- Foundation: Reads numbers written in plain text on a poster.
- Developing: Replaces individual words with icons in a sentence.
- Secure: Converts numerical survey data into visual icon callouts and simple pictograms.
- Mastering: Selects optimal icon representations and scales for multi-category datasets.
Curriculum links
Curriculum strand: Creation & Media
Outcome: CM.02.B.1.1 โ 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
Competency tags
Gate support
Accessibility alternative:
Teacher override: allow
Locked level
Level 4: Visual Hierarchy
Complete the previous learning check to unlock this next level.
Visual Hierarchy
Apply a 3-level typography hierarchy and strategic layout pathways to guide the reader's eye.
Learning objective
Establish a clear 3-level typography hierarchy (Title, Subhead, Body) and guide eye movement along F/Z reading patterns.
Let's Go!
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.
Layers Palette
5 Layersโ ฟForeground Camp
โ ฟMountain Range
โ ฟPassing Clouds
โ ฟSun
โ ฟSky Background
Try it yourself
Design an Historical Event Infographic
๐ Open a practice space
๐ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)
๐ฏ Task Success Criteria (Rubric)
Foundation
Uses the same font size for all text elements on a poster.
Developing
Makes the main title larger than body text.
Secure (Goal)
Applies a consistent 3-level typography hierarchy and structures content along natural reading pathways.
Mastery
Combines font weight, contrast, and spatial scaling to create intuitive visual pathways.
๐ What A Good One Looks Like (WAGOLL)
Exemplar Standard
A top-tier student project for Visual Hierarchy includes:
- Core Deliverable: Design an Historical Event Infographic
- Target Quality: Applies a consistent 3-level typography hierarchy and structures content along natural reading pathways.
- Excellence & Polish: Combines font weight, contrast, and spatial scaling to create intuitive visual pathways.
๐
Save to Your Website Portfolio:
When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!
โญSelf-Assessment: How confident do you feel with this skill?
Reflect
Learning check
Teacher setup, curriculum links and progress descriptors
Spark support
Routine: See Think Wonder
Achievement pathway
- Foundation: Uses the same font size for all text elements on a poster.
- Developing: Makes the main title larger than body text.
- Secure: Applies a consistent 3-level typography hierarchy and structures content along natural reading pathways.
- Mastering: Combines font weight, contrast, and spatial scaling to create intuitive visual pathways.
Curriculum links
Curriculum strand: Creation & Media
Outcome: CM.02.B.1.1 โ 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
Competency tags
Gate support
Accessibility alternative:
Teacher override: allow
Locked level
Level 5: Multi-Section
Complete the previous learning check to unlock this next level.
Multi-Section
Design multi-section vertical infographics integrating charts, flow diagrams, and source citations.
Learning objective
Synthesize research data into a cohesive 3-section vertical infographic with integrated charts and citations.
Let's Go!
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.
Layers Palette
5 Layersโ ฟForeground Camp
โ ฟMountain Range
โ ฟPassing Clouds
โ ฟSun
โ ฟSky Background
Try it yourself
Build a Climate Change Action Infographic
๐ Open a practice space
๐ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)
๐ฏ Task Success Criteria (Rubric)
Foundation
Pastes multiple charts onto a page without section dividers.
Developing
Divides a poster into sections using colored lines.
Secure (Goal)
Synthesizes research into a 3-section vertical infographic featuring charts, process diagrams, and source citations.
Mastery
Creates unified color themes and seamless visual transitions across multi-topic data blocks.
๐ What A Good One Looks Like (WAGOLL)
Exemplar Standard
A top-tier student project for Multi-Section includes:
- Core Deliverable: Build a Climate Change Action Infographic
- Target Quality: Synthesizes research into a 3-section vertical infographic featuring charts, process diagrams, and source citations.
- Excellence & Polish: Creates unified color themes and seamless visual transitions across multi-topic data blocks.
๐
Save to Your Website Portfolio:
When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!
โญSelf-Assessment: How confident do you feel with this skill?
Reflect
Learning check
Teacher setup, curriculum links and progress descriptors
Spark support
Routine: 3-2-1 Bridge
Achievement pathway
- Foundation: Pastes multiple charts onto a page without section dividers.
- Developing: Divides a poster into sections using colored lines.
- Secure: Synthesizes research into a 3-section vertical infographic featuring charts, process diagrams, and source citations.
- Mastering: Creates unified color themes and seamless visual transitions across multi-topic data blocks.
Curriculum links
Curriculum strand: Creation & Media
Outcome: CM.03.B.1.1 โ 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
Competency tags
Gate support
Accessibility alternative:
Teacher override: allow
Locked level
Level 6: Interactive & Vector
Complete the previous learning check to unlock this next level.
Interactive & Vector
Create interactive web infographics with clickable hotspots and export scalable high-res vector graphics.
Learning objective
Develop an interactive digital infographic with clickable hotspots, embedded popups, and high-resolution export settings.
Let's Go!
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.
Layers Palette
5 Layersโ ฟForeground Camp
โ ฟMountain Range
โ ฟPassing Clouds
โ ฟSun
โ ฟSky Background
Try it yourself
Develop an Interactive Smart City Map
๐ Open a practice space
๐ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)
๐ฏ Task Success Criteria (Rubric)
Foundation
Saves an infographic as a low-resolution screenshot.
Developing
Adds hyperlinked text to a poster.
Secure (Goal)
Builds an interactive web infographic with clickable hotspots, popup data cards, and scalable vector export.
Mastery
Evaluates user interaction metrics and accessibility standards for published interactive graphics.
๐ What A Good One Looks Like (WAGOLL)
Exemplar Standard
A top-tier student project for Interactive & Vector includes:
- Core Deliverable: Develop an Interactive Smart City Map
- Target Quality: Builds an interactive web infographic with clickable hotspots, popup data cards, and scalable vector export.
- Excellence & Polish: Evaluates user interaction metrics and accessibility standards for published interactive graphics.
๐
Save to Your Website Portfolio:
When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!
โญSelf-Assessment: How confident do you feel with this skill?
Reflect
Learning check
Teacher setup, curriculum links and progress descriptors
Spark support
Routine: Circle of Viewpoints
Achievement pathway
- Foundation: Saves an infographic as a low-resolution screenshot.
- Developing: Adds hyperlinked text to a poster.
- Secure: Builds an interactive web infographic with clickable hotspots, popup data cards, and scalable vector export.
- Mastering: Evaluates user interaction metrics and accessibility standards for published interactive graphics.
Curriculum links
Curriculum strand: Creation & Media
Outcome: CM.03.B.1.1 โ 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
Competency tags
Gate support
Accessibility alternative:
Teacher override: allow