From the course: Introduction to Graphic Design: XD
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Creating the login screen - Adobe XD Tutorial
From the course: Introduction to Graphic Design: XD
Creating the login screen
- [Instructor] There's something else we can actually use to help us with our layout just before we move on to the login screen is a grid. And XD has two kinds of grid. It has a square grid, which is pretty much like graph paper and I don't find that terribly useful, although you might, and a layout grid like so. And when you apply a layout grid, you can go ahead and come down to this area, which only wakes up when you have it selected, and determine how many columns you'd like. So here, I'm just going to up this to six columns. I can also change the gutter here dynamically. So I'm just going to bring that out like so. And indeed the column width if I make those slightly wider as well. So I think I'm actually going to go to 54 for those. Let's just see if I can increase. Going to be a balance there between the gutter width and those. So I've gone for nine and 52 just here. You can have equal margins if you want or by…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
(Locked)
Creating the screens3m 57s
-
(Locked)
Creating the launch page4m 51s
-
(Locked)
Creating the login screen3m 34s
-
(Locked)
Adding the login element2m 19s
-
(Locked)
Creating the navigation5m 15s
-
(Locked)
Adding UI components3m 23s
-
(Locked)
Drawing UI components3m 29s
-
(Locked)
Creating the menu page6m 51s
-
(Locked)
Creating the gallery page4m 8s
-
(Locked)
Creating a gallery item3m 38s
-
(Locked)
Using Repeat Grid3m 59s
-
(Locked)
Creating the map page4m 51s
-
(Locked)
Creating the user page4m 21s
-
(Locked)
Challenge: Comparing user experiences1m 15s
-
(Locked)
-
-