Adobe Xd Animation - Complete Guide From Icons To UI
Created by Aleksandar Cucukovic, Last Updated 30-Oct-2020, Language:English
Adobe Xd Animation - Complete Guide From Icons To UI
Everything you need to know about animation in Adobe Xd.
Created by Aleksandar Cucukovic, Last Updated 30-Oct-2020, Language:English
What Will I Get ?
- 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
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
Course Content
-
Introduction
4 Lectures 00:17:23-
Course Overview
Preview00:03:19 -
Why do we animate UI?
Preview00:00:59 -
Different UI Animations
Preview00:04:02 -
Adobe Xd's Prototyping Features
Preview00:09:03
-
-
Icons
11 Lectures 00:59:57-
Icon 1
Preview00:03:17 -
Icon 2
Preview00:06:04 -
Icon 3
Preview00:03:21 -
Icon 4
00:04:53 -
Icon 5
00:05:11 -
Icon 6
00:07:31 -
Icon 7
00:05:28 -
Icon 8
00:06:33 -
Icon 9
00:08:04 -
Icon 10
00:07:41 -
Icon Xd File
00:01:54
-
-
Buttons
11 Lectures 01:12:05-
Button 1
00:09:47 -
Button 2
00:06:39 -
Button 3
Preview00:10:27 -
Button 4
00:06:23 -
Button 5
00:05:43 -
Button 6
00:05:33 -
Button 7
00:09:23 -
Button 8
00:04:10 -
Button 9
00:06:37 -
Button 10
00:05:42 -
Buttons Xd File
00:01:41
-
-
Forms
11 Lectures 01:37:18-
Form 1
00:08:15 -
Form 2
00:11:00 -
Form 3
00:10:57 -
Form 4
00:09:12 -
Form 5
00:11:13 -
Form 6
00:07:06 -
Form 7
00:09:50 -
Form 8
00:07:51 -
Form 9
00:07:04 -
Form 10
00:12:39 -
Forms Xd File
00:02:11
-
-
Text
9 Lectures 00:33:16-
Text 1
00:04:44 -
Text 2
00:03:20 -
Text 3
00:04:49 -
Text 4
00:03:20 -
Text 5
00:02:58 -
Text 6
00:03:13 -
Text 7
00:03:43 -
Text 8
00:05:34 -
Text Xd File
00:01:35
-
-
Image Sliders
7 Lectures 00:47:23-
Image Slider 1
00:07:32 -
Image Slider 2
00:07:21 -
Image Slider 3
00:08:45 -
Image Slider 4
00:06:07 -
Image Slider 5
00:09:23 -
Image Slider 6
00:07:19 -
Image Sliders Xd File
00:00:56
-
-
Charts
6 Lectures 00:48:22-
Chart 1
00:12:07 -
Chart 2
00:09:02 -
Chart 3
00:06:46 -
Chart 4
00:05:09 -
Chart 5
00:13:45 -
Charts Xd File
00:01:33
-
-
Effects
8 Lectures 00:57:02-
Loader
00:05:24 -
Card Flip
00:11:13 -
Article Scroll
00:06:07 -
Value Slider
00:06:25 -
Search
00:10:56 -
Popup
00:07:01 -
Parallax
00:08:09 -
Effects Xd File
00:01:47
-
-
Others
5 Lectures 00:25:09-
Value Slider
00:06:09 -
Tab Bar
00:05:06 -
Side Menu
00:06:00 -
Enlarge Image
00:05:25 -
Others Xd File
00:02:29
-
-
UI Design
15 Lectures 02:05:23-
Design Brief + Project Download
00:09:14 -
Project Planning
00:03:52 -
Sketching
00:07:50 -
Creating Wireframes 1
00:08:27 -
Creating Wireframes 2
00:13:49 -
Creating Wireframes 3
00:04:04 -
Creating Wireframes 4
00:08:31 -
Creating Wireframes 5
00:09:50 -
Creating Wireframes 6
00:06:31 -
Creating Wireframes 7
00:14:34 -
Creating Wireframes 8
00:11:29 -
Creating Design 1
00:06:37 -
Creating Design 2
00:06:44 -
Creating Design 3
00:06:18 -
Creating Design 4
00:07:33
-
-
UI Animation
8 Lectures 00:51:42-
Prototyping 1
Preview00:04:09 -
Prototyping 2
00:04:39 -
Prototyping 3
00:04:36 -
Prototyping 4
00:05:10 -
Prototyping 5
00:12:08 -
Prototyping 6
00:07:16 -
Prototyping 7
00:07:24 -
Prototyping 8
00:06:20
-
-
Exporting And Sharing
3 Lectures 00:41:00-
Creating Style Guide
00:16:10 -
Sharing With Client
00:09:05 -
Exporting Assets
00:15:45
-
-
Conclusion And Resources
5 Lectures 00:19:39-
Conclusion
00:02:23 -
Adobe Xd Update - Components
00:06:04 -
Adobe Xd Update - Component States
00:02:47 -
Adobe Xd Update - Component Animation
00:07:19 -
Links And Resources
00:01:06
-

Aleksandar Cucukovic
Teacher | Entrepreneur
For the last 10 years i have designed websites, products and apps for different companies, big and small.
With my wife i have started 3 startup companies and through the process met some amazing people from all over the world.
For the last five years i have created over 500 design products, improved the lives and workflows of over 100.000 designers from around the world.
Now my mission is to improve the lives of others, and to pass on my knowledge back to the community and to all those who want to learn about the amazing worlds of design and business.
Thank you for reading and have a lovely day!
Aleksandar Cucukovic