Elements of Visual Design
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.
Like Duolingo, but for Elements of Visual Design. Tomo turns the whole topic into a game you play five minutes a day, until it actually sticks.
26 levels across 3 sections, about 52 minutes end to end, roughly 10 days at five minutes a day. It moves through Making Layouts Clear at a Glance, The Core Visual Building Blocks, and Arranging and Balancing the Whole. It starts from scratch.
Free forever · No credit card · iPhone & Android
Key ideas in Elements of Visual Design
- Without an obvious focal point, a viewer's brain has to manually scan and decide where to enter the layout
- Forcing the viewer to figure out where to start reading causes mental friction and makes the design feel exhausting or confusing
- Scale is the quickest signal of visual hierarchy to the human eye
- In an instant glance, our visual processing reflexively snaps to the physically largest graphic or word on the canvas
- Pairing size differences with weight differences (bold vs. regular) creates clear visual tiers
- Headlines demand the heaviest weight and largest scale to declare top visual priority
- Body copy stays smaller and lighter so it doesn't compete with lead headings
- In cultures that read left-to-right and top-to-bottom, the gaze begins scanning in the upper-left quadrant
- The eye sweeps across the top edge before descending toward the bottom corners
- Visual emphasis is a zero-sum game: highlighting one element takes attention away from others
- Highlighting multiple competing elements simultaneously creates visual noise, leaving no single element dominant
- Negative space actively shapes layout structure and defines boundaries between visual elements
- Treating empty space as an intentional design element gives structure without requiring visible dividing lines
- Elements placed physically closer together are naturally interpreted as a single group sharing a related purpose
- Spacing between unrelated items must be visibly larger than the spacing between related elements
- Generous margins and padding create a buffer that isolates an element and demands focused attention
You've tried the other tabs
Thirty open tabs. Four facts you actually kept.
You watched. You nodded. By Sunday it was gone.
One answer, then back to scrolling.
Eight weeks. You meant to finish. You didn't.
Tomo gives Elements of Visual Design 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.
Here's what playing it feels like
A real question from this course. Take your best guess.
Imagine every block of text on a poster is the exact same size. How does that usually feel to look at?
Get it right to open this lesson and 25 more in the app.
How to learn Elements of Visual Design, step by step
Go in order. 26 short levels across 3 sections, about 52 minutes in all, five minutes a day.
- 1
Making Layouts Clear at a Glance
- Directing the Eye with Visual Hierarchy
- Giving Content Room to Breathe with Negative Space
- 2
The Core Visual Building Blocks
- Selecting and Pairing Typography
- Applying Color and Contrast with Purpose
- Shaping Structure with Lines, Shapes, and Forms
- 3
Arranging and Balancing the Whole
- Aligning Elements Using Grids
- Balancing Visual Weight Across the Canvas
- Building Consistency and Visual Rhythm
3 sections · 8 units · 26 levels. Built to play, not to enroll.
Questions about Elements of Visual Design
How do I learn Elements of Visual Design?
Go in order: start with Making Layouts Clear at a Glance, then The Core Visual Building Blocks, then Arranging and Balancing the Whole. On Tomo that's 26 short levels, about 52 minutes in all, played five minutes a day. Start free and play the first level in under a minute.
Is there a Duolingo-style app for Elements of Visual Design?
Yes. Tomo works like Duolingo: short daily lessons, streaks and quick quizzes. Elements of Visual Design is one of its free courses, and you can type any other topic to get a course of your own.
Is the Elements of Visual Design course free?
Yes. Elements of Visual Design is playable on Tomo's free plan, which doesn't expire. No credit card, no waitlist. Download the app and start your first lesson.
How long does it take to learn Elements of Visual Design?
26 levels across 3 sections, about 52 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.
Do I need any background to start Elements of Visual Design?
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.
Tomo is in ChatGPT
Tomo is also a ChatGPT plugin: the same playable courses, built and played inside your chat.
Add Tomo to ChatGPT- What to ask
- “Make me a Tomo course on black holes.” “Turn this chat into a Tomo course.”
- What you get
- Quick questions with instant feedback, hearts and stars, ready to play in about a minute.
- Where it goes
- No sign-up to start. Connect your Tomo account and your streak carries on in the app.
You pick the voice
Elements of Visual Design 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.
More Arts on Tomo
Everyday Graphic Design
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.
Elements of Art: The Visual Language
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.
Fashion Design: Streetwear to Runway
Learn the fundamentals of fashion design from scratch, blending edgy streetwear with sleek, sexy high-fashion silhouettes. Understand fabrics, inspect construction, draft simple patterns, and create your own original garment designs.
Crochet by Design
Transform a single strand of yarn into intricate textures, geometric motifs, and 3D forms. Learn how stitch heights, structural increases, and loop placements unlock endless creative patterns.
How to Draw What You See
Retrain your eye to bypass mental shortcuts, capture real shapes accurately, and turn flat outlines into convincing three-dimensional drawings.
Room Color and Shading
Learn how interior designers use color palettes, undertones, and light value to make any room feel balanced, spacious, and inviting. Transform flat walls into dynamic spaces using simple shade and lighting principles.
Start Elements of Visual Design today.
Download Tomo, search Elements of Visual Design, and play your first lesson in under a minute.