Adobe Xd Animation - Complete Guide From Icons To UI
Everything you need to know about animation in Adobe Xd.
Category -
Design, User Experience, Adobe XD
Category - Design, User Experience, Adobe XD
-
-
Introduction
4 Lectures -
Icons
11 Lectures -
Buttons
11 Lectures-
Button 1
09:47
-
Button 2
06:39
-
Button 3
10:27Preview
-
Button 4
06:23
-
Button 5
05:43
-
Button 6
05:33
-
Button 7
09:23
-
Button 8
04:10
-
Button 9
06:37
-
Button 10
05:42
-
Buttons Xd File
01:41
-
Button 1
-
Forms
11 Lectures-
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
-
Form 1
-
Text
9 Lectures-
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:35
-
Text 1
-
Image Sliders
7 Lectures-
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
-
Image Slider 1
-
Charts
6 Lectures-
Chart 1
12:07
-
Chart 2
09:02
-
Chart 3
06:46
-
Chart 4
05:09
-
Chart 5
13:45
-
Charts Xd File
01:33
-
Chart 1
-
Effects
8 Lectures-
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
-
Loader
-
Others
5 Lectures-
Value Slider
06:09
-
Tab Bar
05:06
-
Side Menu
06:00
-
Enlarge Image
05:25
-
Others Xd File
02:29
-
Value Slider
-
UI Design
15 Lectures-
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:37
-
Creating Design 2
06:44
-
Creating Design 3
06:18
-
Creating Design 4
07:33
-
Design Brief + Project Download
-
UI Animation
8 Lectures-
Prototyping 1
04:09Preview
-
Prototyping 2
04:39
-
Prototyping 3
04:36
-
Prototyping 4
05:10
-
Prototyping 5
12:08
-
Prototyping 6
07:16
-
Prototyping 7
07:24
-
Prototyping 8
06:20
-
Prototyping 1
-
Exporting And Sharing
3 Lectures-
Creating Style Guide
16:10
-
Sharing With Client
09:05
-
Exporting Assets
15:45
-
Creating Style Guide
-
Conclusion And Resources
5 Lectures-
Conclusion
02:23
-
Adobe Xd Update - Components
06:04
-
Adobe Xd Update - Component States
02:47
-
Adobe Xd Update - Component Animation
07:19
-
Links And Resources
01:06
-
Conclusion
-
Introduction
-
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
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.
-
11:35:39 Duration
103 Lectures
Lifetime Access
30-Days Money Back Guarantee
Sample Certificate
