Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

Adobe Xd Masterclass - UI / UX Design From Scratch

via Skillshare

Overview

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

Syllabus

  • 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

Taught by

Aleksandar Cucukovic

Reviews

Start your review of Adobe Xd Masterclass - UI / UX Design From Scratch

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.