Learn Adobe XD: UI/UX Designing and Prototyping from scratch
4.7 (6 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
532 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn Adobe XD: UI/UX Designing and Prototyping from scratch to your Wishlist.

Add to Wishlist

Learn Adobe XD: UI/UX Designing and Prototyping from scratch

Learn how to design and prototype apps and webpages using Adobe Experience Design (XD).
New
4.7 (6 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
532 students enrolled
Created by Caleb Kingston
Last updated 9/2017
English
English [Auto-generated]
Current price: $12 Original price: $70 Discount: 83% off
4 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1.5 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Training 5 or more people?

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

Try Udemy for Business
What Will I Learn?
  • You'll learn how to use Adobe XD to design and prototype apps from scratch
  • You'll learn tools that are universal across multiple design apps to enhance your design workflow
  • You'll learn how to incorporate best practices in reusing design elements and styles to increase efficiency
View Curriculum
Requirements
  • You should be know how to navigate around your Mac or PC
  • You will need Adobe XD installed on your computer. You can download the free beta version for mac or windows.
Description

Adobe XD is a brand new tool for UI/UX designers that gives you the power to design and prototype an entire app, all from one program. 

This course starts off with the Adobe Experience Design basics but quickly gets up to speed on how to design and prototype full fledged apps with amazing images, colors, and animations.

You will learn:

  • How to navigate around the interface and toggle on/off the panels you wish to use
  • How to set up artboards to rapidly assemble wireframes
  • How to design icons using the pen tool and boolean effects
  • How to set up symbols to reuse across your entire project
  • How to update symbols to sync across all your artboards
  • How to apply text and color style presets and change on the fly
  • How to use the repeat grid to create fast, repeating columns and/or rows
  • How to prototype and test your prototype within seconds
  • How to share projects, prototypes, and design assets
  • and much much more

When you're through with this course, you will be able to share a complete design and prototype with friends and colleagues that they can interact with directly on their phone or desktop.

Who is this course for:

  • UI/UX designers who want to improve their skills and learn the latest design tools
  • Photoshop or Illustrator users who want to switch to a program dedicated exclusively for UX design
  • SketchApp users who want an all-in-one solution for designing and prototyping
  • Product Managers who want to increase their design skills to create better products and communicate more effectively with developers
Who is the target audience?
  • Anyone who wants to learn Interface Design
  • Anyone who wants to learn User Experience Design
Compare to Other Adobe Experience Design Courses
Curriculum For This Course
36 Lectures
01:42:31
+
Getting started with this course
2 Lectures 01:07

Welcome to "Learn Adobe XD: UI/UX Designing and Prototyping from Scratch. In this course you will learn your way around XD and be able to efficiently use the tools to design, prototype, and share your work.

Preview 00:46

+
Getting Familiar with Adobe XD
12 Lectures 33:36

Learn about the start screen and the quick tools that will help you start your first project or your hundredth project in a snap.

Preview 01:37


The menu
03:25


Learn the properties panel and how it changes with each object you select to give you properties relevant to that object.

Preview 05:10

Using UI templates
02:30

The Assets Panel
02:30


The Layers Panel
02:09

The Prototype Workspace
02:26

Using Device Preview
00:52

Sharing a Prototype
02:17
+
Creating Your First Project
12 Lectures 36:53
Setting Up Your Artboards and Grids
02:33

Creating a wireframe
02:23

Designing a wireframe
05:49

Creating icons
07:53

Adding and formatting text
01:41

Using repeat grids
02:26

Working with color
02:48

Importing images
03:38

Designing a login screen
03:42

Creating a background blur
02:17

Prototyping your design
00:58

Testing your prototype
00:45
+
Working with images and vectors
2 Lectures 08:08
Importing assets
06:07

Masking images with a shape
02:01
+
Creating reusable content
3 Lectures 10:58
Using Repeat Grid to design a popup menu
05:21

Creating a custom color palette and color styles
01:35

Editing SVG imports
04:02
+
Publishing your prototype and exporting assets for developers
4 Lectures 11:32
Using Device Preview to quickly discover and fix errors
02:11

Using Desktop Preview
02:27

Sharing and commenting on your prototype
02:50

Exporting assets for developer handoff
04:04
+
Conclusion
1 Lecture 00:17
Conclusion
00:17
About the Instructor
Caleb Kingston
4.7 Average rating
6 Reviews
532 Students
1 Course
UX Designer at brainspin

Back in 2010, I started brainspin with a desire to design compelling and engaging apps. For over 7 years, I have designed many high profile web and iPhone applications. The applications range from 3D medical aided web applications to project management applications for niche industries. 

I am also the founder of a large local design organization, Salt Lake Designers, where I and other local influencers help cultivate the talents of up and coming UX designers through workshops and panel discussions.