Awwwards – Using motion design to animate with purpose and create delightful experiences Free Download

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.

Course Table of contents
What will you learn?
5 sections • 20 lectures • 3 hours

Welcome
4 lectures 11 Min.
Introduction
4 Min.
Why use motion design?
3:07 Min.
Types of animations and examples
3:44 Min.
Project files: Pangram
Best Practices
7 lectures 19 Min.
Intro
1:31 Min.
Focusing attention and guiding the user
1:53 Min.
Creating emotion and showcasing personality and brand
1:53 Min.
Informing and giving feedback to the user
3 Min.
Timing, easing and offset
4 Min.
Finding inspiration
3 Min.
Chapter conclusion
2 Min.
Giving life to your design
6 lectures 126 Min.
Intro
2 Min.
After Effects – Importing your design files
10 Min.
After Effects – Workspace and compositions
13 Min.
After Effects – Animating your design
45 Min.
After Effects – Creating your own motion design
50 Min.
After Effects – Exporting your animation
6 Min.
Lottie
2 lectures 16 Min.
What is Lottie
3 Min.
Animating and exporting your animation in Lottie
13 Min
Conclusion
1 lectures 2 Min.
Conclusion
2 Min.