ArtsThe ProfessorIntermediate
Visual Design for Modern Media, a free arts course on Tomo

Visual Design for Modern Media

Like Duolingo, but for Visual Design for Modern Media. 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.

21 levels across 4 sections, about 42 minutes end to end, roughly 8 days at five minutes a day. It moves through Composition and the Social Feed, The Language of Type and Color, Professional Software Mastery, and Designing for Motion. It assumes you already know the basics.

21 bite-size levelsAbout 5 minutes each

Free forever · No credit card · iPhone & Android

Pixel the Penguin, the guide who teaches the Visual Design for Modern Media course
Visual Design for Modern Media
with Pixel the Penguin
21
Levels
4
Sections
5
Min/day
What you'll learn

Key ideas in Visual Design for Modern Media

  • Size and weight dictate the entry point of a layout
  • Centering a subject creates a static, formal feeling
  • Viewers naturally scan from high-contrast elements to lower-contrast text
  • Placing subjects on the four intersections of a 3x3 grid creates active tension
  • The CTA should be the final destination after establishing context
  • Off-center placement suggests movement and leads the eye across the frame
  • The ability to manipulate visual hierarchy to control information flow
  • Applying the Rule of Thirds to create tension and movement
  • Negative space acts as a 'buffer' that prevents visual overwhelm
  • Human eyes instinctively follow the direction of a person's gaze in an image
  • White space forces the eye to settle on the only remaining high-contrast area
  • Strong diagonals create 'paths' that the brain follows to find a destination
  • Clutter increases cognitive load, making the viewer more likely to scroll past
  • Leading lines convert passive looking into active navigation toward a goal
  • Identifying directional cues that guide the viewer's gaze
  • Exaggerated scale differences create a 'foreground' and 'background' effect
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 Visual Design for Modern Media 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.

Mastering the Visual Path

If you want to avoid a 'static' feeling in your design, what placement should you generally avoid for your main subject?

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

Course map

Where Visual Design for Modern Media takes you

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.

  1. 1

    Composition and the Social Feed

    • Stopping the Scroll
    • Grid Systems for Social Assets
  2. 2

    The Language of Type and Color

    • Typographic Systems
    • Strategic Color Application
  3. 3

    Professional Software Mastery

    • Vector Precision in Illustrator
    • Prototyping and Components in Figma
  4. 4

    Designing for Motion

    • Dynamic Layouts for Reels

4 sections · 7 units · 21 levels. Built to play, not to enroll.

How it's taught

You pick the voice

This course
The Professor

Visual Design for Modern Media 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.

Start free

Start Visual Design for Modern Media today.

Download Tomo, search Visual Design for Modern Media, and play your first lesson in under a minute.