Adobe Xd Animation - Complete Guide From Icons To UI

This is a 11.5 hours long course in which we are going to cover everything about animation in Adobe Xd. We are going to start slowly and move on from there and cover animation of icons, buttons, forms, text, sliders and so much more.

$24.95 / MONTH SITE SUBSCRIPTION (W/ 10 DAY FREE TRIAL) $239.95 / YEAR SITE SUBSCRIPTION (W/ 10 DAY FREE TRIAL)

Course curriculum

1. Module 1 - Overview and Learning Objectives
2. Segment - 01 - Course Introduction
3. Segment - 02 - Why Do We Animate
4. Segment - 03 - Different UI Animations
5. Segment - 04 - Adobe Xd's Prototyping Features
1. Module 2 - Overview and Learning Objectives
2. Segment - 05 - Icon 1
3. Segment - 06 - Icon 2
4. Segment - 07 - Icon 3
5. Segment - 08 - Icon 4
6. Segment - 09 - Icon 5
7. Segment - 10 - Icon 6
8. Segment - 11 - Icon 7
9. Segment - 12 - Icon 8
10. Segment - 13 - Icon 9
11. Segment - 14 - Icon 10
12. Segment - 15 - Icons Xd File
1. Module 3 - Overview and Learning Objectives
2. Segment - 16 - Button 1
3. Segment - 17 - Button 2
4. Segment - 18 - Button 3
5. Segment - 19 - Button 4
6. Segment - 20 - Button 5
7. Segment - 21 - Button 6
8. Segment - 22 - Button 7
9. Segment - 23 - Button 8
10. Segment - 24 - Button 9
11. Segment - 25 - Button 10
12. Segment - 26 - Buttons Xd File
1. Module 4 - Overview and Learning Objectives
2. Segment - 27 - Form 1
3. Segment - 28 - Form 2
4. Segment - 29 - Form 3
5. Segment - 30 - Form 4
6. Segment - 31 - Form 5
7. Segment - 32 - Form 6
8. Segment - 33 - Form 7
9. Segment - 34 - Form 8
10. Segment - 35 - Form 9
11. Segment - 36 - Form 10
12. Segment -37 - Forms Xd File
1. Module 5 - Overview and Learning Objectives
2. Segment - 38 - Text 1
3. Segment - 39 - Text 2
4. Segment - 40 - Text 3
5. Segment - 41 - Text 4
6. Segment - 42 - Text 5
7. Segment - 43 - Text 6
8. Segment - 44 - Text 7
9. Segment - 45 - Text 8
10. Segment - 46 - Text Xd File
1. Module 6 - Overview and Learning Objectives
2. Segment - 47 - Image Slider 1
3. Segment - 48 - Image Slider 2
4. Segment - 49 - Image Slider 3
5. Segment - 50 - Image Slider 4
6. Segment - 51 - Image Slider 5
7. Segment - 52 - Image Slider 6
8. Segment - 53 - Image Slider Xd File
1. Module 7 - Overview and Learning Objectives
2. Segment - 54 - Chart 1
3. Segment - 55 - Chart 2
4. Segment - 56 - Chart 3
5. Segment - 57 - Chart 4
6. Segment - 58 - Chart 5
7. Segment - 59 - Chart Xd File
1. Module 8 - Overview and Learning Objectives
2. Segment - 60 - Loader
3. Segment - 61 - Card Flip
4. Segment - 62 - Article Scroll
5. Segment - 63 - Value Slider
6. Segment - 64 - Search
7. Segment - 65 - Popup
8. Segment - 66 - Parallax
9. Segment - 67 - Effects Xd File
1. Module 9 - Overview and Learning Objectives
2. Segment - 68 - Value Slider
3. Segment - 69 - Tab Bar
4. Segment - 70 - Side Menu
5. Segment - 71 - Enlarge Image
6. Segment - 72 - Others Xd File
1. Module 10 - Overview and Learning Objectives
2. Segment - 73 - Design Brief
3. Segment - 74 - Project Planning
4. Segment - 75 - Sketching
5. Segment - 76 - Creating Wireframes 1
6. Segment - 77 - Creating Wireframes 2
7. Segment - 78 - Creating Wireframes 3
8. Segment - 79 - Creating Wireframes 4
9. Segment - 80 - Creating Wireframes 5
10. Segment - 81 - Creating Wireframes 6
11. Segment - 82 - Creating Wireframes 7
12. Segment - 83 - Creating Wireframes 8
13. Segment - 84 - Creating Design 1
14. Segment - 85 - Creating Design 2
15. Segment - 86 - Creating Design 3
16. Segment - 87 - Creating Design 4
1. Module 11 - Overview and Learning Objectives
2. Segment - 88 - Prototyping 1
3. Segment - 89 - Prototyping 2
4. Segment - 90 - Prototyping 3
5. Segment - 91 - Prototyping 4
6. Segment - 92 - Prototyping 5
7. Segment - 93 - Prototyping 6
8. Segment - 94 - Prototyping 7
9. Segment - 95 - Prototyping 8
1. Module 12 - Overview and Learning Objectives
2. Segment - 96 - Creating Style Guide
3. Segment - 97 - Sharing With Clients
4. Segment - 98 - Exporting Assets
1. Module 13 - Overview and Learning Objectives
2. Segment - 99 - Conclusion
3. Segment - 100 - Adobe Xd Update Components
4. Segment - 101 - Adobe Xd Update Components States
5. Segment - 102 - Adobe Xd Update Components Animation
1. Resource - 01- Buttons
2. Resource - 02 - Charts
3. Resource - 03 - Effects
4. Resource - 04 - Image Sliders
5. Resource - 05 - Others
6. Resource - 06 - Text

About this course

Free
121 lessons
11.5 hours of video content

Module 1

Module 2

Module 3

Module 4

Module 5

Module 6

Module 7

Module 8

Module 9

Module 10

Module 11

Module 12

Module 13

Resources

About this course