From the course: Adobe XD Quick Tips
Unlock this course with a free trial
Join today to access over 22,600 courses taught by industry experts.
Scrolling simulation - Adobe XD Tutorial
From the course: Adobe XD Quick Tips
Scrolling simulation
- [Howard] Hey, everyone. I'm Howard Pinski. And in this Adobe XD tip we're going to take a look at using scroll groups to set up various areas on your projects that you can interact with. If you take a look at this notes design, we have this column on the left and a column on the right. And then within these columns we have several areas that we may want to scroll horizontally or vertically. And in cases like these traditional scrolling simply won't cut it. If I select my art board and then drag the handle down to reveal all the content. And then press play at the top, this will allow me to scroll down. But I can't scroll independently on these areas. So here's what we're going to do. We're going to start off on this column on the left. And if you take a look at the Layers panel I have all of these notes inside of a single group called Notes List. And looking towards the bottom, many of these notes extend off the art…
Contents
-
-
-
(Locked)
Component presentations5m 31s
-
(Locked)
Animated card gallery7m 52s
-
Navigation bar10m 9s
-
(Locked)
Animated FAB menu10m 5s
-
(Locked)
Scrolling simulation3m 19s
-
(Locked)
3D card flip animation3m 52s
-
(Locked)
Number counter5m 6s
-
(Locked)
Hover-triggered image gallery (states)7m 50s
-
(Locked)
Mobile stories experience7m 49s
-
(Locked)
Pull-to-refresh interaction4m 1s
-
(Locked)
Interactive heart component5m 13s
-
(Locked)
Animated progress indicators4m 14s
-
(Locked)
Swipe to delete interaction4m 11s
-
(Locked)
-
-