Adobe Xd Animation - Complete Guide From Icons To UI
4.7 (70 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
688 students enrolled

Adobe Xd Animation - Complete Guide From Icons To UI

Everything you need to know about animation in Adobe Xd.
4.7 (70 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
688 students enrolled
Last updated 5/2020
English
English [Auto]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 11.5 hours on-demand video
  • 12 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Adobe Xd
  • Become a UI Designer
  • Secrets Of Great Workflow
  • Plan And Organize A Project
  • Secrets Of Smart Design
  • Design A Mobile App
  • Prototype A Mobile App
  • Prepare Designs For Development
  • Secrets of simple animations
  • Layer menagement
Requirements
  • 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.
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

Who this course is for:
  • 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
  • For anyone who needs a UI / UX design experience in their portfolio
  • People wanting to add animations to their UI designs
Course content
Expand all 105 lectures 11:38:50
+ Introduction
4 lectures 17:23
Why do we animate UI?
00:59
Different UI Animations
04:02
Adobe Xd's Prototyping Features
09:03
+ Icons
11 lectures 59:57
Icon 2
06:04
Icon 3
03:21
Icon 4
04:53
Icon 5
05:11
Icon 6
07:31
Icon 7
05:28
Icon 8
06:33
Icon 9
08:04
Icon 10
07:41
Icons Xd File
01:54
+ Buttons
11 lectures 01:12:07
Button 1
09:47
Button 2
06:39
Button 4
06:23
Button 5
05:43
Button 6
05:33
Button 7
09:23
Button 8
04:11
Button 9
06:38
Button 10
05:42
Buttons Xd File
01:41
+ Forms
11 lectures 01:37:18
Form 1
08:15
Form 2
11:00
Form 3
10:57
Form 4
09:12
Form 5
11:13
Form 6
07:06
Form 7
09:50
Form 8
07:51
Form 9
07:04
Form 10
12:39
Forms Xd File
02:11
+ Text
9 lectures 33:17
Text 1
04:44
Text 2
03:20
Text 3
04:49
Text 4
03:20
Text 5
02:58
Text 6
03:13
Text 7
03:43
Text 8
05:34
Text Xd File
01:36
+ Image Sliders
7 lectures 47:23
Image Slider 1
07:32
Image Slider 2
07:21
Image Slider 3
08:45
Image Slider 4
06:07
Image Slider 5
09:23
Image Slider 6
07:19
Image Sliders Xd File
00:56
+ Charts
6 lectures 48:23
Chart 1
12:07
Chart 2
09:02
Chart 3
06:46
Chart 4
05:09
Chart 5
13:45
Charts Xd File
01:34
+ Effects
8 lectures 57:02
Loader
05:24
Card Flip
11:13
Article Scroll
06:07
Value Slider
06:25
Search
10:56
Popup
07:01
Parallax
08:09
Effects Xd File
01:47
+ Others
5 lectures 25:09
Value Slider
06:09
Tab Bar
05:06
Side Menu
06:00
Enlarge Image
05:25
Others Xd File
02:29
+ UI Design
15 lectures 02:05:25
Design Brief + Project Download
09:14
Project Planning
03:52
Sketching
07:50
Creating Wireframes 1
08:27
Creating Wireframes 2
13:49
Creating Wireframes 3
04:04
Creating Wireframes 4
08:31
Creating Wireframes 5
09:50
Creating Wireframes 6
06:31
Creating Wireframes 7
14:34
Creating Wireframes 8
11:29
Creating Design 1
06:38
Creating Design 2
06:44
Creating Design 3
06:19
Creating Design 4
07:33