From the course: Adobe XD Essential Training: Prototype
Unlock the full course today
Join today to access over 24,600 courses taught by industry experts.
Hover transition - Adobe XD Tutorial
From the course: Adobe XD Essential Training: Prototype
Hover transition
- [Instructor] Well now that I have a nice tab gesture that is going to navigate me between these two art boards, let's make the interaction just a little bit richer. What I'd like to do is go ahead and show off the states that I've defined for this button, as part of the interaction. So for that I'm going to go ahead and zoom in a bit tighter so I can see these two art boards side-by-side pretty well. I'm going to make sure I'm in prototype mode. I'll go ahead and click on that Preparation button. I can make sure I have it selected properly here in the layers panel, and that looks pretty good. The state's buttoned padded, that's what I want, and I can see the wire that we defined just a few moments ago. What I want to do is come in and add a second wire on the same object. So notice that if I roll over this wire without clicking a little tool tip lets me know that we've already defined a tab gesture for this button. What I…
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
-
-
-
-
(Locked)
Tap and Previous Artboard transition7m 23s
-
(Locked)
Hover transition2m 56s
-
(Locked)
Overlay transitions4m 52s
-
(Locked)
Copy and paste interaction1m 42s
-
(Locked)
Adding menu navigation2m 43s
-
(Locked)
Anchor links (Scroll To interaction)5m 55s
-
(Locked)
Preserving scroll position5m 25s
-
(Locked)
Keyboards and game pads4m 21s
-
(Locked)
Voice triggers with speech playback5m 49s
-
(Locked)
Hyperlinks6m 28s
-
(Locked)
-
-