Motion is essential to bringing digital products to life. Something as simple as tapping a card to expand and reveal more information is made better by fluid animation. New content is introduced, shared elements move into their new position, and the user is given guidance with a clear focal point. In Material Design, we’ve developed four principles of motion to help designers and developers implement effective motion design.
In the Material Design Guidelines, motion plays an integral part to the overall feeling and functionality of the design framework. It conveys energy, drawing inspiration from forces like gravity and friction. Just as objects in the real world don’t come to abrupt stops or instantly speed up, Material motion responds to the user’s input without missing a beat. Similarly, Material Design aims for motion to feel natural, like gaining velocity or easing into a resting state by following an arc rather than a straight path. But more than simply seeming natural, motion should above all else help guide users, providing them with the right information at the right time. Motion should help navigate complex challenges, and clearly communicate to the user an element’s resistance, dynamism, and path.
At Google, we have incredible designers working to make smart and delightful motion for products you use everyday. We chatted with a few of these folks working on products like Google Photos, YouTube Kids, Android, and Google Duo to learn about their process.
Eric Henry, UI Designer on Google Photos