A beginner's guide to designing interface animations

Motion design is a necessary skill for the modern web. With web animation thriving, everyone from UX designers to front-end developers needs an appreciation for what motion can add to their work.

The character and energy that motion brings to an app or system interface works wonderfully on the web, too. Motion is a valuable interaction design tool. These are exciting times! 

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

Latest in Web Design
A screenshot of the new YouTube UI
Yes, YouTube has a new UI. Yes, it's terrible
Adobe XD logo
It seems Adobe's given up on UI design (for now)
Adobe Muse
Why Adobe is frustrating web designers
Dropbox Relay interface with photo of man running
How Dropbox Replay is helping designers future-proof their practice
UX revolution
From 2D to 3D: How brands can harness the latest UX/UI revolution
Personal portfolio of Julie Bonnemoy with a retro vibe
From AI to no-code: The top web design trends for 2024 according to Designmodo
Latest in Features
A group of people taking a selfie using the iPhone 16e.
7 reasons the iPhone 16e is a huge improvement on the iPhone SE 3
How we made Ada; A digitally animated scene depicts two women in a grand, antique-style library, with one pointing.
How we made the "lush, handmade look" of animated series Ada
Making Paddington in Peru's character animation; a small bear in a red had sat in a jungle
Paddington in Peru's animation works because of one small detail
Avowed key art; a skull with plants and coral growing from it
Dissecting Avowed's beautifully abstract artwork, and how it was made
Clair Obscur Expedition 33 art influences; watery scenes from a fantasy video game, showing colourful coral and mines and creatures
Clair Obscur: Expedition 33's art director jokes how he wanted to make a 'realistic version of SpongeBob'
Clair Obscur Expedition 33; fantasy characters float in a dark sky, a god-like creature is seen in the distance amidst lighting and flames
Using Unreal Engine 5 “can be a trap”, says the dev behind Clair Obscur: Expedition 33