Lumina

Manuals / Motion for Product

Design · Beginner → Intermediate

Motion for Product

Interactive path — click phases, expand checkpoints, mark chapters done. Hierarchy, easing, micro-interactions — and knowing when NOT to animate.

~4 wk

Typical span

4 phases

Learning bands

0/9

Chapters done

0%

Progress

Relative time weight by phase — click a band to open Phase detail.

Start chapter 1

Learning path

Phase map for this manual. Download the SVG or jump into a phase below.

Interactive pathway

Learning roadmap

A progressive route through 9 nodes across 4 phases. Click any node to open the chapter.

  • Chapter
  • Guide
  • Checkpoint
  • Beginner Mid Advanced
  1. 01

    Start

    1 step

    1. 01How to use this pathDay 0Guide
  2. 02

    A · Principles

    3 steps

    1. 02Why motion exists in product UIWeek 1Chapter
    2. 03Hierarchy & choreography~35 minChapter
    3. 04Timing, easing, duration~35 minChapter
  3. 03

    B · Patterns

    3 steps

    1. 05Micro-interactionsWeek 2Chapter
    2. 06Accessibility & performance~30 minChapter
    3. 07Checkpoint: motion critique + fixGateCheckpoint
  4. 04

    C · Judgment

    2 steps

    1. 08When NOT to animateWeek 3Chapter
    2. 09Checkpoint: motion guidelinesCapstoneCheckpoint
Text list of all chapters
  1. 01How to use this pathStart
  2. 02Why motion exists in product UIA · Principles
  3. 03Hierarchy & choreographyA · Principles
  4. 04Timing, easing, durationA · Principles
  5. 05Micro-interactionsB · Patterns
  6. 06Accessibility & performanceB · Patterns
  7. 07Checkpoint: motion critique + fixB · Patterns
  8. 08When NOT to animateC · Judgment
  9. 09Checkpoint: motion guidelinesC · Judgment

Next, learn…

Same neighborhood as Motion for Product — keep the momentum.

DesignGraphic Design
DesignFigma
DesignUI/UX Foundations
DesignDesign Thinking

Discussion

Light notes for this path — saved in your browser only (not a public forum yet).

  • No notes yet — leave the first.