Visual Literacy & Instructional Aesthetics
This pathway pairs each core lesson on visual literacy and instructional aesthetics with a “.1” mastery studio. The primary lesson introduces the design skill; the follow-up studio uses critique and revision of real artifacts to show mastery.
Learners explore how slides, handouts, whiteboards, and LMS pages already function as visual interfaces shaping student experience.
- Define visual literacy in the context of teaching and learning.
- Identify instructional artifacts as designed objects, not neutral containers.
- Notice how students “read” layouts, not just words.
- Visual gallery of common classroom materials (slides, worksheets, LMS pages).
- Quick individual rating of each artifact for clarity and usability.
- Facilitated debrief of what makes one artifact easier to engage with than another.
- Annotate printed or digital artifacts with “I notice / I feel / I’m confused by…” notes.
- Map each artifact to ADTL pillars: where do Cognitive Design, Aesthetic Experience, and Cultural Connection show up?
- Completed annotations on at least two artifacts.
- Written reflection explaining one way visual design changes how students experience a lesson.
Learners bring real materials from their own practice and subject them to structured visual and experiential critique.
- Each participant selects one slide, handout, or LMS screen from their real teaching.
- They describe how students currently interact with it and where students typically get lost or disengaged.
- They name at least three visual decisions that affect that experience (positively or negatively).
- Peers use a protocol (e.g., “clear / cluttered / confusing / compelling”) to respond to each artifact.
- Group explores how different students might read the same visual differently.
- Participant can talk about their artifact as design, not just content.
- Participant can name specific visual decisions they will change based on feedback.
- Participant connects critique back to ADTL pillars with accurate language.
Learners study how size, weight, color, and placement create visual hierarchy that supports or undermines Cognitive Design.
- Define visual hierarchy and why it matters for comprehension.
- Recognize common patterns (title → key idea → supporting details → cues).
- Connect hierarchy choices to cognitive load and focus.
- Mini-lesson on contrast, size, alignment, and proximity.
- Demonstration of “eye-tracking” paths on different layouts.
- Group critique of sample layouts with intentionally broken hierarchy.
- Rebuild a simple text-heavy slide into a hierarchically clear layout.
- Label primary, secondary, and tertiary elements in their design.
- Revised artifact with clearly visible hierarchy.
- Short written rationale for hierarchy decisions (“I want students to see X first…”).
Learners work with their own materials, testing how well hierarchy supports cognitive focus and revising in real time.
- Participants bring a slide or page where students often miss the main idea.
- They trace how students likely read the current layout.
- They design and present an alternative hierarchy path.
- Peers respond: “Where did your eye go first, second, third?”
- Discussion of which cognitive steps the new hierarchy supports or clarifies.
- Participant can identify misaligned hierarchy and correct it.
- Participant can articulate the cognitive pathway supported by their revision.
- Participant can anticipate how the new design will change student behavior.
Learners examine how grids, alignment, and negative space reduce cognitive clutter and support pattern recognition.
- Understand grids as invisible scaffolds for information.
- Recognize the role of negative space in legibility and focus.
- Identify misalignment and crowding in existing layouts.
- Overlay sample artifacts with simple grid lines.
- Identify where elements fight the grid vs. align with it.
- Mini-lesson on “breathing room” around key ideas.
- Re-layout a multi-part slide into a clean, grid-based structure.
- Decide where to intentionally add negative space to support emphasis.
- Redesigned layout that clearly follows a grid.
- Annotated rationale for where and why space was added or removed.
Learners bring dense or chaotic visuals and transform them into calm, grid-aligned instructional spaces.
- Participants present a “before” version of a cluttered slide or handout.
- They show their grid overlay and redesigned “after” version.
- They explain how the new layout supports student scanning and note-taking.
- Peers provide feedback on rhythm, balance, and readability.
- Facilitator highlights strong uses of negative space as cognitive support.
- Participant can design to a simple grid with consistency.
- Participant can justify spacing decisions in relation to student cognition.
- Participant responds to critique with targeted, specific revisions.
Learners examine how font choices, text size, contrast, and color palettes influence readability, tone, and equity.
- Differentiate between decorative and functional type.
- Understand color contrast and accessibility basics.
- Connect color and typography choices to emotional and cultural resonance.
- Comparison of the same content in different typefaces and color schemes.
- Discussion: “Who can and can’t access this slide?”
- Mini-lesson on accessible contrast ratios and font sizing.
- Audit a set of existing slides or documents for type and color issues.
- Draft a simple “typography and color ruleset” for their own practice.
- Completed audit notes identifying accessibility and readability concerns.
- Initial ruleset aligning typography and color with ADTL pillars.
Learners apply their ruleset to revise materials and then critique how accessibility and aesthetics work together.
- Participants present a revised artifact with updated typography and color.
- They walk through how the new design meets accessibility needs.
- They explain how the aesthetic still aligns with their pedagogical identity.
- Peers review for legibility, contrast, and emotional tone.
- Group considers the experience of students with different processing needs.
- Participant follows a clear, documented type & color system.
- Participant can explain design decisions through both equity and aesthetics.
- Participant demonstrates willingness to adjust based on feedback.
Learners explore how to design visual representations—maps, diagrams, icons—that genuinely help students build mental models.
- Understand when an image supports understanding vs. distracts.
- Use simple shapes and icons to represent relationships and processes.
- Connect concept mapping to ADTL’s Cognitive Design pillar.
- Examples of effective vs. cluttered diagrams.
- Mini-workshop on sketching low-fidelity visual models.
- Pair work converting a text explanation into a visual model.
- Design a concept map or process diagram for a current topic.
- Identify where images or icons could replace text for clarity.
- Draft diagram or concept map with labeled relationships.
- Explanation of how the visual form supports specific learning goals.
Learners present their diagrams or concept maps and refine them using peer and facilitator critique framed by ADTL.
- Participants present their visual model to peers as if explaining to students.
- They articulate the specific thinking moves the visual is meant to support.
- Peers ask, “What part was clearest? Where did you get lost?”
- Feedback focuses on structure, labeling, and simplicity.
- Participant can simplify or reorganize visuals based on critique.
- Participant can connect revisions explicitly to learner cognition.
- Participant anticipates misconceptions the visual might reveal or prevent.
Learners zoom out from single artifacts to the total visual environment: walls, boards, screens, and student work displays.
- Recognize the classroom as a 360° visual experience.
- Identify distractions, noise, and visual overload in current spaces.
- Connect environment design to ADTL’s Aesthetic Experience and Cultural Connection pillars.
- Virtual or photographic “walkthroughs” of different classroom environments.
- Discussion of what each space communicates about learning and belonging.
- Mini-lesson on focal points, calm zones, and student work curation.
- Sketch a simplified floor/wall plan of their own space.
- Mark areas to declutter, highlight, or redesign for specific functions (focus, collaboration, celebration).
- Annotated environment sketch with initial redesign ideas.
- Written notes on how changes will affect student perception and behavior.
Learners present environment redesign plans, real photos (if possible), and reflections on how the space now teaches with them.
- Participants share “before” and “after” sketches or photos of their environment.
- They explain specific zones (focus, collaboration, celebration) and their visual logic.
- They describe how students responded to or will likely respond to the new design.
- Peers offer feedback on coherence, accessibility, and cultural representation.
- Group discusses how environment design can evolve over a semester.
- Participant can articulate how the environment now reflects ADTL pillars.
- Participant links environment choices to specific learner needs and behaviors.
- Participant identifies next refinements based on observed or anticipated student feedback.