1
00:00:00.05 --> 00:00:01.07
- [Instructor] The first
thing that will happen

2
00:00:01.07 --> 00:00:03.08
when you launch Adobe
XD is you'll be greeted

3
00:00:03.08 --> 00:00:05.04
by this splash screen.

4
00:00:05.04 --> 00:00:06.09
You can start a tutorial here.

5
00:00:06.09 --> 00:00:08.09
There's UI kits, other resources.

6
00:00:08.09 --> 00:00:10.02
But where we're going to
start is right over here

7
00:00:10.02 --> 00:00:13.03
with a new design, different
types of designs we can make.

8
00:00:13.03 --> 00:00:15.02
But essentially we're
going to make a website,

9
00:00:15.02 --> 00:00:17.00
but notice there are
also different profiles

10
00:00:17.00 --> 00:00:18.07
if you just click the fly-out menu.

11
00:00:18.07 --> 00:00:22.03
We're going to stick with
the 1920 by 1080 size.

12
00:00:22.03 --> 00:00:24.09
In fact, if you just select
that icon right there,

13
00:00:24.09 --> 00:00:28.02
it will create this project for you.

14
00:00:28.02 --> 00:00:29.08
Now, the first thing you'll
notice is, of course,

15
00:00:29.08 --> 00:00:32.01
this art board, as this is called.

16
00:00:32.01 --> 00:00:35.05
And as you select things
using your select tool,

17
00:00:35.05 --> 00:00:37.05
it will give you the properties for it

18
00:00:37.05 --> 00:00:39.08
over in the right hand side.

19
00:00:39.08 --> 00:00:43.03
So if I want to change the
fill color for this art board,

20
00:00:43.03 --> 00:00:44.08
I could easily change that.

21
00:00:44.08 --> 00:00:46.06
And that's exactly what I'm going to do.

22
00:00:46.06 --> 00:00:49.03
I'm just going to give
it a nice blue tone,

23
00:00:49.03 --> 00:00:52.00
a medium blue tone, something like that.

24
00:00:52.00 --> 00:00:53.03
And just click off right there.

25
00:00:53.03 --> 00:00:55.01
And then I can even change the name

26
00:00:55.01 --> 00:00:57.06
of this art board as well
just by double-clicking it.

27
00:00:57.06 --> 00:01:00.09
And I'll just call this
Home and hit Enter, okay.

28
00:01:00.09 --> 00:01:03.02
As far as navigating around XD,

29
00:01:03.02 --> 00:01:05.07
you could use this
drop-down right up here,

30
00:01:05.07 --> 00:01:09.06
but it's easier just to
use Command plus and minus,

31
00:01:09.06 --> 00:01:12.04
or Control plus and
minus if you're on a PC,

32
00:01:12.04 --> 00:01:13.04
to zoom in and out,

33
00:01:13.04 --> 00:01:16.05
and Command + 0, Control
+ 0 if you're on a PC,

34
00:01:16.05 --> 00:01:17.09
to fit to window,

35
00:01:17.09 --> 00:01:20.00
and that's typically what
you're going to want to do.

36
00:01:20.00 --> 00:01:22.06
All right, with your first file created,

37
00:01:22.06 --> 00:01:24.03
we can now save this.

38
00:01:24.03 --> 00:01:26.05
And all we're going to do
is just go to File, Save

39
00:01:26.05 --> 00:01:31.04
and save it to the desktop
and call it Website.

40
00:01:31.04 --> 00:01:34.05
Now, the next step is to
start designing the website.