Naturalistic Motion

More in Design & brand

• Medium 300 500msGuides animations of 300 to 500ms, such as page transitions and major UI changes.
• Micro 100 200msDesigns quick 100 to 200 millisecond interface animations like tooltips and dropdowns.
• Mobile TouchDesigns iOS/Android gestures and touch interactions.
• Motion SicknessIdentify and fix animations causing discomfort.
• Orchestrated SequencesChoreographs staggered, multi-element animation sequences.
• Page TransitionsAdds smooth route and modal transitions to web and mobile apps.
• Performance OptimizationOptimizes animation performance.
• Physics IntuitionMotion needs to feel physically grounded—objects falling, characters jumping, things.