The Adobe XD Introduction course is a one day intensive course which gets you up and running with Adobe XD quickly and effectively. By the end of the course you will be able to design, prototype, test and share your creations for rapid UI/UX creation.
Adobe XD Introduction - Course Topics
Intro to XD
- What is XD?
- Common file formats
- Start screen
- XD files
- PC / Mac differences
Working with Documents
- Starting new documents
- Opening local documents
- Opening cloud documents
- What are UI Kits
- Saving options
Artboards
- Add new artboard
- Using presets
- Resizing artboards
- Duplicating artboards
- Responsive resizing
- Zoom and Fit
Shapes
- Rectangle, Elipse, and Triangle shapes
- Shortcuts for shapes
- Pen tool
- Editing shapes
- Shape properties
- Combining shapes with pathfinder
- Copy / paste appearance
Type
- Point v Area type
- Scaling type
- Formatting options
Layers Panel
- Rearrange items
- Rename layers
- Grouping
- Hide / Lock layers
Colour
- Colour modes
- Applying colours
- Creating and using swatches
- Making global changes
- Merging colours
- Reveal colours
- Using gradients
Masks
- What are masks
- Applying a mask
- Editing mask group
- Convert text to path
- Use as Mask
Using Images
- Image formats
- Adding an image
- Adding multiple images
- Working with linked images
- Using an online image
Repeat Grid
- Using a repeat grid
- Adjusting the gaps
- Ungrouping grids
- Adding .txt to repeating grid
- Adding multiple images to grid
Assets
- Assets panel overview
- Link assets from another document
- Edit in source document
- Using CC Libraries
Components
- Creating components
- Master components
- Applying from assets panel
- Editing master components
- Working with overrides
- Replacing a component
- Linked components
- Updating linked components
- Previewing updates
- Make local component
Character Styles
- What are character styles
- Adding character styles
- Editing character styles
- Renaming character styles
- Importing character styles
Responsive Resize
- What is responsive resize
- Auto resize
- Manual options
Plugins
- What are plugins
- Finding plugins
- Some recommended plugins
Collaboration
- Working with cloud documents
- Link assets
- Enabling Coediting
- Invite to collaborate
Version Control
- Viewing older versions
- Marking versions to save
- Viewing in the browser
Interactions
- Creating Interactions
- Removing Interactions
- Interaction Settings
- Copying and pasting interactions
- Testing Interactions
- Record and share interaction testing
Scrolling
- Make artboard scrollable / set viewport height
- Fix position of items when scrolling
- Fix position when scrolling
More Advanced Interactions
- Popup Keyboard overlay
- Transition Artboards based on Time
- Auto Animate
- Drag triggers
Sharing
- The XD App
- The Share Workspace
- Creating a Link
- View Settings
- Commenting
- Managing Your Links
- Setting Home Artboard when publishing
- Design Specs
Exporting
- What can you export?
- Exporting Assets
- Batch Exporting Assets
- Exporting to After Effects for further animation
NB: Highlander reserve the right to make reasonable changes to the topics covered if the instructor feels it will better benefit the specific delegates attending that class.