Video summary

The 6 Levels of Movement & Flow In Graphic Design (Design Principles Ep3)

Main summary

Key takeaways

Art and Creativity

Summary of Concepts + Techniques (“6 Levels” of Movement & Flow)

1) Directing visual guidance (literal, rule-based direction)

  • Use clear positional cues so the eye knows where to go.
  • Example choices described:
    • Bold headline in the top-left (assumes left-to-right reading culture).
    • A large geometric arrow pointing diagonally toward a CTA block.
    • Non-arrow “bridges”/path cues (e.g., shapes that imply direction).

Why it works (as stated): the human eye instinctively follows directional cues, similar to wayfinding signage or how athletes’ gazes/body orientation guide attention in sports advertising.

2) Hierarchy-driven flow (implied direction without obvious arrows)

  • Remove explicit arrows/lines and let visual hierarchy create an invisible path.
  • Technique described:
    • Add a medium subheading and a smaller detail element beneath it.
    • Arrange elements so the viewer lands on larger/bolder items first, then medium, then small—creating a “natural sequence.”

Core idea: composition and contrast/size act like gravitational “pull,” guiding attention top-down/through the layout.

3) Layered / multi-route flow (main path + micro-routes)

  • Allow multiple simultaneous routes: a main route plus smaller “side roads.”
  • Example technique:
    • Add smaller type blocks/elements in the central area to create a short loop.
    • The viewer “explores” a secondary detour, then reconnects to the primary journey.

Benefit claimed: increases time-on-design and rewards re-viewing with depth—while emphasizing the need to balance secondary flows so it doesn’t become chaotic.

4) Implied motion (make still design feel like it moves)

  • Create the sensation of motion in static work using visual mechanisms rather than animation.
  • Methods listed:
    • Repetition
    • Progressive scaling
    • Blurring
    • Directional patterns
    • Gradients + texture (e.g., top-to-bottom gradient with a directional texture)

Imagery/examples mentioned:

  • Editorial photography moments (a dancer’s leap, fabric mid-swing, water splash).
  • Brutalist designs using repeated geometric forms tightening/loosening across the composition.

Core idea: suggestion—train the viewer’s eye to behave like motion is happening, keeping the design “alive.”

5) Flow disruption (intentionally break the route)

  • Insert an intentional interruption to cause pause and re-engagement.
  • Example technique described:
    • Place a bold rotated black square with a red motif across the main flow path.
    • Rotate it ~45° to increase disjointedness from the surrounding layout.

Why it works (as stated): the brain dislikes unresolved paths; interruption forces the viewer to work out how to continue.

Use cases: slow attention at key messages, add dynamism, create tension/memorable moments—requires intention, not randomness.

6) Temporal flow (control “when” the eye moves + how long it lingers)

  • Design not only for where the eye goes, but for rhythm over time.
  • Framing described like music beats:
    • Impact (fast hit)
    • Linger (slow scan)
    • Pause / Release (space/white space to rest the eye)

Examples mentioned:

  • Luxury fashion spreads
    • Full-bleed model image (fast)
    • Layered details (slower)
    • Stark white space with logo alone (pause)
  • Apple product pages
    • Hero image hit (fast)
    • Technical details in clean blocks (slow)
    • Vast open whitespace around product (rest)

Tools / Features + Creative Workflow Elements (Sponsor Segment)

A program is promoted as helping with typography and exploring design variations.

Typography feature (Kito / KD — “Kito” in subtitles)

  • “Advanced text editing”
  • Style each individual letter inside a single text box:
    • font, size, weight, color, spacing
    • ligatures and case
  • Avoids splitting content into multiple layers.

Claimed use cases:

  • logo design
  • poster titles
  • expressive typography

“AI smart boards” / variation exploration

  • Workflow described:
    • Select an artboard
    • Add a Smartboard
    • Enter a prompt
    • Get multiple design directions instantly

Types of outputs:

  • restyles
  • new versions
  • polished finals

Positioning: user stays in control while AI accelerates exploration.

Creators / Contributors Mentioned

  • No individuals are explicitly credited by name in the subtitles.
  • The promoted software/contributor mentioned: Kito (KD).

Original video