Sale!
alexander-hess-motion-ui-design-gold

Alexander Hess – Motion UI Design Gold

$297 $25

Category:

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

Related products