Motion design creates movement, excitement and adds life to otherwise static experiences. When it comes to digital environments, it not only creates delight but also serves strategic purposes such as brand expression, accessibility, information and guidance.
In this course, you will learn how to integrate motion to your designs with purpose in mind. We will cover topics ranging from micro-interactions to full screen transitions as well as how to prepare, animate and export your animations in After Effects and Lottie.
At this end of this class, you will be able to design with motion in mind and to animate your web models.
(*) This course will be available at the end of October. Enjoy 25% off if you pre-order now!
Course Table of Contents
What will you learn?
5 sections • 24 lectures • 2.5 Hours total length
-
Welcome3 lectures 22 Min.
-
Introduction8 Min.
-
Why use motion design?8 Min.
-
Types of animations and examples6 Min.
-
-
Best Practices9 lectures 42 Min.
-
Intro2 Min.
-
Increasing accessibility and guiding the user6 Min.
-
Creating emotion and showcasing personality6 Min.
-
Informing and giving feedback to users (validating actions)6 Min.
-
The right balance - Where, when and how to use motion6 Min.
-
Timing, offset and easing6 Min.
-
Adapting your animations to the product and budget4 Min.
-
Finding inspiration4 Min.
-
Chapter conclusion and wrap-up2 Min.
-
-
Giving life to your design8 lectures 62 Min.
-
How to prepare your file for After Effects integration10 Min.
-
Intro2 Min.
-
How to prepare your file for After Effects integration6 Min.
-
After Effects - Importing your design from Sketch, XD or Figma15 Min.
-
After Effects - Animating your design (the basics)40 Min.
-
After Effects - Exporting your animation10 Min.
-
After Effects - Workspace and compositions15 Min.
-
Chapter conclusion and wrap-up2 Min.
-
-
Lottie2 lectures 12 Min.
-
What is Lottie6 Min.
-
Animating and exporting your animation in Lottie6 Min
-
-
Conclusion2 lectures 10 Min.
-
What we learned5 Min.
-
Mot de la fin5 Min.
-
