UI/UX design with Adobe XD: Design & Prototype a Mobile App
4.5 (941 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,083 students enrolled

UI/UX design with Adobe XD: Design & Prototype a Mobile App

Learn how to design a beautiful and engaging mobile app with Adobe Experience Design (XD). Learn-by-doing approach.
4.5 (941 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,083 students enrolled
Created by Luca Vavassori
Last updated 11/2017
English
English [Auto-generated], Polish [Auto-generated], 1 more
  • Romanian [Auto-generated]
Current price: $11.99 Original price: $39.99 Discount: 70% off
3 days left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2 hours on-demand video
  • 3 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to Udemy's top 3,000+ courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • You'll learn how to use Adobe XD to design and prototype a mobile app. The skills acquired can also be used to design websites
  • You'll be able to apply the design techniques and productivity tips you have learned in your own design workflow

  • You'll be one step closer to becoming a good UI/UX designer

Requirements
  • You need Adobe XD CC installed on your machine (macOS or Windows 10)
  • No specific knowledge needed to start this course
Description

Adobe XD is a brand new design and prototyping tool made by Adobe, totally dedicated to UI/UX designers.

In this course, I will teach you the basics of this new software and will show you step by step how you can design a beautiful and modern iOS mobile app.

In the first part of the course, you will see how the interface works, all the main tools and features, and the most common shortcuts which will dramatically increase your productivity.

Then we’ll jump right into design and we’ll start creating a dating-inspired mobile app, made of 7 great looking screens: home, login, signup, browse, sidebar menu, inbox, settings.  

Not only that, I'll teach you how you can give life to your design and create a working prototype directly within Adobe XD, without the need of any third party software.

The source .xd file of the app we designed will be included, along with the other resources I used.

This course has a learn-by-doing approach.  There won’t be much theory, it’s all about teaching you how to design a real world mobile product and showing you the full potential of Adobe XD.

By the end of the course, you will have a very clear picture of how Adobe XD works, and you will be able to apply the design techniques, productivity tips and all the skills you have learned in your future design projects.

Who this course is for:
  • This course is for UI/UX design beginners who want to improve their skills and learn a new design tool
  • This course is for Photoshop users who want to switch to a tool really built for UI/UX designers
  • This course is for Product Managers or Entrepreneurs wanting to broaden their design skills in order to create better products
Course content
Expand all 14 lectures 02:02:09
+ The Basics
5 lectures 25:39
Note about Shortcuts for Windows users
00:13
Interface Overview
12:49
Shortcuts
06:37
More shortcuts
00:21
+ Mobile App Design
7 lectures 01:28:10
Login Screen
12:33
Signup Screen
03:14
Browse Screen
19:58
Sidebar Menu
14:45
Inbox Screen
15:41
Settings Screen
15:05
+ Prototyping
1 lecture 08:03
Mobile App Prototype
08:03
+ Source file and Resources
1 lecture 00:20
Source .xd file and Resources
00:20