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 user page - Adobe XD Tutorial
From the course: Introduction to Graphic Design: XD
Creating the user page
- Let's add a few bits of information to our user page. So first of all, I'm going to go to that particular page and highlight it here and Command three, Control three, to maximize its view here. And from the neighboring page, the menu page, I'm going to Alt or Option drag a copy of the user photo there, and bring that down a bit, and then resize it proportionally from the center. So hold down Alt or Option and Shift. And just resize that, like so. And I think if that goes to about 60 pixels, either side there and a similar amount from the top. So go to 40 here from the bar, something like that, maybe just a shade up. From there. Remember trying all the time to respect it's spacing in regards to other elements, then, of course, we could add some text objects here. So let's just add a couple of those, forget the Type Tool and come along and just click down here. Let's create a fictitious user name here.…
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)
-
-