From the course: Learning Adobe XD
Unlock this course with a free trial
Join today to access over 25,500 courses taught by industry experts.
Gradients - Adobe XD Tutorial
From the course: Learning Adobe XD
Gradients
- When skeuomorphism, that design style that tried to mimic actual objects was huge about 10 years ago, gradients were a key ingredient. When the concept of fast downloads took hold skeuomorphism was replaced by a minimalistic flat design style system that used flat colors and few, if any, gradients. Over the past couple of years, gradients have been creeping back into the UX design simply because they added a bit of style to elements on the page and can draw the user's attention to a particular piece of content on a screen. So let's take a look at where gradients can be used in XD, and to get yourself started, open the Gradient.xd file in your chapter download. And what we have here is a pretty bland card intended for an onboarding sequence on let's jazz it up. And the first thing we're going to do is we're going to take the background of this card here and we're just going to say this is wrong. So the first thing I want…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
Import5m 42s
-
(Locked)
Photoshop6m 56s
-
(Locked)
Illustrator4m 32s
-
(Locked)
Sketch3m 3s
-
(Locked)
Drawing tools overview5m 44s
-
(Locked)
Alignment1m 52s
-
(Locked)
Color5m 22s
-
(Locked)
Gradients5m 36s
-
(Locked)
Angular Gradient3m 9s
-
Boolean operations2m 11s
-
(Locked)
Blend Modes2m 53s
-
(Locked)
Masking4m 27s
-
(Locked)
Shadows5m 22s
-
(Locked)
Blurs2m 49s
-
(Locked)
Strokes4m 27s
-
(Locked)
Outline Strokes1m 56s
-
(Locked)
Text6m 59s
-
(Locked)
SVG Edit1m 45s
-
(Locked)
3D Transform5m 57s
-
-
-
-
-
-
-
-
-