Animation Exercises
Explore hands-on “Animation” exercises to sharpen your skills and level up your craft. Want more? Browse all search results
Exercise
Ease-in-out curve
Exercise
Ease-in curve
Exercise
Ease-out curve
Exercise
Animation
Exercise
Lottie
Exercise
Spring animation

Exercise
Animation keyframes
Exercise
Easing timing function
Exercise
Bounce animation
Exercise
Linear timing function

Exercise
Animation duration

Exercise
Animation timeline

Exercise
Animation delay
Exercise
Use parallax cautiously
Exercise
Avoid rapid animations
Exercise
GIF
Exercise
Motion design

Exercise
Manage videos
Exercise
Parallax
Exercise
Animation
Exercise
Offset & delay
Exercise
Value change
Exercise
Transformation
Exercise
Obscuration
Exercise
Easing
Exercise
Dimensionality
Exercise
Parenting
Exercise
Dolly & zoom
Exercise
Cloning
Exercise
Overlay
Exercise
Masking
Exercise
The role of animations and transitions in UX storytelling
Exercise
Communicating progress
Exercise
Elements of microinteractions
Exercise
What are microinteractions?
Exercise
Tips on designing effective microinteractions
Exercise
Providing system feedback and notifications
Exercise
Communicating brand & personality
Exercise
Adding fun & engagement
Exercise
Supporting undo operations
Exercise
Preventing rework & errors

Exercise