From the course: Introduction to Graphic Design: XD
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Creating the navigation - Adobe XD Tutorial
From the course: Introduction to Graphic Design: XD
Creating the navigation
- [Instructor] Okay, let's zoom out so we can see all of the artboards, Command + zero, or Ctrl + 0, and then we can click on menu and Command + 3 or Ctrl + 3 to zoom in to that. If I click away from that for a moment and go up to the top of the artboard here, you'll see how it highlights. Now, there are no rulers in XD because each element or artboard becomes its own ruler. And on an artboard, you can drag in a guide simply by dragging from the top. So I'm going to drag this down to about 222 or exactly 222 and then I'm going to bring in another elements here. So Shift + Command + i, Shift + Ctrl + i, and from the exercise files I'm going to bring in this bar complete. Now don't worry if you don't have access to this because you can just put a rectangle in its place. So I'll go and drag that up to the top here and then going to view all of those artboards. So Command + 0, Ctrl + 0. So I'll make sure that I've copied…
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
-
-
-
-
Creating the screens3m 57s
-
Creating the launch page4m 51s
-
Creating the login screen3m 34s
-
Adding the login element2m 19s
-
Creating the navigation5m 15s
-
Adding UI components3m 23s
-
Drawing UI components3m 29s
-
Creating the menu page6m 51s
-
Creating the gallery page4m 8s
-
Creating a gallery item3m 38s
-
Using Repeat Grid3m 59s
-
Creating the map page4m 51s
-
Creating the user page4m 21s
-
Challenge: Comparing user experiences1m 15s
-
-
-