Adobe XD from Beginner to Expert - Design, Prototype and Collaborate

Ahsan Idrisi, UI UX Visual Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
70 Videos (7h 15m)
    • Introduction to Adobe XD Course

      2:27
    • What Is Adobe Xd?

      7:28
    • Download And Install Adobe Xd

      2:31
    • Why Adobe Xd Is So Awesome

      3:33
    • Updates And Upcoming Features Xd

      2:33
    • Xd Interface Welcome Screen

      2:49
    • Top Nav Bar

      2:03
    • Adoe Xd Toolbar

      1:38
    • Properties Panel Adoe Xd Interface

      2:53
    • Adobe Xd Mac And Win Differences

      4:40
    • Exercise - First Assignment Simple One

      6:47
    • Artboards and grids in XD

      7:48
    • 8 tools in XD

      4:44
    • Rectangle tool to create buttons

      5:46
    • Background and Object blur

      3:20
    • Ellipse tool

      1:49
    • Basics of pen tool in XD

      2:43
    • Pen tool to creat Icons

      5:34
    • Line tool

      1:16
    • Text tool in Adobe XD

      3:25
    • Colors and Palettes

      3:50
    • Color Gradients in Xd

      5:58
    • Using coolors.io to create color schemes

      3:44
    • Masks In Xd

      5:41
    • Character Styles In XD

      4:48
    • Creating And Reusing Symbols

      7:04
    • Repeat Grid

      8:47
    • Common Shortcuts

      5:47
    • More Shortcut Keys

      8:25
    • What is Block level Design?

      12:15
    • Sketching First Design Idea block Level Paper

      8:14
    • First Paper Prototype - Adding Details

      4:06
    • Vertical Horizontal Prototypes T Prototypes

      8:58
    • Level Of Fidelity And Prototypes

      4:06
    • Adding Details To Your Block Design in XD

      7:36
    • Using Ui Design Patterns to speedup design

      6:04
    • Creating Signup Ios Screen Exercise

      14:04
    • Starting Design Preparations

      5:11
    • Color Scheme And Insprations

      5:27
    • Solving Ux Problems Of Old App

      4:10
    • Welcome Screen Design

      9:42
    • Designing The Login Screen

      14:28
    • Design Login activated Screen

      11:39
    • Signup Screen Design in XD

      7:04
    • Dashboard Design Part 1

      12:24
    • Dashboard Design Part 2

      11:08
    • Sidebar Navigation Design

      9:03
    • Actitivies Screen Design

      10:35
    • Sync Screen Design

      8:13
    • Sync Status Update Screen

      4:25
    • Using Grids To Improve Designs Further

      5:11
    • Refining Style Guides in XD

      8:22
    • IOS Design Guidelines

      8:58
    • Fixing Tap Target boundaries

      6:14
    • Prototype Login And Signup Screens

      10:11
    • Prototyping Dashboards and other Screens in XD

      11:14
    • Sharing Prototype With Others

      3:51
    • Recording Prototype On Mac

      2:15
    • Design Inspect tool

      3:57
    • Why To Export In 1x 2x 3x?

      9:10
    • Perfect Example Of 1x 2x 3x

      2:45
    • Export Artboards To Create Mockups

      7:31
    • Batch Export feature in Adobe XD

      6:23
    • Live Preview Your App On Iphone

      2:11
    • Developer Handoff With Zeplin

      12:57
    • Developer Handoff Using Avocode

      13:47
    • Open Sketch, Photohsop and Illustrator files in XD

      7:38
    • Adobe XD updates April May 2018

      4:10
    • June 2018 Adobe XD Update Overlays fixed position

      10:11
    • June 2018 Update math calculations

      3:02
15 students are watching this class

About This Class

Design & Prototype a real world Medical iPhone App using Adobe XD from Scratch. Collaborate with developers using Zeplin and Avocode tools

Every Design is a solution to a problem and Designs are useless if you can't convert them into coded Apps. So In this Adobe XD course, you will learn from scratch that how you can Design using Adobe XD. Then how you can create and share your prototypes with your users instantly and the most important part how you can Collaborate and hand-off your designs to your developers so they kiss your hands

Even if you are a novice or beginner, you will have no difficulty learning Adobe XD tool as it covers all the basics step by step

This class major key topics are

  • All the basics and keyboard shortcuts of Adobe XD (from scratch)
  • Designing iPhone App in XD
  • Creating Style Guides for your iPhone App
  • Paper Prototyping (Types and how to draw them on paper)
  • Interactive Prototyping using Adobe XD
  • Exporting all your assets and art-boards in 1X 2X and 3X
  • Collaborating with developers using Zeplin & Avocode
  • Open Sketch, Photoshop and Illustrator files with Adobe XD
  • All the latest updates and features in Adobe XD
  • Learn Apple IOS Design Specification/ Guidelines

So if you are Graphic Designer, a developer or you are a UI Designer who uses Photoshop and wants to learn how to quickly design and prototype with Adobe XD, this course is for you. Its the most easiest and lightest tool among all design tools where you can get expert in no time. Believe me

The best thing about Adobe XD is that it is available both for Windows and MAC operating systems and I will be showing both of them in this course so don't hesitate and join now to learn all about Prototyping and Adobe XD now

Even if you have never used any Design tool, still you can learn Adobe XD

2 of 3 students recommendSee All

Powerfull course .. is Amazing .. Thank you for all Information

140

Students

--

Projects

Ahsan Idrisi

UI UX Visual Designer

I started my Freelancing Career just 8 years ago and learned everything the hard way myself. I went from scratch to end up working for FORTUNE 500 companies like INTEL, PANASONIC and Coca-Cola.

In just 1 years of Serious UI Designing, I made my place on DRIBBBLE
Working with Art Directors from Coca-Cola and Project Managers from the UK, I learned a lot in short period of time.

Worked from App Icon Design to App UI Design, from wireframes, prototypes and Mockups Design. I have...

See full profile