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

Skillshare

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

via Skillshare

Overview

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

Syllabus

  • Introduction to Adobe XD Course
  • What Is Adobe Xd?
  • Download And Install Adobe Xd
  • Why Adobe Xd Is So Awesome
  • Welcome Screen Updated
  • Intro to interface adobe XD NEW 2020
  • Properties Panel Adoe Xd Interface
  • Adobe Xd Mac And Win Differences
  • Updates And Upcoming Features Xd
  • Exercise - First Assignment Simple One
  • Artboards and grids in XD
  • 8 tools in XD
  • Rectangle tool to create buttons
  • Background and Object blur
  • Ellipse tool
  • Basics of pen tool in XD
  • Pen tool to creat Icons
  • Line tool
  • Text tool in Adobe XD
  • Polygon tool - UPDATE
  • Colors and Palettes
  • Color Gradients in Xd
  • Using coolors.io to create color schemes
  • Masks In Xd
  • Character Styles In XD
  • Using Guides in Adobe XD- UPDATE
  • Repeat Grid
  • Components in Adobe XD - UPDATE
  • Linked Assets in XD - UPDATE
  • Common Shortcuts
  • More Shortcut Keys
  • What is Block level Design?
  • Sketching First Design Idea block Level Paper
  • First Paper Prototype - Adding Details
  • Vertical Horizontal Prototypes T Prototypes
  • Level Of Fidelity And Prototypes
  • Adding Details To Your Block Design in XD
  • Using Ui Design Patterns to speedup design
  • Creating Signup Ios Screen Exercise
  • Starting Design Preparations
  • Color Scheme And Insprations
  • Solving Ux Problems Of Old App
  • Welcome Screen Design
  • Designing The Login Screen
  • Design Login activated Screen
  • Signup Screen Design in XD
  • Dashboard Design Part 1
  • Dashboard Design Part 2
  • Sidebar Navigation Design
  • Actitivies Screen Design
  • Sync Screen Design
  • Sync Status Update Screen
  • Using Grids To Improve Designs Further
  • Refining Style Guides in XD
  • IOS Design Guidelines
  • Fixing Tap Target boundaries
  • Prototype Login And Signup Screens
  • Prototyping Dashboards and other Screens in XD
  • Sharing Prototype With Others
  • Recording Prototype On Mac
  • Design Inspect tool
  • Why To Export In 1x 2x 3x?
  • Perfect Example Of 1x 2x 3x
  • Export Artboards To Create Mockups
  • Batch Export feature in Adobe XD
  • Live Preview Your App On Iphone
  • Developer Handoff With Zeplin
  • Developer Handoff Using Avocode
  • Open Sketch, Photohsop and Illustrator files in XD
  • Adobe XD updates April May 2018
  • June 2018 Adobe XD Update Overlays fixed position
  • June 2018 Update math calculations
  • 06 stacking order Aug 2020

Taught by

Muhammad Ahsan

Reviews

Start your review of Adobe XD from Beginner to Expert - Design, Prototype and Collaborate

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.