Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

Adobe Xd Animation - Complete Guide From Icons To UI

via Skillshare

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

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

.

This course is for everybody, whether you are just starting out, or you are a pro, looking for some extra tips in Adobe Xd

.

I hope you are ready to learn Adobe Xd and awesome animation features it has to offer, and i'll see you in class.

.

Have a creative day! 

Aleksandar

Syllabus

  • Class Intro
  • Class Introduction
  • Why do we animate
  • 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
  • Links And Resources
  • Adobe Xd Update Components
  • Adobe Xd Update Component States
  • Adobe Xd Update Component Animation
  • YouTube Channel For More Content
  • Join My Free Facebook Group

Taught by

Aleksandar Cucukovic

Reviews

Start your review of Adobe Xd Animation - Complete Guide From Icons To UI

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.