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.
Challenge: Comparing user experiences - Adobe XD Tutorial
From the course: Introduction to Graphic Design: XD
Challenge: Comparing user experiences
(bright music) - [Instructor] Here's a challenge for you. Try visiting a few websites, and if you can, view them on a desktop machine and view them on other devices. So if you have a tablet, view them on that and view them on the phone and see if or how their layout changes. If you're unable to do that and you're on a desktop, you can always try resizing a window because if it's a site that uses something called a media query, it will constantly be checking for the width of the browser. So you'll see here that as I change this one, it changes subtly at first. So you can see the logo moves to the middle. The layout moves slightly, but if I carry on, it actually starts to think it's on a phone or another device, and the layout changes completely. So have a look at some of those and see how their layout changes, what happens to different things, and how the layout has been planned to work with that. It's a…
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
-
-
-