Animating Your User Interface | Xd Animation Challenge



CHALLENGE: Add motion to your user interface to create some extra interested on your app or website.
Get your starter files here: https://adobe.ly/3L8dS66
Adobe Stock Resources: https://adobe.ly/3x0rtZz

Join your host Ruben Cespedes each afternoon at 2:00pm PT to learn how to approach each challenge using Xd. Get your questions answered, see what the community is creating and get feedback on your work!

Share Your Work: https://bit.ly/XDdiscord
Find More Challenges: https://bit.ly/XdChallenges
Join us LIVE on Behance: https://be.net/adobelive
Download Xd: https://adobe.com/products/XD
—–
Join us LIVE on Behance: https://www.behance.net/live/adobelive
00:00 Start
00:37 Introduction
02:10 Setting up the animation
03:54 Prototyping with auto animate
06:22 Importing video
07:10 Editing video
10:40 Adding lotti animations
16:40 Prototyping the home screen
18:40 Creating a hover state
21:12 Prototyping it all together

source

Save This Post

No account yet? Register