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.
Overview
This course includes:
- 11.5 hours on-demand video
- 12 downloadable resources
- Full lifetime access
Skills You Will Gain
Learning Outcomes (At the end of this program you will be able to)
- Become a UI Designer
- Become a UX Designer
- Work using the design workflow
- Design, prototype and share a mobile app design
- Secrets of simple animations
- Secrets of complex animations
- Work with clients the smart way
- Deliver files to the developers the right way
Prerequisites
- 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.
Who Should Attend
- 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
- Anyone who needs a UI / UX design experience in their portfolio
- People wanting to add animations to their UI designs
Curriculum
1Welcome to the course!
About this course: Overview, Learning Outcomes, Who Should Enroll...
Instructor bio - Alesksandar Cucukovic
2Module 1
Module 1 - Overview and Learning Objectives
Segment - 01 - Course Introduction
Segment - 02 - Why Do We Animate
Segment - 03 - Different UI Animations
Segment - 04 - Adobe Xd's Prototyping Features
3Module 2
Module 2 - Overview and Learning Objectives
Segment - 05 - Icon 1
Segment - 06 - Icon 2
Segment - 07 - Icon 3
Segment - 08 - Icon 4
Segment - 09 - Icon 5
Segment - 10 - Icon 6
Segment - 11 - Icon 7
Segment - 12 - Icon 8
Segment - 13 - Icon 9
Segment - 14 - Icon 10
Segment - 15 - Icons Xd File
4Module 3
Module 3 - Overview and Learning Objectives
Segment - 16 - Button 1
Segment - 17 - Button 2
Segment - 18 - Button 3
Segment - 19 - Button 4
Segment - 20 - Button 5
Segment - 21 - Button 6
Segment - 22 - Button 7
Segment - 23 - Button 8
Segment - 24 - Button 9
Segment - 25 - Button 10
Segment - 26 - Buttons Xd File
5Module 4
Module 4 - Overview and Learning Objectives
Segment - 27 - Form 1
Segment - 28 - Form 2
Segment - 29 - Form 3
Segment - 30 - Form 4
Segment - 31 - Form 5
Segment - 32 - Form 6
Segment - 33 - Form 7
Segment - 34 - Form 8
Segment - 35 - Form 9
Segment - 36 - Form 10
Segment -37 - Forms Xd File
6Module 5
Module 5 - Overview and Learning Objectives
Segment - 38 - Text 1
Segment - 39 - Text 2
Segment - 40 - Text 3
Segment - 41 - Text 4
Segment - 42 - Text 5
Segment - 43 - Text 6
Segment - 44 - Text 7
Segment - 45 - Text 8
Segment - 46 - Text Xd File
7Module 6
Module 6 - Overview and Learning Objectives
Segment - 47 - Image Slider 1
Segment - 48 - Image Slider 2
Segment - 49 - Image Slider 3
Segment - 50 - Image Slider 4
Segment - 51 - Image Slider 5
Segment - 52 - Image Slider 6
Segment - 53 - Image Slider Xd File
8Module 7
Module 7 - Overview and Learning Objectives
Segment - 54 - Chart 1
Segment - 55 - Chart 2
Segment - 56 - Chart 3
Segment - 57 - Chart 4
Segment - 58 - Chart 5
Segment - 59 - Chart Xd File
9Module 8
Module 8 - Overview and Learning Objectives
Segment - 60 - Loader
Segment - 61 - Card Flip
Segment - 62 - Article Scroll
Segment - 63 - Value Slider
Segment - 64 - Search
Segment - 65 - Popup
Segment - 66 - Parallax
Segment - 67 - Effects Xd File
10Module 9
Module 9 - Overview and Learning Objectives
Segment - 68 - Value Slider
Segment - 69 - Tab Bar
Segment - 70 - Side Menu
Segment - 71 - Enlarge Image
Segment - 72 - Others Xd File
11Module 10
Module 10 - Overview and Learning Objectives
Segment - 73 - Design Brief
Segment - 74 - Project Planning
Segment - 75 - Sketching
Segment - 76 - Creating Wireframes 1
Segment - 77 - Creating Wireframes 2
Segment - 78 - Creating Wireframes 3
Segment - 79 - Creating Wireframes 4
Segment - 80 - Creating Wireframes 5
Segment - 81 - Creating Wireframes 6
Segment - 82 - Creating Wireframes 7
Segment - 83 - Creating Wireframes 8
Segment - 84 - Creating Design 1
Segment - 85 - Creating Design 2
Segment - 86 - Creating Design 3
Segment - 87 - Creating Design 4
12Module 11
Module 11 - Overview and Learning Objectives
Segment - 88 - Prototyping 1
Segment - 89 - Prototyping 2
Segment - 90 - Prototyping 3
Segment - 91 - Prototyping 4
Segment - 92 - Prototyping 5
Segment - 93 - Prototyping 6
Segment - 94 - Prototyping 7
Segment - 95 - Prototyping 8
13Module 12
Module 12 - Overview and Learning Objectives
Segment - 96 - Creating Style Guide
Segment - 97 - Sharing With Clients
Segment - 98 - Exporting Assets
14Module 13
Module 13 - Overview and Learning Objectives
Segment - 99 - Conclusion
Segment - 100 - Adobe Xd Update Components
Segment - 101 - Adobe Xd Update Components States
Segment - 102 - Adobe Xd Update Components Animation
15Resources
Resource - 01- Buttons
Resource - 02 - Charts
Resource - 03 - Effects
Resource - 04 - Image Sliders
Resource - 05 - Others
Resource - 06 - Text
Instructors
Aleksandar Cucukovic
Aleksandar is a dedicated product designer and tech enthusiast with a deep passion for UI/UX design. With over a decade of experience in creating and refining design systems, he has mastered the art of web design, 3D asset creation, and animation. Throughout his career, Aleksandar has been instrumental in crafting engaging user experiences while upholding the highest standards of design quality across a wide range of projects. His work consistently balances aesthetics with functionality, ensuring that every product delivers both visual appeal and practical usability.
As an Adobe Xd Ambassador and a strong advocate for Adobe Creative Cloud, Aleksandar remains at the cutting edge of design technology. He has designed more than 500 products, significantly enhancing the workflows and productivity of over 200,000 designers around the world. His design philosophy is rooted in minimalism and quality, guided by a profound understanding of user needs and core design principles.
Beyond his design practice, Aleksandar has co-founded and contributed to several startups, developing innovative solutions and nurturing communities of designers and creatives. His mission is to share his knowledge and empower others to thrive in the ever-evolving world of design. Through his extensive experience, Aleksandar offers invaluable insights and practical skills to help aspiring designers succeed.
Frequently Asked Questions
How much do the courses at Starweaver cost?
We offer flexible payment options to make learning accessible for everyone. With our Pay-As-You-Go plan, you can pay for each course individually. Alternatively, our Subscription-Based plan provides you with unlimited access to all courses for a monthly or yearly fee.
Do you offer any certifications upon completion of a course at Starweaver?
Yes, we do offer a certification upon completion of our course to showcase your newly acquired skills and expertise.
Does Starweaver offer any free courses or trials?
No, we don't offer any free courses, but we do offer 5-day trial only on our subscriptions-based plans.
Are Starweaver's courses designed for beginners or advanced students?
Our course is designed with three levels to cater to your learning needs - Core, Intermediate, and Advanced. You can choose the level that best suits your knowledge and skillset to enhance your learning experience.
What payment options are available for Starweaver courses?
We accept various payment methods such as major credit cards, PayPal, wire transfer, and company purchase orders. For more information related to payments contact customer support.
Do you offer refunds?
Yes, we do offer a 100% refund guarantee for our courses within a specified time frame. If you are not satisfied with the course, contact our customer support team to request a refund with your order details. Some restrictions may apply.