Hurry Up! Vote for your favorites this month in the Awwwards Honors!

UI Design: Animated is better

  • Language: English
  • Certificate: of completion
  • Subtitles: English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
  • Duration: 3 Hours 50 Mins
Now
11.99$
/$100

Learn the basics of motion design for digital experiences. Approaching the animation world can be challenging at the beginning, with many things to understand and learn and often there is some confusion on which is the best and most efficient way of learning this skill.

Category Course format Language Duration Level
UI Design, Animation Online English with Subt. 3 Hours 50 Mins Beginner, Intermediate & Advanced

In this course I want to share with you the basics of motion & interaction design for digital experiences. We’ll talk about the pillars of animation like timing, easing, offset and more.

We’ll use Principle and After Effects to play with these concepts and understand the differences between functional prototyping and creative interactions.

We’ll animate a flow of an app with Principle, discovering best practices of product animation. Then we’ll have some fun in After Effects animating a full landing page, from the main transitions to micro interaction and teeny-tiny details.

This course is perfect for you if you’re just approaching the animation world or if you want to bring your motion game to the next level.

Modules

What you will learn
in this course.

  • Lessons
  • Lesson 1
    Introduction
    • Hello, My name is...
    • What we’ll we do in this course?
  • Lesson 2
    The Basics of Motion for Digital Experiences
    • The importance of knowing the basics
    • Starting from a Keyframe
    • The Pillars of Animation
    • Adapting your animation style
  • Lesson 3
    Animate in Principle
    • Organizing and importing your design on Principle
    • Understanding Principle Interface
    • Animating Session on Principle pt.1
    • Animating Session on Principle pt.2
    • Takeaways on Principle
  • Lesson 4
    Animate in After Effects
    • Organizing and importing your design on Ae
    • Understanding Ae Interface
    • Animating Session on Ae pt.1
    • Animating Session on Ae pt.2
    • Takeaways on Ae
  • Lesson 5
    Conclusion
    • Well done folks!

Meet the teacher

Daniele Buffa

Designer @MetaLab

Daniele Buffa is a Creative Designer with focus on visual, motion, 3D & interaction design. During his design career he had the opportunity to work with companies & clients like Google, Sony Music, Headspace, Business Insider & More. He is also very passionate about cinema and he particularly loves the aesthetic of directors like Nicolas Winding Refn (Drive, Only God Forgives) or Dennis Villenueve (Arrival, Blade Runner 2049) he also loves to experiment with electronic music production in his free time and to play with his cat, Ed.

Now
11.99$
/$100

Course Content

Learn the basics of motion design for digital experiences. Approaching the animation world can be challenging at the beginning, with many things to understand and learn and often there is some confusion on which is the best and most efficient way of learning this skill.

Features

  • English
  • English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
  • Beginner, Intermediate & Advanced
  • Access on mobile and Desktop
  • Full time access
  • Certificate of completion

If you have any questions about this course, please contact us

Start the course and upskill your professional toolkit.

Related courses

Find more courses
like this one.

Currently we have more courses for you View All Courses