In this video, learn about the different project sizes you can start with, and get an understanding of the workspace in Adobe XD.
- [Instructor] The first thing that will happen when you launch Adobe XD is you'll be greeted by this splash screen. You can start a tutorial here. There's UI kits, other resources. But where we're going to start is right over here with a new design, different types of designs we can make. But essentially we're going to make a website, but notice there are also different profiles if you just click the fly-out menu. We're going to stick with the 1920 by 1080 size. In fact, if you just select that icon right there, it will create this project for you. Now, the first thing you'll notice is, of course, this art board, as this is called.
And as you select things using your select tool, it will give you the properties for it over in the right hand side. So if I want to change the fill color for this art board, I could easily change that. And that's exactly what I'm going to do. I'm just going to give it a nice blue tone, a medium blue tone, something like that. And just click off right there. And then I can even change the name of this art board as well just by double-clicking it. And I'll just call this Home and hit Enter, okay. As far as navigating around XD, you could use this drop-down right up here, but it's easier just to use Command plus and minus, or Control plus and minus if you're on a PC, to zoom in and out, and Command + 0, Control + 0 if you're on a PC, to fit to window, and that's typically what you're going to want to do.
All right, with your first file created, we can now save this. And all we're going to do is just go to File, Save and save it to the desktop and call it Website. Now, the next step is to start designing the website.
- Using the Adobe XD workspace
- Creating and importing graphics
- Adding text and effects
- Creating multiple screen layouts
- Designing for mobile
- Repeating elements using grids
- Prototyping a single interaction
- Prototyping an entire website
- Making content scroll
- Recording a video of interactions
- Sharing prototypes
- Exporting artboards and assets