Motion Design

Definitions

1. The discipline of designing animations and transitions within a user interface — including easing curves, duration, choreography, and spatial relationships — to communicate state changes, guide attention, and reinforce the interaction model.

   In plain English: Planning how things move and animate on screen to make an app feel smooth and help users understand what's happening.

   Example: "The motion design spec says the card should slide up with a 300ms ease-out and the overlay should fade in 200ms later."

Related Terms

• Dark Pattern
• User Story
• Design System
• Keyframe
• Main Thread
• Modal
• Prototyping
• Shimmer Effect
• Subcommand
• Table View
• Toast
• Transition
• Change Detection
• Custom Renderer