Adobe XD for UI/UX Designers

categories: Arts & Design

Creativity

Digital

Design

SDG 8: Decent Work and Economic Growth

By the end of this course, you will be able to

Identify the basics of Adobe XD, how it works, and how to deal with its interface. Then, you will learn how to employ tools for designing different sketches.
Use different and various shortcuts within Adobe XD, create mobile application screens, and you will also learn how to use the "Prototype" step by step.
Define the meaning of wireframe and user flow. Then, you will learn to prepare the design for programmers from scratch and step by step to be more professional.

Course details

5 h 3 m/26 lessons
Last updated: 29/5/2023
Course completion certificate

Course Content

Free lessons

Introduction

1 Minutes

Getting started with Adobe XD and Artboards

8 Minutes

Dealing with shapes and their properties-Part 1

21 Minutes

1. Introduction

Introduction

1 Minutes

2. Let's Learn Adobe XD from the Beginning

Getting started with Adobe XD and Artboards

8 Minutes

Dealing with shapes and their properties-Part 1

21 Minutes

Dealing with shapes and their properties-Part 2

26 Minutes

Create Cards in adobe xd

10 Minutes

Dealing with Text and Paragraphs in adobe XD.mp4

9 Minutes

Guides and grids

6 Minutes

Stack and Padding in adobe XD

7 Minutes

Plugins in adobe XD

5 Minutes

Save the colors-in the library

4 Minutes

10.

Character style

3 Minutes

11.

Repeat Grid

5 Minutes

12.

Create Components in Adobe XD

5 Minutes

13.

State in Adobe XD

6 Minutes

14.

Scroll & Fix Position

6 Minutes

15.

What's the responsive in adobe XD

4 Minutes

3. Practical Training Part-1

Create onboarding Screens

29 Minutes

Prototype

11 Minutes

Share & Save

5 Minutes

4. Practical Training Part-2

Design mobile app Home Screen

37 Minutes

Design item Details Screen

12 Minutes

Create login and signup

25 Minutes

Prototype and Extract icons

8 Minutes

5. Introduction to Wireframe and User Flow

What is wireframing

13 Minutes

User Flow and Introduction to InVision

24 Minutes

Thank You

About this course

In this training course, you will learn how Adobe XD works from the beginning to professionalism, through practical training on each tool separately and harness tools to implement your various design projects: design sketches in a digital way, create wireframes, create the final design, and also create interactions between the “Prototype” design screens, as well as knowing how to share the design, and prepare it for coding.

Course requirements and prerequisites

There are no requirements for this course. Your interest in the topic and your commitment to learning are all you need to achieve the utmost benefit from this course.