Adobe XD Getting Started
In just one day you can be up and running with
Adobe XD Getting Started
Adobe XD is a great tool for designing, testing and prototyping your user interface designs whether it is for websites, mobile apps, games and more.
By learning to use the XD interface properly you can ensure the process is fast, smooth and effective, and you will be producing and testing high quality prototypes in no time at all.
In this one day course you will cover off how to use the design tools in XD, create an manage your interactions, share and collaborate, apply masks, use repeating grids and lots more.
Experienced Instructors
Over 20 years experience
Post Course Support
Hours of videos & more
Closed Courses
Live Online or inhouse
Secure Online Booking
£325.00
Scheduled Live Online Course Dates
Prices ex VAT. Highlander standard terms and conditions apply to all bookings.
Please contact us if you would like to arrange a private or onsite course.
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.
Adobe XD Introduction is a fast way to get up to speed on the Adobe XD product allowing you to develop great User Interfaces / User Experiences.
You will learn
- How to use the XD Design Interface
- How and why to work with multiple arboards
- To add powerful interactions between objects and artboards
- Advanced techniques like masking in XD
- To use and override the responsive resize features
- How to collaborate with colleagues
- To make use of the version control capabilities
- How to output your assets
Who should attend this course
No prior knowledge of Adobe XD is neccessary, however it is useful if delegates have some idea of the type of content they are aiming to create with XD. You should be comfortable using a computer and familiar with functionality such as copy and paste.