What You Will Learn in This Motion Design Course

  • Master Figma and enhance your skills in UI/UX, Web, and Mobile App Design.
  • Learn to create Motion Design Prototypes, integrating Animations and Motion Graphics into your projects.
  • Build a professional design portfolio with real-world projects like a Photo Inspiration App, Smart Home Mobile App, and Nat Geo Carousel.
  • Use Smart Animate in Figma to bring interfaces to life.
  • Understand UI/UX best practices and the latest motion design trends.
  • Explore Motion Design principles, processes, best practices, and prototyping for real-world applications.

Motion Design Course Outline

Module 1: Introduction to Motion Design

  • What is Motion Design?
  • Importance of Motion Design in UX/UI
  • Tools and Software Overview (Figma, After Effects, etc.)
  • Understanding Animation Principles

Module 2: Fundamentals of Animation

  • Types of Motion (Micro-animations, Transitions, etc.)
  • Timing and Easing in Animation
  • Keyframes and Animation Curves
  • Layering and Object Hierarchy

Module 3: Motion Design in Figma

  • Introduction to Figma’s Prototyping Features
  • Creating Smooth Transitions and Interactions
  • Using Smart Animate in Figma
  • Hands-on Practice: Animating UI Elements

Module 4: Advanced Motion Graphics

  • Combining Motion Design with Branding
  • Working with Lottie and SVG Animations
  • Exporting and Optimizing Animations for Web & Mobile
  • Case Studies of Effective Motion Design

Module 5: Motion Design Workflow & Best Practices

  • Storyboarding and Planning Animations
  • Collaborating with Developers
  • Performance Considerations for Web & Mobile
  • User Experience and Accessibility in Motion Design

Module 6: Capstone Project

  • Developing a Motion Design Portfolio Project
  • Applying Animations to Real-World Projects
  • Review and Feedback Session

 

Register Now