When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

SkillShare logo

Adobe Xd Masterclass - UI / UX Design From Scratch

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon20 hours 14 mintues
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About Adobe Xd Masterclass - UI / UX Design From Scratch

Class Intro

Class Overview

Introduction To Adobe Xd

Install Adobe Xd

Home Screen

Get To Know Adobe Xd

Shapes

Pen Tool

Text Tool

Artboards

Guides

Repeat Grid

Design Process Overview

Our Design Brief

Find The Target Audience

Paper Wireframe Resources

Paper Wireframing Styles

Paper Wireframes 1

Paper Wireframes 2

Paper Wireframes 3

Paper Wireframes 4

Paper Wireframes 5

Paper Wireframes 6

Paper Wireframes 7

Paper Wireframes 8

Importing Our Paper Wireframes

Creating Website Architecture

Wireframes In Adobe Xd 1

Wireframes In Adobe Xd 2

Wireframes In Adobe Xd 3

Wireframes In Adobe Xd 4

Wireframes In Adobe Xd 5

Wireframes In Adobe Xd 6

Wireframes In Adobe Xd 7

Wireframes In Adobe Xd 8

Wireframes In Adobe Xd 9

Free VS Premium Resources And Licences

Optimizing Your Images

Creating Design 1

Creating Design 2

Creating Design 3

Creating Design 4

Creating Design 5

Creating Design 6

Creating Design 7

Creating Design 8

Creating Design 9

Creating Design 10

Creating Design 11

Creating Design 12

Creating Design 13

Creating Design 14

Creating Design 15

What Is Responsive Design

Creating Responsive Design Grid System

Responsive Design 1

Responsive Design 2

Responsive Design 3

Responsive Design 4

Responsive Design 5

Responsive Design 6

Responsive Design 7

Responsive Design 8

Importance Of Sharing

Design Sharing Options

Sharing The Design With Client

Sharing The Design With Developers

Creating Design Tokens

Creating A Design System

Create A Project Presentation

3D In Adobe Xd

Folder Structure For Asset Export

Exporting Your Assets

Creating Project Styleguide

Conclusion And Resources

Skillshare Class Project

YouTube Channel For More Content

Join My Free Facebook Group

What You Will Learn?

  • Getting into UI / UX design can be difficult because you see all of these examples online, but you don't know where to start, which tools to use and how to organize your work..
  • ..
  • Working in Adobe Xd gives you unlimited possibilities because you can create, prototype and share, all in one tool, on Mac or PC, for free..
  • ..
  • Hey designer, my name is Alex and in this 20+ hours long masterclass you are going to learn:.
  • - Basics of Adobe Xd and what it can do- How to create great design brief- Create website architecture- Draw your wireframes on paper- Then import and create them in Adobe Xd- Create complex designs by adding colors, images and animations- Share those designs with client to get feedback - Create responsive design with multiple sizes- Present your designs in a portfolio- And finally, how to export your assets for developers using industry standards..
  • ..
  • This course covers everything you need to know to get started in UI / UX design, or to improve your skills. You don't need any previous knowledge of UI / UX or Adobe Xd, we are going to cover it all in this course..
  • ..
  • So if you want to improve your skills and productivity, save a lot of time and money on iterations and create designs faster, then I'll see you in the course..
  • ..
  • Have a creative day! .
  • Alex.