Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

UI/UX & Web Design using Adobe XD 2018

Daniel Scott, Adobe Certified Trainer & UI/UX Expert

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
42 Videos (5h 25m)
    • Introduction to Adobe XD

      2:03
    • Getting started with your Adobe XD project

      0:51
    • What is UI vs UX User Interface vs User Experience

      2:08
    • The brief & persona for our real life project

      11:22
    • Wireframing (low fidelity) in Adobe XD

      1:58
    • Working with existing UI kits in Adobe XD

      8:27
    • Working with type in your XD wireframes

      5:21
    • How to create forms, checkboxes & buttons in Adobe XD

      7:40
    • Free icons for your Adobe XD & UX UI projects

      14:48
    • ProtoTyping & adding interactivity to Adobe XD

      10:08
    • Production video student views

      3:14
    • How to make & use symbols in Adobe XD

      7:22
    • Using the repeat grid in Adobe XD

      7:22
    • Mocking up an App in Adobe XD

      8:34
    • How to use the XD App on iPhone & Android

      6:55
    • Production Video Sign up screen & Dashboard

      10:46
    • Sharing Wireframes for comments in Adobe XD

      12:30
    • Mood Boards & resources for Hi fidelity UI design in Adobe UX

      7:46
    • Why do you need a 12 column grid in Adobe XD

      1:56
    • How to create a 12 Column Grid in Adobe XD 2018

      2:46
    • Working with colors inside Adobe XD CC

      5:30
    • Use Web safe fonts or iOS or Andriod specific fonts in Adobe XD

      8:43
    • How to use Character Styles in Adobe XD

      3:06
    • Creating realistic buttons in Adobe XD with paste properties

      5:39
    • How to draw your own custom icons in Adobe XD

      9:04
    • How to make a gradient & blur in Adobe XD

      2:10
    • The pros & cons for working with images inside Adobe XD

      3:38
    • Working with Illustrator, Photoshop & InDesign in Adobe XD

      8:34
    • How to mask in Adobe XD

      8:50
    • Production Video Adding text fields & buttons in Adobe XD

      6:53
    • 31b How to make a popup model in Adobe XD with a blurred background

      4:23
    • Creating 12 column card dashboard using the repeat grid tool in Adobe XD

      23:00
    • How to make a mobile phone mockup with Adobe XD & Photoshop

      14:42
    • Make an APP version of your Adobe XD UX project

      14:39
    • Hidden features for Adobe XD Repeat Grid

      8:56
    • Advanced prototyping using buttons & dropdown menus in Adobe XD

      21:31
    • One more Prototype trick & faking depth of field for mockup

      7:33
    • UX User Testing in Adobe XD

      1:55
    • How to export images & code from Adobe XD for developers

      12:50
    • Class Project for Adobe XD

      5:07
    • Shortcuts & Cheat Sheet for Adobe XD

      11:49
    • Conclusion for Adobe XD training course

      2:13

About This Class

Overview

Hi there, my name is Dan & I am an Adobe Certified Instructor. Together we are going to learn how to use Adobe XD. We will use this UX and UI design tool to create a beautiful User Interface & streamlined User Experience.  

During our course we will use an actual freelance project which I am working on. It’s a project that needs both a website interface & a mobile app, so it will give you a good idea of how to manage your own UX projects.  

deefd878

This course is aimed at people new to design & user experience. We will start right at the beginning and work our way through step by step. 

First I’ll show you how to construct a good brief & UX persona. Then you will learn to create simple wireframes, from there we will learn how to implement colours & images correctly in your designs. You will learn learn the do's and don'ts of choosing fonts for web & mobile apps. We will also cheat a little by exploring pre-made UI kits to speed up our workflow.  

3a0014ed

We will build & prototype both a website design and a mobile app design, connecting pages and also adding full interactivity ready for user testing. I will share with you all the secret tricks inside Adobe XD that help you speed up repetitive tasks and we will work all the way through to exporting correct files & creating your design specs. 

There is a project for you to complete during this class which will help develop your skills and will give you something for your own portfolio.

It is now time to upgrade yourself & learn Adobe XD. 

81faad12

What are the requirements?

  • You will need a copy of Adobe XD 2018 or above. A free trial can be downloaded from Adobe.
  • No previous design experience is needed.
  • No previous Adobe XD skills are needed.

What am I going to get from this course?

  • 42 lectures of well-structured, step by step content.
  • Learn to design websites & mobile phone apps.
  • Work with fonts & colors. 
  • Prototype your designs with interactions. 
  • Test on mobile phones. 
  • Send your designs for feedback & commenting.
  • Export production ready assets. 
  • Create your first UX brief & persona. 
  • Create quick wireframes. 
  • How to use premade UI kits. 
  • Learn professional workflow tricks & shortcuts. 
  • You will get the finished files so you never fall behind
  • Downloadable exercise files
  • Forum support from me and the rest of the BYOL crew
  • All the techniques used by UX professionals

What is the target audience?

  • This course is for beginners. 
  • Aimed at people new to the world of design & user experience. 
  • No previous Adobe XD experience is necessary.
  • For anyone that needs to add ‘UX Design’ to their portfolio.

4 of 4 students recommendSee All

One of the best instructors on Skillshare does it again! Yea! for this guy!

216

Students

--

Projects

Daniel Scott

Adobe Certified Trainer & UI/UX Expert

I'm a Digital Designer & teacher at BYOL international. Sharing is who I am, and teaching is where I am at my best, because I've been on both sides of that equation, and getting to deliver useful training is my meaningful way to be a part of the creative community.

I've spent a long time watching others learn, and teach, to refine how I work with you to be efficient, useful and, most importantly, memorable. I want you to carry what I've shown you into a bright future.

I have a w...

See full profile