- [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.