Easing
A curve that controls the rate of change of an animation, making motion feel natural rather than mechanical.
Easing describes how an animation accelerates and decelerates over its duration. Linear motion — constant speed — reads as robotic, because real objects ease in and out. An ease-out starts fast and slows to a gentle stop; an ease-in does the reverse.
Easing is one of the highest-leverage craft decisions in motion design. A well-chosen easing curve makes an element feel like it has weight and intention. GenMotion's presets apply tasteful easing by default, and you can always ask for a different feel.
See also: , .
Put these ideas into motion.
Start freeFrequently asked questions
Easing describes how an animation accelerates and decelerates over its duration. An ease-out starts fast and slows to a gentle stop; an ease-in does the reverse.
Real objects ease in and out rather than moving at a constant speed, so easing gives elements a sense of weight and intention. Linear motion, by contrast, reads as robotic.