Please ensure Javascript is enabled for purposes of website accessibility
A Complete Guide To Animation In Adobe Xd
0( 0 REVIEWS )
6 STUDENTS
11h 20m
Web
Web

This course is designed for those interested to learn the basics of UI animations, the process of animating icons and more, how to create a comprehensive design and interactive prototype, and how to share your work with clients in Adobe Xd.

Read more.
Course Skill Level
Beginner
Time Estimate
11h 20m

Instructor

Web
Web

My mission is to improve the lives of others and to pass on my knowledge back to the community and to all those who want to learn about design.


Only want this course? Buy this course for $199 $29 and keep lifetime access. Click here

About This Course

Who this course is for:

  •  Anyone interested in UI / UX design
  • Anyone interested in UI animation
  • Anyone interested in Adobe Xd and it’s lightning speed
  • Beginners and newbies but also for mediors, looking to expand their knowledge
  • Designers looking to switch to UI / UX
  • For anyone who needs a UI / UX design experience in their portfolio
  • People wanting to add animations to their UI designs

What you’ll learn: 

  • The main differences between UI animations
  • How to animate icons, buttons, forms, text, sliders, charts, effects, and more
  • How to to plan, draw, and create wireframes
  • Adding images, icons and shadows to create a design
  • How to create interactive prototypes
  • Share the work with your client to get feedback
  • How to export your assets for developers

Requirements: 

  • Adobe Xd. You can download it from Adobe’s website.
  • For Windows users Windows 10. Adobe Xd does not work in Windows 7 or 8.
  • No previous Adobe XD experience required.
  • No previous design experience required.
  • No previous animation experience required.
  • There is no coding in this course.

UI design animation is important because it shows your thought process better than just a static image. It helps clients understand the design better and speeds up the process dramatically as it reduces questions from clients, therefore less revisions for you. Animation in Adobe Xd is simple because the application is free, easy to learn, and has all the features you need to create beautiful animations and micro interactions.

You don’t need any previous knowledge of UI/UX or Adobe Xd because we are going to cover it all in this course. However, you need a will to learn UI animation because it will make you more valuable as a designer for both freelance and agency work.

So if you want to create awesome UI animations, micro interactions that make users want to click faster, and awesome transitions to keep them for longer, then I’ll see you in the course!

Our Promise to You

By the end of this course, you will have learned animation using Adobe Xd.

 10 Day Money Back Guarantee. If you are unsatisfied for any reason, simply contact us and we’ll give you a full refund. No questions asked.

 Get started today and learn more about the principles behind UI design animation.

Course Curriculum

Section 1 - Introduction
Course Intro 00:00:00
Course Introduction 00:00:00
Why Do We Animate 00:00:00
Different UI Animations 00:00:00
Adobe Xd Prototyping Features 00:00:00
Section 2 - Icons
Icon 1 00:00:00
Icon 2 00:00:00
Icon 3 00:00:00
Icon 4 00:00:00
Icon 5 00:00:00
Icon 6 00:00:00
Icon 7 00:00:00
Icon 8 00:00:00
Icon 9 00:00:00
Icon 10 00:00:00
Icons Xd File 00:00:00
Section 3 - Buttons
Button 1 00:00:00
Button 2 00:00:00
Button 3 00:00:00
Button 4 00:00:00
Button 5 00:00:00
Button 6 00:00:00
Button 7 00:00:00
Button 8 00:00:00
Button 9 00:00:00
Button 10 00:00:00
Buttons Xd File 00:00:00
Section 4 - Forms
Form 1 00:00:00
Form 2 00:00:00
Form 3 00:00:00
Form 4 00:00:00
Form 5 00:00:00
Form 6 00:00:00
Form 7 00:00:00
Form 8 00:00:00
Form 9 00:00:00
Form 10 00:00:00
Forms Xd File 00:00:00
Section 5 - Text
Text 1 00:00:00
Text 2 00:00:00
Text 3 00:00:00
Text 4 00:00:00
Text 5 00:00:00
Text 6 00:00:00
Text 7 00:00:00
Text 8 00:00:00
Text Xd File 00:00:00
Section 6 - Image Sliders
Image Slider 1 00:00:00
Image Slider 2 00:00:00
Image Slider 3 00:00:00
Image Slider 4 00:00:00
Image Slider 5 00:00:00
Image Slider 6 00:00:00
Image Sliders Xd File 00:00:00
Section 7 - Charts
Chart 1 00:00:00
Chart 2 00:00:00
Chart 3 00:00:00
Chart 4 00:00:00
Chart 5 00:00:00
Charts Xd File 00:00:00
Section 8 - Effects
Loader 00:00:00
Card Flip 00:00:00
Article Scroll 00:00:00
Value Slider 00:00:00
Search 00:00:00
Popup 00:00:00
Parallax 00:00:00
Effects Xd File 00:00:00
Section 9 - Others
Value Slider 00:00:00
Tab Bar 00:00:00
Side Menu 00:00:00
Enlarge Image 00:00:00
Others Xd File 00:00:00
Section 10 - UI Design
Design Brief Plus Project Download 00:00:00
Project Planning 00:00:00
Sketching 00:00:00
Creating Wireframes 1 00:00:00
Creating Wireframes 2 00:00:00
Creating Wireframes 3 00:00:00
Creating Wireframes 4 00:00:00
Creating Wireframes 5 00:00:00
Creating Wireframes 6 00:00:00
Creating Wireframes 7 00:00:00
Creating Wireframes 8 00:00:00
Creating Design 1 00:00:00
Creating Design 2 00:00:00
Creating Design 3 00:00:00
Creating Design 4 00:00:00
Section 11 - UI Animation
Prototyping 1 00:00:00
Prototyping 2 00:00:00
Prototyping 3 00:00:00
Prototyping 4 00:00:00
Prototyping 5 00:00:00
Prototyping 6 00:00:00
Prototyping 7 00:00:00
Prototyping 8 00:00:00
Section 12 - Exporting And Sharing
Creating Style Guide 00:00:00
Sharing With Client 00:00:00
Exporting Assets 00:00:00
Section 13 - Conclusion And Resources
Conclusion 00:00:00
Links And Resources 00:00:00