Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Mobile Soft UI Design and Animation - Adobe XD Masterclass
Rating: 4.5 out of 5(2 ratings)
320 students
Created bySoli Art
Last updated 9/2023
English

What you'll learn

  • Comprehensive Soft UI Design Skills: Learn how to create different types of Soft UI or Neumorphism in Adobe XD, including adding color to Soft UI shadows
  • Creative Application Design: Discover creative ways to design applications, including a creative sign-in fingerprint design and prototyping animation.
  • Animation Mastery: Master auto animation in Adobe XD, including component animation, adding sound effects, and creating a countdown timer animation.
  • Real-World Project: Design and animate a washing machine, integrating sound effects to bring your design to life.
  • Tips and Tricks: Gain valuable insights into tips and tricks to design and animate faster in Adobe XD.
  • Interactive UI Design: Learn how to create reactive UI designs that respond to user interactions, enhancing user engagement and experience.
  • Adobe XD Auto Animate: Master the advanced features of Adobe XD's auto animate tool to create smooth and dynamic animations for your UI designs.
  • Responsive Design: Discover how to create designs that are responsive across different devices and screen sizes, ensuring a seamless user experience.
  • Prototyping and Testing: Learn how to create interactive prototypes and conduct user testing to validate your designs and make necessary improvements.
  • Designing for Different States: Understand how to design for different states (e.g., hover, active, disabled) to create a more interactive and intuitive user ex
  • Micro-Interactions: Discover how to create micro-interactions that delight users and make your designs more engaging and interactive.
  • Animation Timing and Easing: Learn how to adjust the timing and easing of your animations to create more natural and dynamic movements.
  • Creating Interactive Components: Master the art of creating interactive components that can be reused across your designs, saving time and ensuring consistency.

Course content

1 section16 lectures2h 6m total length
  • Introduction1:55
  • What is Soft UI or Neumorphism in Adobe XD Design0:35

    Explore how soft UI or neumorphism uses light and dark inner and top shadows on two layered surfaces to design cohesive apps and websites.

  • How to design soft Ui in bright background in Adobe XD9:51

    Design soft UI with bright backgrounds in Adobe XD by using drop shadows and inner shadows. Use color-filled shapes and components so changes apply across the project.

  • How to Design Soft Ui in Dark mode background in Adobe XD8:08
  • Sign in Soft UI Design app and Prototyping Animation14:27

    Design a sign-in page using soft UI in Adobe XD, applying shadows, gradients, and fingerprint animation with prototype auto animate and easing for a smooth unlock sequence.

  • Home Page Soft UI design Dark mode17:58
  • Turn on the Light Prototyping Animation5:13
  • Main Page Laundry icon Animation8:10
  • Designing Washing Machine Page11:03
  • Prototyping Animation Washing Machine8:49
  • Create Bubbles for Washing Machine5:41
  • Add Sound Effect in Adobe XD5:35
  • Timer Design and prototyping animation Adobe XD13:54
  • Prototyping Start to Finish4:25
  • Design the Bright Mode8:15
  • Sign In Sign Up Button Design2:34

    Create sign in and sign up buttons in Adobe XD by centering, coloring blue, and adjusting size with alt and shift, then apply white shadows and a linear gradient.

Requirements

  • Adobe XD: Access to Adobe XD software. A free trial or a subscription would be necessary as the course involves hands-on assignments and projects using Adobe XD.
  • Basic Computer Skills: A fundamental understanding of how to use a computer and navigate the internet.
  • Passion for Design: A keen interest in design and creativity, and a desire to improve mobile application user experiences.
  • No prior experience in Soft UI design or animation is required as the course is designed to start from scratch and guide students to a professional level.

Description

Unleash Your Creativity with Mobile Soft UI Design and Animation - Adobe XD Masterclass!

Are you ready to master the art of Soft UI design and animation in Adobe XD? Whether you are a complete beginner or looking to enhance your skills, this masterclass is designed to guide you, step by step, through the process of creating stunning Soft UI designs and animations for light and dark mode applications.

In this comprehensive course, you will not only learn how to create different types of Soft UI or Neumorphism in Adobe XD but also discover creative ways to design applications, master auto animation, design and prototype a creative sign-in fingerprint, create components and component animations, add sound effects, create a countdown timer animation, and design and animate a washing machine.

What You Will Learn:

  • Master Soft UI Design: Learn how to create Soft UI or Neumorphism in Adobe XD and explore different types of Soft UI, including adding color to Soft UI shadows and inner shadows.

  • Creative Application Design: Discover creative ways to design applications, including a creative sign-in fingerprint design and prototyping animation.

  • Animation Mastery: Master auto animation in Adobe XD, including component animation, adding sound effects, and creating a countdown timer animation.

  • Real-World Project: Design and animate a washing machine, integrating sound effects to bring your design to life.

  • Tips and Tricks: Gain valuable insights into tips and tricks to design and animate faster in Adobe XD.

Beginner-Friendly:

Don't worry if you are a beginner; this course is designed to start from scratch, ensuring everyone can follow along and progress through the steps to mastery.

By enrolling in this masterclass, you will not only develop a comprehensive understanding of Soft UI design and animation in Adobe XD but also gain valuable skills that will empower you to create stunning mobile applications with ease and confidence.

Enroll Now and Unleash Your Creative Potential!

Who this course is for:

  • Beginners: Individuals with little to no experience in Soft UI design or animation who are looking to start a career in this field.
  • Design Enthusiasts: Individuals with a passion for design and creativity who want to expand their skill set and knowledge in Soft UI design and animation.
  • Career Changers: Professionals from other fields who are looking to transition into a career in mobile application design and animation.
  • Freelancers: Freelancers who want to enhance their Soft UI design and animation skills to offer more services to their clients and improve their portfolio.
  • Entrepreneurs: Startup founders or business owners who want to understand the principles of Soft UI design and animation to create better products and services for their customers.
  • Developers: Mobile and web app developers who want to improve their design skills and create more user-friendly and engaging applications.
  • Product Managers: Product managers who want to gain a deeper understanding of Soft UI design and animation to better manage their product development process and team.