Alexander Hess – Motion UI Design Gold

A tremendous value you will get after this course

You’ll learn:

• What Motion UI design is and why every UX/UI designer should know it if they want to get to the next level;
• The difference between Motion UI design and Motion design, so you understand that Motion UI is easy to learn;
• What Motion UI design doesn’t exist without. The very first thing you need to know before animating anything;
• The purpose of animations and prototyping so you know how to pitch your works and sell them;
• Types of Motion UI design & triggers;
• How to train your prototyping and motion design skills so you will never get stuck;
• What can be animated, and how to avoid mistakes. Some tools have their limits; you will know them;
• How to use masks in motion UI design to create mind-blowing animations and prototypes;
• How to animate logos, mobile apps, and websites; create POWERFUL prototypes and MINDBLOWING presentations;
• Top mistakes people make with motion and ruin their designs;
• BEST practices and examples of great works;
• Developers hand-off. How to explain your works to developers;
• List of websites and resources for your inspiration and boost your animations and prototyping skills.

This course is for

UX/UI Designers (Junior-Senior level)

Learn how to create micro-interaction, transitions, UI animations, powerful prototypes and present your designs like a professional

Web Designers (all levels)

Learn how to animate your websites, create real web prototypes to level-up your portfolio, attract clients and impress your managers

Motion or Interaction designers

Learn the fundamentals of Motion UI design and get a new skill that will bring you clients and a job of your dream

Anyone interested in Motion UI Design

Even if you are not a designer, this masterclass will guide you step-by-step on how to become a Pro in Motion UI design

What’s inside

Module 1: Fundamentals (Premium, Gold)

1. Welcome to the masterclass (1:53)
2. Where to start in Motion Design (3:35)
3. What is Motion Design (6:04)
4. What is Motion UI Design…& Triggers (10:28)
5. Transitions. Which one to choose (9:50)
6. The main purpose of Motion UI Design (6:47)
7. Tools for Motion UI Design. Which one is the best? (8:42)
8. Why Motion Design is so complicated? Now you know that it’s not. (2:13)
9. The first fundamental principle of Motion UI Design (3:49)
10. The second fundamental principle of Motion UI Design…and how companies like Apple and Google do it? (26:46)
11. What’s next (5:01)

Your result after Module 1

You know what Motion UI design is; what it consists of and what tools to use; how companies like Google, Apple create animations for their landing pages; you know how to analyze UI animations and prototypes of other designers so you will be able to create any website or mobile app.

Module 2: Practice (Premium, Gold)

1. Intro to the Practice section (0:41)
2. The most used attribute in Motion Design (41:53)
3. How to work with scroll (13:04)
4. What you should know about Masks in Motion UI Design (14:21)
5. The least used attribute in Motion UI Design (8:15)
6. How to reveal these elements? (5:29)
7. What’s the difference between size and scale (20:21)
8. Why you should know how to animate border radii (4:43)
9. If you are a UX/UI design you have to animate it (6:38)
10. Let’s make it pop. How and where to animate effects (6:32)
11. BONUS: How to Animate Isometric Elements (9:27)

Your result after Module 2

You know what attributes to animate and how to do it; you know how to work with scroll (most designers don’t understand the secret behind it); you know the difference between SIze and Scale in animations; you know how to animate different effects in Figma; you know how to create Isometric animations; you know how to create powerful animations using masks.

Module 3: Motion UI with Principle (Gold)

1. Introduction to the Principle module (0:33)
2. What is Principle and why it’s so powerful (15:02)
3. Principle. 5 main sections of the tool (33:56)
4. How to prepare a project and import it to Principle (25:49)
5. How to create an Apple-style landing page with Principle (105:49)
6. How to create a mobile app prototype (79:09)
7. How to export your animation from Principle(22:33)

Your result after Module 3

You know how to create powerful animations and prototypes with Principle; you know how to prepare your design for this tool; you know how to animate landing page prototypes like Apple and Google; you know how to create mindblowing UI animations for mobile apps; you know how to export your works to your website, Dribbble or any other platform.

Module 4: Export & Developers (Premium, Gold)

1. How to export and share your animations and prototypes (14:32)
2. How to explain your animations to developers (Specifications) (10:22)

Your result after Module 4

You know how to export your animations and prototypes to your portfolio, website, Dribbble, Behance or any other website; you know how to explain your animations to developers so they will be implemented the right way.

Sales Page:_https://alexunderhess.design/motion-ui