Adobe Xd Animation - Complete Guide From Icons To UI

Animating your UI design is important because it shows your thinking and process better then just a static image.

.

Showing your clients animated design is going to help them understand it better and speed up the process dramatically.

.

Animating in Adobe Xd is simple because the app is free, easy to learn and all in one tool.

.

Hi there my name is Alex and in this course you will learn:

* Differences between UI animations
* How to animate Icons, Buttons, Forms, Text, Sliders, Charts, Effects and More
* Then apply that knowledge to plan, draw and create wireframes
* Add images, icons and shadows to create a design
* Use the techniques you learned to create prototypes
* Share the work with your client to get feedback
* And finally how to export your assets for developers

.

This course is for everybody, whether you are just starting out, or you are a pro, looking for some extra tips in Adobe Xd

.

I hope you are ready to learn Adobe Xd and awesome animation features it has to offer, and i'll see you in class.

.

Have a creative day! 

Aleksandar

• Class Intro
• Class Introduction
• Why do we animate
• Different UI Animations
• Adobe Xd's Prototyping Features
• Icon 1
• Icon 2
• Icon 3
• Icon 4
• Icon 5
• Icon 6
• Icon 7
• Icon 8
• Icon 9
• Icon 10
• Icons Xd File
• Button 1
• Button 2
• Button 3
• Button 4
• Button 5
• Button 6
• Button 7
• Button 8
• Button 9
• Button 10
• Buttons Xd File
• Form 1
• Form 2
• Form 3
• Form 4
• Form 5
• Form 6
• Form 7
• Form 8
• Form 9
• Form 10
• Forms Xd File
• Text 1
• Text 2
• Text 3
• Text 4
• Text 5
• Text 6
• Text 7
• Text 8
• Text Xd File
• Image Slider 1
• Image Slider 2
• Image Slider 3
• Image Slider 4
• Image Slider 5
• Image Slider 6
• Image Sliders Xd File
• Chart 1
• Chart 2
• Chart 3
• Chart 4
• Chart 5
• Charts Xd File
• Loader
• Card Flip
• Article Scroll
• Value Slider
• Search
• Popup
• Parallax
• Effects Xd File
• Value Slider
• Tab Bar
• Side Menu
• Enlarge Image
• Others Xd File
• Design Brief
• Project Planning
• Sketching
• Creating Wireframes 1
• Creating Wireframes 2
• Creating Wireframes 3
• Creating Wireframes 4
• Creating Wireframes 5
• Creating Wireframes 6
• Creating Wireframes 7
• Creating Wireframes 8
• Creating Design 1
• Creating Design 2
• Creating Design 3
• Creating Design 4
• Prototyping 1
• Prototyping 2
• Prototyping 3
• Prototyping 4
• Prototyping 5
• Prototyping 6
• Prototyping 7
• Prototyping 8
• Creating Style Guide
• Sharing With Client
• Exporting Assets
• Conclusion
• Links And Resources
• Adobe Xd Update Components
• Adobe Xd Update Component States
• Adobe Xd Update Component Animation
• YouTube Channel For More Content
• Join My Free Facebook Group