I should have added the directions that I'm following:
Now that I've located those images, I'll switch back to XD. And what I'd like to do is repeat this tile that I've created across and down on the screen. Notice in the Layers panel here on the left, currently nothing is selected on the design canvas. At a high level, I can see all of the artboards that are on my current design canvas. If I come in and click on any of the content within this artboard . . . so let's say I click on the title. Notice that XD navigates inside of that artboard to see all of the layers, all of the objects, any groups that I might have defined here in that structure. If I click on, let's say, a group, I can expand it to see the content within it. Clicking a second time is going to collapse that up. I can always go back to the root level of the file by clicking on this back arrow, which will take me back up a level. For now, I'm in great shape.
What I want to do is come in and select the product tile. I can either do that by clicking on that layer here on the left or I can just click on it directly on the design canvas. With that selected, here in the Properties Inspector on the right, I want to click on the Repeat Grid toggle. When I click it on the design canvas, XD is going to change the selection color from blue to green and it's going to include two little handles here. I can work with these handles to repeat whatever I have selected as a grid. I'm going to go ahead and press and drag until I get a second tile visible. I'll kind of over drag just a little bit. It's kind of hanging off the side right now. And with that bottom handle, I'm going to press and drag until I get about six tiles visible. I want to zoom in a little bit more, just to see better what I'm doing, so I can come here and just zoom in more tightly again, using my trackpad. When I hover over this Repeat Grid, now that I've gone in and extended it, notice that I get some pink areas as I hover over with my Selection tool. I can come in and adjust the space or the gutter between these items by hovering over and then just pressing and dragging to expand or reduce that Space. I'm going to go ahead and bring it in so that things line up really well on the left and right. It's a little bit tricky; that looks pretty good. There's not a ton of space open between the two. I might want to adjust the bottom section as well. It looks pretty good to me, but I'll drag that down just to increase the space a bit more.
Have hard to understand, for me.
Bob
2
Replies
AdChoices