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

Creating the login screen - Adobe XD Tutorial

From the course: Introduction to Graphic Design: XD

Start my 1-month free trial

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…

Contents