-
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
Overview
Syllabus
-
- 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
