ArtsThe BestieBeginner
Graphic Design: Directing the Eye, a free arts course on Tomo

Graphic Design: Directing the Eye

Learn how to turn cluttered visuals into clean, purposeful designs that guide the viewer's attention. Discover the core mechanics of visual hierarchy, layout grids, typography, and restrained color palettes. Walk away able to make slides, posters, and pages look confident and intentional.

Like Duolingo, but for Graphic Design: Directing the Eye. Tomo turns the whole topic into a game you play five minutes a day, until it actually sticks.

A short one: 11 levels across 2 sections, about 22 minutes end to end, roughly 4 days at five minutes a day. It moves through Creating Structure and Space and Choosing Form and Palette. It starts from scratch.

11 bite-size levelsAbout 5 minutes each

Free forever · No credit card · iPhone & Android

Gigi the Chameleon, the guide who teaches the Graphic Design: Directing the Eye course
Graphic Design: Directing the Eye
with Gigi the Chameleon
11
Levels
2
Sections
5
Min/day
What you'll learn

Key ideas in Graphic Design: Directing the Eye

  • When every text element in a layout has maximum size and emphasis, they cancel each other out and overwhelm the viewer
  • A successful layout gives the viewer an effortless starting point by establishing one dominant focal point first
  • Secondary information should step down in visual importance so the viewer can scan in an orderly sequence
  • Near-identical sizes look accidental and make the eye pause to figure out which element matters more
  • Visual hierarchy requires obvious, deliberate size differences so the brain ranks importance instantly
  • A generous size jump (like doubling or tripling headline scale relative to body text) eliminates visual ambiguity
  • A high-saturation accent color immediately catches the eye when surrounded by muted tones
  • Sharp contrast between dark elements and light backgrounds creates heavy visual pull before any text is read
  • Dramatically larger objects carry more visual weight than surrounding smaller items
  • Placing design elements close together causes the viewer's brain to automatically group them as a single thought
  • Evenly spacing everything across a canvas destroys groupings and leaves the viewer guessing what relates to what
  • Empty space around an object acts like a frame, drawing the eye directly to what matters most
  • Crowding a graphic element to fill the canvas makes a design feel cramped and cheap rather than refined
  • White space is an active design choice that gives an image breathing room
  • Lining up unrelated items along shared vertical or horizontal edges creates an invisible thread connecting them
  • Using a simple column grid helps varied content like images and text feel cohesive and intentional
Why not just Google it

You've tried the other tabs

Wikipedia

Thirty open tabs. Four facts you actually kept.

YouTube

You watched. You nodded. By Sunday it was gone.

ChatGPT

One answer, then back to scrolling.

Online courses

Eight weeks. You meant to finish. You didn't.

Tomo gives Graphic Design: Directing the Eye the Duolingo treatment: levels, streaks, and quick quizzes that test what you just learned. That game loop is what the tabs above never had, so it's the one you actually finish.

Try a question

Here's what playing it feels like

A real question from this course. Take your best guess.

Guiding the Viewer's Eye

What is the best way to help someone start reading your poster without feeling lost?

Get it right to open this lesson and 10 more in the app.

Course map

How to learn Graphic Design: Directing the Eye, step by step

Go in order. 11 short levels across 2 sections, about 22 minutes in all, five minutes a day.

  1. 1

    Creating Structure and Space

    • Directing Attention with Visual Hierarchy
    • Arranging Elements with Alignment and White Space
  2. 2

    Choosing Form and Palette

    • Setting and Pairing Type for Readability
    • Building Restraint with Color

2 sections · 4 units · 11 levels. Built to play, not to enroll.

Questions

Questions about Graphic Design: Directing the Eye

  1. How do I learn Graphic Design: Directing the Eye?

    Go in order: start with Creating Structure and Space, then Choosing Form and Palette. On Tomo that's 11 short levels, about 22 minutes in all, played five minutes a day. Start free and play the first level in under a minute.

  2. Is there a Duolingo-style app for Graphic Design: Directing the Eye?

    Yes. Tomo works like Duolingo: short daily lessons, streaks and quick quizzes. Graphic Design: Directing the Eye is one of its free courses, and you can type any other topic to get a course of your own.

  3. Is the Graphic Design: Directing the Eye course free?

    Yes. Graphic Design: Directing the Eye is playable on Tomo's free plan, which doesn't expire. No credit card, no waitlist. Download the app and start your first lesson.

  4. How long does it take to learn Graphic Design: Directing the Eye?

    11 levels across 2 sections, about 22 minutes of play in total. It's built for five minutes a day, so you finish it a little at a time instead of all at once.

  5. Do I need any background to start Graphic Design: Directing the Eye?

    No. It's pitched at a beginner level, so it starts where you are and builds up. If you can tap a phone, you can start.

New

Tomo is in ChatGPT

Tomo is also a ChatGPT plugin: the same playable courses, built and played inside your chat.

Add Tomo to ChatGPT
How it's taught

You pick the voice

This course
The Bestie

Graphic Design: Directing the Eye is taught in the Bestie style: your friend who just gets it. Want a different feel? In the app you can spin up the same topic in any of Tomo's teaching styles. Same facts, totally different vibe.

Keep going

More Arts on Tomo

Everyday Graphic Design course icon

Everyday Graphic Design

Explain Like I'm 5

Learn the invisible mechanics that make slides, posters, and pages look clean and deliberate. Master hierarchy, spacing, typography, and color to turn amateur visual clutter into confident visual communication.

11 levels22mBeginner
Practical Graphic Design course icon

Practical Graphic Design

Bestie

Learn the core visual rules that transform cluttered graphics into clean, professional layouts. Build compelling social posts, flyers, and advertisements using proven principles of hierarchy, color, typography, and spacing.

12 levels24mBeginner
Graphic Design in Practice course icon

Graphic Design in Practice

Bestie

Learn to create clear, visually compelling designs that grab attention and communicate effectively. Master the fundamentals of typography, color harmony, logo creation, and social graphics to turn amateur layouts into polished visual work.

25 levels50mBeginner
Graphic Design: Structure and Style course icon

Graphic Design: Structure and Style

Explain Like I'm 5

Move beyond basic layouts and learn to make deliberate visual decisions. Master the mechanics of typography, grid architecture, optical alignment, and color systems to build cohesive graphic work.

23 levels46mIntermediate
Elements of Visual Design course icon

Elements of Visual Design

Bestie

Learn how shapes, typography, color, and spacing work together to create striking visuals. Develop an eye for balance and hierarchy to turn messy layouts into clear, intentional compositions.

26 levels52mBeginner
Elements of Art: The Visual Language course icon

Elements of Art: The Visual Language

Explain Like I'm 5

Move beyond basic definitions and learn how to use the elements of art as active tools for composition, mood, and visual storytelling in the classroom.

9 levels18mIntermediate
Start free

Start Graphic Design: Directing the Eye today.

Download Tomo, search Graphic Design: Directing the Eye, and play your first lesson in under a minute.