Graphic and Web Design
Like Duolingo, but for Graphic and Web Design. 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.
24 levels across 3 sections, about 48 minutes end to end, roughly 10 days at five minutes a day. It moves through Cleaning Up the Canvas, Mastering the Core Elements, and Designing for the Web. It starts from scratch.
Free forever · No credit card · iPhone & Android
Key ideas in Graphic and Web Design
- Uncluttered space gives the viewer's eyes breathing room and makes content easier to scan
- Adding generous space around elements signals quality and makes a layout look intentional, not empty
- Every element on a canvas should line up with at least one other element's edge or center
- Invisible alignment lines create an underlying grid that eyes follow naturally
- Items placed close together are instantly perceived as a single related group before reading them
- The gap between unrelated sections must be noticeably larger than the gap between related elements
- Equal outer margins keep the design centered and prevent content from bumping into browser edges
- Consistent gutters between layout columns keep multi-column designs balanced rather than haphazard
- Inner padding of a container must be larger than the gaps between the items inside it
- When internal item gaps equal or exceed container padding, elements feel like they are spilling out of the box
- When too many elements shout at once, the user's eye has no clear starting place
- A successful layout designates a single primary focal point to pull the eye in first
- Secondary elements must step down in prominence to let the main message win
- Differences in relative size establish visual rank much faster than color or font weight alone
- Changing only text color or adding bold weight often fails to create an unmistakable rank difference on a busy screen
- A noticeable jump in font size tells the eye where to look first without conscious reading
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 Graphic and Web 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.
What impression does generous empty space give to someone viewing your webpage?
Get it right to open this lesson and 23 more in the app.
Where Graphic and Web Design takes you
Learn how to turn messy layouts into clean, intentional visual designs. Master typography, color, spacing, and layout grids to create graphics and web pages that look professional. Build an intuitive eye for visual hierarchy and user experience on any screen.
- 1
Cleaning Up the Canvas
- Visual Alignment and White Space
- Establishing Visual Hierarchy
- 2
Mastering the Core Elements
- Practical Typography
- Functional Color and Contrast
- Imagery and Asset Treatment
- 3
Designing for the Web
- Layout Grids and Responsive Flow
- Interactive Controls and Feedback
- Design Systems and Visual Consistency
3 sections · 8 units · 24 levels. Built to play, not to enroll.
You pick the voice
Graphic and Web Design 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
Design for the Eye: Visual Communication Basics
Learn how to arrange information, choose colors, and use typography to create clear, professional visuals that get your message across.
Photography: Light, Contrast, and Frame
Move past the exposure triangle and take creative control of your camera. Learn to shape visual hierarchy with focal length, read natural light direction, and expose for mood rather than middle gray.
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.
Visual Design for Modern Media
Bridge the gap between basic layouts and professional-grade assets. Master the tools of the trade while building a portfolio of high-impact social media content and brand systems.
Style Your Wardrobe
Transform your daily outfits from basic to intentional. Learn the visual rules of proportion, color, and texture to dress with confidence every morning.
Macramé: The Art of Knots
Transform simple cord into stunning home decor. Learn the essential knots and patterns to create wall hangings, plant hangers, and more.
Start Graphic and Web Design today.
Download Tomo, search Graphic and Web Design, and play your first lesson in under a minute.