<?xml version="1.0" encoding="utf-8"?>
Exercise

Ease-in-out curve

Exercise

Ease-in curve

Exercise

Ease-out curve

Exercise

Animation

Exercise

Lottie

Exercise

Spring animation

Animation keyframes
Exercise

Animation keyframes

Exercise

Easing timing function

Exercise

Bounce animation

Exercise

Linear timing function

Animation duration
Exercise

Animation duration

Animation timeline
Exercise

Animation timeline

Animation delay
Exercise

Animation delay

Exercise

Use parallax cautiously

Exercise

Avoid rapid animations

Exercise

GIF

Exercise

Motion design

Manage videos
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

Indicating standby
Exercise

Indicating standby