Adobe Xd Animation - Complete Guide From Icons To UI

By Aleksandar Cucukovic, Teacher, Entrepreneur

3.5
Language: English

This course is for you

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 You don't need any previous knowledge of UI / UX or Adobe Xd, we are going to cover it all in this course. All you need is an interest in UI animation and you will do well by the end of this course. Through this course you will also learn about important resources which you can use in your work, that will save you hours and sometimes even months of your projects. Hours that you can charge extra for, while keeping your free time. So what are you waiting for? Click enroll and i'll see you in class. Have a creative day! Aleksandar

Course overview - 103

  • Course Intoduction

  • Why do we animate UI?

  • 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

  • Adobe Xd Update - Components

  • Adobe Xd Update - Component States

  • Adobe Xd Update - Component Animation

  • Links And Resources

Meet your instructor

Aleksandar Aleksandar
Aleksandar CucukovicTeacher, Entrepreneur
For the last 10 years i have designed websites, products and apps for different companies, big and small. With my wife i have started 3 startup companies and through the process met some amazing people from all over the world. For the last five years i have created over 500 design products, improved the lives and workflows of over 100.000 designers from around the world. Now 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 the amazing worlds of design and business. Thank you for reading and have a lovely day! Aleksandar Cucukovic