![]() The other thing you can do is, if you want to change the scrollable area, you can just move this little handle up and it will change the scrollable area. By the way, you can choose that by coming over here to "Scrolling" and choosing a direction. And the distance between the bottom of the artboard and this dash line here, is the scrollable area, which means that any content that's in there can be scrolled up or down or even across if you so choose. I'm going to select the next artboard, and I'm going to grab this little handle right here, and I'm just going to drag it down. Now another thing you can do with artboards is to make them scrollable. So we'll just come back and we'll get rid of those. Okay, I'm going to zoom out and get rid of some of the clutter here. Another way of doing it is to click and hold on the artboard, hold down the Command or Control and D keys, and you can see that it makes numerous duplicates, or you can just select it and press Command-D, and boom, away it goes. The other cool thing is, there's exactly 41 pixels of spacing between these two artboards, which is the same for all the rest of them. So I select this new artboard, and if I press Command, or Control-C, I've copied it, and Command or Control-V, and there it is, there. And by the way, what I'm doing is, I'm holding down the space bar so I can move around inside the pasteboard. Another way is just to select the artboard, and I'm just going to move over here so you can see what I'm doing. Using the option or alt key is one way to duplicate an artboard. That tells you that the spaces are equidistant between all of these artboards. Notice now that there are two pink spaces. Now with the alt or option key held down, click and hold on the next artboard and drag a copy across. So let's just move it in, we'll make it say about 42, 41. Drag the "Next" artboard to align with the "Home" artboard, and you can see, that pink line tells me that it's aligned, and it's 116 pixels away from the "Home" artboard. You can also set the alignment and spacing between the artboards. Double click the name, or double click the name in the layers panel and change it. So there are two ways of naming artboards. And we're going to change the Pixel to "Next", by changing its name up here in the layers panel. Naturally, the name for the artboard means nothing, so let's change iOS, or the iPhone, to "Home", by double-clicking the name on the pasteboard. We now have two artboards, and again, we can move them around, so if I move over to the selection tool, I can move them apart and all that stuff. So we'll come over to the artboard tool, select it, and we'll work with a Google Pixel 6. ![]() ![]() I know this sounds rather basic, but this is important, and it's important because artboards can be placed anywhere on the pasteboard and grouped to follow how a user would move through a particular task. The first thing we're going to do is move it around. So let's take a look at how all of this works, and to get yourself started, open a blank iPhone 13 document. ![]() For example, an XD document can contain iOS, Android, tablet, web, and social media artboards. An artboard is where the magic is created, and the first thing you need to know is, an XD document is nothing more than a collection of artboards, and that collection can contain hundreds of artboards of varying sizes. In this video, we are going to take a deep dive into your design surface, the artboard. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |