Getting started with this course
  • What is Adobe XD?
  • Installing Adobe XD
  • Using the exercise files
Getting Familiar with Adobe XD
  • About this section
  • The Start Screen
  • Learning the Interface
  • A note to Windows users
  • Keyboard Shortcut Sheet Sheet
  • The Menu Bar
  • The Tools Panel
  • The properties panel
  • Using The Wireframe UI Template
  • The Layers Panel
  • The Assets Panel
  • Using Keyboard Shortcuts
  • Copy & Paste Appearances
  • The Prototype Workspace
  • Prototype Sharing
  • Using Device Preview
Get Started with The Project
  • Introduction to the DoLocal App
  • Creating Artboards
  • Grids & Layouts
  • Creating Content Wireframes
  • Designing Your Wireframes
  • Using repeat grids
  • Adding and formatting text
  • Adding Images
  • Working with Object Styles
  • Working with color
  • Using Color Assets
  • Using Character Styles
Working with images and vectors
  • Importing Icons
  • Masking images
  • Preparing Images in Photoshop
  • Preparing Icons in Illustrator
Creating Content in Adobe XD
  • Creating a Logo
  • Creating Icons
  • Using Symbols
  • Design Challenge
  • Completing our Design
Prototyping and Sharing
  • Why Do We Prototype?
  • Adding Interactions to your Prototype
  • Adding Overlays To Your Prototype
  • Recording Your Prototype to Video
  • Using Mobile Device Preview
Developer Handoff
  • Exporting Your Designs and Assets
  • Creating Design Specs for Developers
  • Working with 3rd Party Apps like Zeplin and ProtoPie
Adobe XD for Power Users
  • Importing Sketch & Photoshop Files into XD
  • Importing Icons from the Web and 3rd Party Tools
  • Using CC Libraries for Icons & Images
Conclusion
  • Conclusion