Tutorialspoint

April Learning Carnival is here, Use code FEST10 for an extra 10% off

Adobe Xd Animation - Complete Guide From Icons To UI

person icon Aleksandar Cucukovic

4.3

Adobe Xd Animation - Complete Guide From Icons To UI

Everything you need to know about animation in Adobe Xd.

updated on icon Updated on Apr, 2024

language icon Language - English

person icon Aleksandar Cucukovic

English [CC]

category icon Design,Adobe

Lectures -104

Resources -10

Duration -11.5 hours

4.3

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

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

Goals

What will you learn in this course:

  • Become a UI Designer
  • Secrets of simple animations
  • Plan And Organize A Project
  • Prepare Designs For Development
  • Learn Complex Animations In Adobe Xd
  • Master Micro Transitions In Adobe Xd
  • Give Life To Your Designs Using Animations
  • Present Your Designs In A Beautiful Way

Prerequisites

What are the prerequisites for this course?

  • 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.
Adobe Xd Animation - Complete Guide From Icons To UI

Curriculum

Check out the detailed breakdown of what’s inside the course

Introduction
4 Lectures
  • play icon Course Overview 03:19 03:19
  • play icon Why do we animate UI? 00:59 00:59
  • play icon Different UI Animations 04:02 04:02
  • play icon Adobe Xd's Prototyping Features 09:03 09:03
Icons
11 Lectures
Tutorialspoint
Buttons
11 Lectures
Tutorialspoint
Forms
11 Lectures
Tutorialspoint
Text
9 Lectures
Tutorialspoint
Image Sliders
7 Lectures
Tutorialspoint
Charts
6 Lectures
Tutorialspoint
Effects
8 Lectures
Tutorialspoint
Others
5 Lectures
Tutorialspoint
UI Design
15 Lectures
Tutorialspoint
UI Animation
8 Lectures
Tutorialspoint
Exporting And Sharing
3 Lectures
Tutorialspoint
Conclusion And Resources
5 Lectures
Tutorialspoint

Instructor Details

Aleksandar Cucukovic

Aleksandar Cucukovic

e


Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515