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.
Adding the login element - Adobe XD Tutorial
From the course: Introduction to Graphic Design: XD
Adding the login element
- [Instructor] Okay, I'm going to import a file here. If you don't have access to it, you can always just replace it with a rectangle. It will do for the purpose of this. So up to the File menu and come down and choose Import and in the Icons Etc folder in the exercise files, the top one there, is most likely alert box. So I'm going to choose that and then just bring that along like so so it's just underneath this login artboard here. Now I'm going to zoom in on that. Not that it's desperately necessary but it will present a nicer view for you, of course, and notice by the way that as I move this around how it shows me alignment guides per artboard which is another great thing that XD does. What I'm going to do here is note the dimensions of this over here on the right hand side so it's 270 wide and 152.18 high. So I'm going to get the artboard tool. Tap A on your keyboard to get that. And then I'm just going to click and…
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)
-
-