From the course: Introduction to Graphic Design: XD
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Using Repeat Grid - Adobe XD Tutorial
From the course: Introduction to Graphic Design: XD
Using Repeat Grid
- [Narrator] Let's zoom out so we can see all of the art boards for a moment. So command 0, control 0 to do that. And let's just remind ourselves of all of the nudging around that went on here. Well, apart from the fact that what could of course, made that slightly easier to sort that page out, would have been a layout grid, the other way that this could be changed is using something called a repeat grid. Now, I've purposely scrolled up to the top here. And what I'm going to do is just select all of the items that were created in the previous movie. So, everything I've got there, if I just move it and undo it, nothing was left behind. I'm now going to go over to the right and choose repeat grid. And when you do that, you'll get these two large handles, one on the right-hand side and one on the bottom. If we drag the handle on the right hand side, you can see, we create a new instance of that artwork. Now I'll zoom in…
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)
Creating the screens3m 57s
-
(Locked)
Creating the launch page4m 51s
-
(Locked)
Creating the login screen3m 34s
-
(Locked)
Adding the login element2m 19s
-
(Locked)
Creating the navigation5m 15s
-
(Locked)
Adding UI components3m 23s
-
(Locked)
Drawing UI components3m 29s
-
(Locked)
Creating the menu page6m 51s
-
(Locked)
Creating the gallery page4m 8s
-
(Locked)
Creating a gallery item3m 38s
-
(Locked)
Using Repeat Grid3m 59s
-
(Locked)
Creating the map page4m 51s
-
(Locked)
Creating the user page4m 21s
-
(Locked)
Challenge: Comparing user experiences1m 15s
-
(Locked)
-
-