Learn Adobe Xd Ux Designing And Prototyping From Scratch

Learn how to design and prototype apps and webpages using Adobe XD

Last updated 2022-01-10 | 4.7

- 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

What you'll 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

* 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 powerful tool for UI/UX designers giving you the power to design and prototype an entire app, all from one program. 

This course starts off with Adobe XD basics and quickly gets up to speed on designing and prototyping a full fledged app 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 art boards to rapidly assemble wireframes

  • how to make your art boards responsive using auto-resize

  • How to design icons using the pen tool and boolean effects

  • How to convert icons and buttons into symbols to reuse across your entire project

  • 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 this course is for:

  • Anyone who wants to learn Interface Design
  • Anyone who wants to learn User Experience Design

Course content

9 sections • 52 lectures

What is Adobe XD? Preview 00:39

Installing Adobe XD Preview 01:14

Using the exercise files Preview 00:36

About this section Preview 00:36

The Start Screen Preview 01:23

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

Learning the Interface Preview 02:27

A note to Windows users Preview 01:23

Keyboard Shortcut Sheet Sheet Preview 00:17

The Menu Bar Preview 09:20

The Tools Panel Preview 02:27

The properties panel Preview 06:48

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

Using The Wireframe UI Template Preview 04:38

The Layers Panel Preview 05:19

The Assets Panel Preview 07:59

Using Keyboard Shortcuts Preview 04:22

Copy & Paste Appearances Preview 03:47

The Prototype Workspace Preview 07:41

Prototype Sharing Preview 04:13

Using Device Preview Preview 00:59

Introduction to the DoLocal App Preview 01:25

Creating Artboards Preview 03:13

Grids & Layouts Preview 02:05

Creating Content Wireframes Preview 09:59

Designing Your Wireframes Preview 11:51

Using repeat grids Preview 04:17

Adding and formatting text Preview 06:59

Adding Images Preview 03:45

Working with Object Styles Preview 02:39

Working with color Preview 09:55

Using Color Assets Preview 03:56

Using Character Styles Preview 03:03

Importing Icons Preview 04:26

Masking images Preview 03:47

Preparing Images in Photoshop Preview 01:40

Preparing Icons in Illustrator Preview 03:37

Creating a Logo Preview 04:40

Creating Icons Preview 08:49

Using Symbols Preview 10:33

Design Challenge Preview 08:00

Completing our Design Preview 05:44

Why Do We Prototype? Preview 00:50

Adding Interactions to your Prototype Preview 07:26

Adding Overlays To Your Prototype Preview 02:03

Recording Your Prototype to Video Preview 01:04

Using Mobile Device Preview Preview 02:34

Exporting Your Designs and Assets Preview 05:19

Creating Design Specs for Developers Preview 03:36

Working with 3rd Party Apps like Zeplin and ProtoPie Preview 01:47

Importing Sketch & Photoshop Files into XD Preview 02:32

Importing Icons from the Web and 3rd Party Tools Preview 04:46

Using CC Libraries for Icons & Images Preview 06:58