XD Essentials Day 3

Note

On day 1, the teacher should have surveyed the class to find out how many students have experience with paths in a vector design program like Adobe Illustrator. If the class is inexperienced, plan on spending as much time teaching paths as you would in an Illustrator class and condensing the other material in the curriculum.

Objectives

• Students can use XD to repeat and edit elements effectively.
• Students can set up their designs for greater prototyping functionality.

Outline

Introduction

• Questions from last time?
• Hook
• Today’s topics
  • Components
  • UI Kits
  • Prototype Actions
  • Sharing Options

Design

Components

• Shapes/Groups
  • Create new
  • Place instances
  • Edit instances
  • Edit master
• Colors
  • Add Global color asset
  • Edit color asset
• Character Styles
  • Make and edit
• UI Kits
  • Find and download
  • Export assets by selection

Prototype

Actions

• Return to Previous
• Overlay

Animation options

• Type (Dissolve, Slide, Push, etc)
• Duration

Share

How and when to update vs create a new link

Conclusion

• Recap
  • Components
  • Prototype Actions
  • Sharing Options
• Patron Badges
• Chat/Lab