starweaver-logo
LOG INGET STARTED
LOG INGET STARTED
  • Browse
  • Doing

  • On Air
  • Channels
  • Career Paths
  • LEARNING

  • Courses
  • Certifications
  • Curriculum
  • Test Prep
  • CONNECTING

  • How It Works
  • Community
  • Techbytes
  • Podcasts
  • Leaderboards
  • SUPPORT

  • Support & FAQs
  • Starweaver for Business
  • Starweaver for Campus
  • Teach with Starweaver
footer-brand-logo
  • COMPANY
  • About Us
  • Support and Knowledge Base
  • Policies & Terms
  • Contact
  • CONTENT
  • Courses
  • Certifications
  • Journeys
  • Test Prep
  • Meet the Gurus
  • Techbytes
  • FOR ORGANIZATIONS
  • Starweaver for Business
  • Starweaver for Campus
  • Catalogue
  • Pricing
  • Private Classes
  • PARTNER WITH US
  • Instructors & Teachers
  • Books, Writing & Publishing
  • FOLLOW US
    • facebook
    • twitter
    • linkedin
    • pinterest
    • instagram
    • youtube
Our trademarks include Starweaver®, Make genius happen™, Education you can bank on®, People are your most important assets!®, Body of Knowledge™, StarLabs™, LiveLabs™, Journeys™
© Starweaver Group, Inc. All Rights Reserved.
  1. Courses
  2. >
  3. Adobe Xd Animation - Complete Guide From Icons To UI

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.

Aleksandar Cucukovic
Aleksandar Cucukovic
UI/UX | intermediate | 4 hours |   Published: Oct 2020

    Discussions

Overview

17.9KSTUDENTS*
92.3%RECOMMEND*

This course includes:

  • 11.5 hours on-demand video
  • 12 downloadable resources
  • Full lifetime access
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. This is Part#4

Skills You Will Gain

Adobe Xd
Charts
Icons
Image Sliders
UI Animation
UI Design

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

Instructors

*Where courses have been offered multiple times, the “# Students” includes all students who have enrolled. The “%Recommended” shown is also based on this data.
1Welcome to the course!
2Module 1
3Module 2
4Module 3
5Module 4
6Module 5
7Module 6
8Module 7
9Module 8
10Module 9
11Module 10
12Module 11
13Module 12
14Module 13
15Resources

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

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

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

About this course: Overview, Learning Outcomes, Who Should Enroll...

Instructor bio - Alesksandar Cucukovic

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

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

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

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

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

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

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

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

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

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

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

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

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

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

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

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

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

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

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

Module 12 - Overview and Learning Objectives

Segment - 96 - Creating Style Guide

Segment - 97 - Sharing With Clients

Segment - 98 - Exporting Assets

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

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

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

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

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

Resource - 01- Buttons

Resource - 02 - Charts

Resource - 03 - Effects

Resource - 04 - Image Sliders

Resource - 05 - Others

Resource - 06 - Text

Aleksandar Cucukovic

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.
VIEW MY CHANNEL