Fluent motion
E828337
Fluent motion is the animation and motion design framework within Microsoft's Fluent Design System that defines how UI elements move and transition to create smooth, intuitive user experiences.
Statements (50)
| Predicate | Object |
|---|---|
| instanceOf |
animation framework
ⓘ
motion design framework ⓘ |
| aimsTo |
create intuitive user experiences
ⓘ
create smooth user experiences ⓘ |
| appliesTo |
content entrance and exit
ⓘ
navigation transitions ⓘ state changes in controls ⓘ system-level animations ⓘ |
| basedOn | principles of Fluent Design ⓘ |
| defines | how UI elements move and transition ⓘ |
| developer | Microsoft ⓘ |
| documentedIn | Microsoft Fluent Design guidelines NERFINISHED ⓘ |
| focusesOn |
coherent motion patterns across UI
ⓘ
communicating hierarchy and focus with motion ⓘ maintaining continuity during navigation ⓘ natural-feeling movement ⓘ reducing cognitive load through motion ⓘ responsive feedback to user input ⓘ smooth transitions between states ⓘ |
| goal |
express brand personality through motion
ⓘ
make interactions feel fast and responsive ⓘ provide clear visual feedback ⓘ reinforce spatial relationships in the UI ⓘ |
| partOf | Fluent Design System NERFINISHED ⓘ |
| provides |
guidelines for animation timing
ⓘ
guidelines for choreography of multiple elements ⓘ guidelines for easing curves ⓘ guidelines for gesture-driven animations ⓘ guidelines for micro-interactions ⓘ guidelines for physics-like motion ⓘ guidelines for transitions between views ⓘ |
| relatedTo |
Fluent Design System depth
ⓘ
Fluent Design System light NERFINISHED ⓘ Fluent Design System material NERFINISHED ⓘ Fluent Design System scale NERFINISHED ⓘ |
| supports |
accessibility considerations for motion
ⓘ
adaptive motion for different device types ⓘ platform-consistent motion behaviors ⓘ reduced motion preferences ⓘ |
| targetPlatform |
Web
ⓘ
Windows NERFINISHED ⓘ cross-platform Fluent experiences ⓘ |
| targetUserGroup |
designers
ⓘ
developers ⓘ |
| usedIn |
Microsoft 365 applications
NERFINISHED
ⓘ
Microsoft user interfaces ⓘ UWP apps ⓘ Web experiences based on Fluent Design ⓘ WinUI apps ⓘ Windows applications ⓘ |
Referenced by (1)
Full triples — surface form annotated when it differs from this entity's canonical label.