Design for the Eye: Visual Communication Basics
Like Duolingo, but for Design for the Eye: Visual Communication Basics. Tomo turns the whole topic into a game you play five minutes a day, until it actually sticks.
For the part of you with thirty open tabs that never became anything.
Free forever · No credit card · iPhone & Android
Key ideas in Design for the Eye: Visual Communication Basics
- The hero element should be the first thing a viewer notices
- The eye is naturally drawn to the area of highest contrast first
- A layout without a clear hero element causes visual confusion
- Size differences create a clear entry point for the viewer
- Equal emphasis across all elements prevents the eye from knowing where to land
- Color pops against neutral backgrounds signal importance
- Identifying the 'hero' element in a layout
- Using contrast to establish a starting point
- Squinting helps identify the most prominent shapes and clusters
- Darker colors carry more visual weight than lighter ones
- A good layout should still show clear 'blobs' of importance even when blurred
- Larger objects feel 'heavier' and more important to the eye
- Uniformity during a squint test indicates a lack of clear hierarchy
- Dense or filled shapes outweigh thin outlines
- Applying the Squint Test to evaluate layout clarity
- Ranking elements by visual weight
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 Design for the Eye: Visual Communication Basics 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.
If you want to control where a person looks first, what should you create in that specific area?
Get it right to open this lesson and 23 more in the app.
Where Design for the Eye: Visual Communication Basics takes you
Learn how to arrange information, choose colors, and use typography to create clear, professional visuals that get your message across.
- 1
Organizing the Page
- The Hierarchy of Attention
- Alignment and the Invisible Grid
- 2
Color and Typography
- Choosing Colors that Work
- Typography for Clarity
- 3
Composition and Space
- The Power of Empty Space
- Balance and Symmetry
- 4
The Designer's Mindset
- Visual Consistency
- Why We See What We See
4 sections · 8 units · 24 levels. Built to play, not to enroll.
You pick the voice
Design for the Eye: Visual Communication Basics is taught in the The Professor style: clear, structured, thorough. 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
The Language of Buildings
Learn to read the hidden logic of the built world by identifying how form, function, and history shape the structures we live and work in.
iPhone Photography: The Assignment Series
Transform your phone into a professional tool through a series of rigorous shooting assignments. Learn to master light, composition, and the iPhone's unique hardware with specific rubrics for every shot you take.
iPhone Photography
Transform your everyday snapshots into professional-grade images using only the phone in your pocket. Learn to master light, composition, and the hidden power of the iOS camera app.
Crafting the Epic Fantasy Series
Master the architecture of high and low fantasy, from the gritty political webs of Westeros to the whimsical environmental storytelling of Albion. Learn to weave multi-book arcs, subvert ancient tropes, and build worlds that feel lived-in and legendary.
Writing Fantasy Series
Transform your imagination into an epic saga. Learn to build immersive worlds, design intricate magic systems, and craft characters that readers will follow through multiple volumes.
The Odyssey: The Art of the Return
Move beyond the monsters to understand the epic's complex structure, the high stakes of ancient hospitality, and the mental agility of literature's most famous survivor.
Start Design for the Eye: Visual Communication Basics today.
Download Tomo, search Design for the Eye: Visual Communication Basics, and play your first lesson in under a minute.