Adobe XD Course: Introduction
Adobe XD. Design, prototype and share.
COVID-19 update: arrangement of our courses
We are now delivering courses online and in-person. Please check the delivery format of each class before enrolling.
Please note that course materials (excluding prescribed texts) are shared electronically within 48 hours of course commencement. Printing is not available.
XD (Experience Design) is the go-to user experience design software application used to create prototypes for mobile apps and websites.
This one-day Adobe XD introductory training course is designed to give you comprehensive knowledge of Adobe XD and the confidence to create prototyping wire frames for more effective user testing. No prior experience using the software is required before attending.
Your own Adobe Creative Cloud account is required for this course. For further details, see ‘Before the course’.
Outcomes
By the end of this course, you should be able to:
- recognise the fundamental aspects of Adobe XD
- create and use Artboards
- work with UI and wireframe kits
- create and use Masks
- work with Point and Are type
- create and edit Vector Shapes
- use the repeat grid function
- create and work with Symbols
- export Assets
- use comments to get feedback.
Content
Introduction to Adobe Experience Design (XD)
- Overview of User Experience Design (UX) vs User Interface Design (UI)
- Understanding common file formats
- Working with the Design and Prototype views
- Navigating around the user interface
Setting up a Project
- Creating Artboards
- Arranging, editing and deleting Artboards
- Creating additional screens for different display sizes and platforms
- Adding layout and square grids
UI Kits
- Exploring Apple, Google and Microsoft user interface kits
Creating graphics in Adobe Experience Design
- Creating and combining simple shapes
- Setting appearance attributes
- Controlling corner radius values
- Solid fill colours, gradient fills, strokes
- Adding drop-shadows & background Blurs
- Drawing with the Pen Tool
- Editing points and paths
- Creating and editing Symbols
- Linked symbols
Adding Text to your Design
- Create and Format Text
- Using Typekit fonts
- Saving Character Styles
Adding assets from other sources
- Importing Images
- Importing SVG files
- Masking techniques
- Open a layered Adobe Photoshop file
- Using Illustrator vector graphics
Creating accurate layouts
- Aligning and positioning Objects
- Layers panel overview
- Creating a Repeat Grid
Responsive Resize
- Resize designs for different screen sizes
- Set automatic and manual object constraint properties
- Grouping elements to constrain fixed and variable properties
Prototyping – adding interactivity
- Wireframes to interactive prototypes
- Link and unlink screens
- Setting screen triggers
- Adding interactions to elements
- Adjusting easing and duration properties
- Auto-animate
- Timed animation transitions
- Prototype drag gestures
- Overlays for side menus and keyboards
- Preserve Scrolling
- Fixed elements
- Voice triggers and speech commands
Testing your Project
- Previewing designs in the preview window or on mobile device
- Recording the user experience as a .mov file
Sharing your Project
- Share a public or private prototype
- Allow comments and hotspots
- Publish design Specs
- Extract and download Asserts for developers
Export Project and asserts
- Exporting artwork for Web, IOS and android devices
- Save Artboards as .png .svg and .pdf files
- Batch Export
- Exporting to After Effects
- Extend Adobe XD with plugin
Designing and prototyping your own Project
- Creating your own project
- Adding graphics and text
- Testing and sharing your project
- Exporting your project
Intended audience
Suitable for anyone wanting to learn the fundamentals of Adobe XD. It is designed to give you the confidence to start creating and prototyping user experiences for mobile apps and websites.
This course may particularly benefit UX and UI professionals, as well as those in marketing and communications who want to have a hands on role in mobile app development, or those wanting to get a job in User Experience Design (UX).
Prerequisites
This introductory course assumes little or no knowledge of the software.
Delivery style
- Presenter-taught training in a computer lab where you can use a CCE desktop computer or bring your own device.
- Online training via the platform Zoom.
Materials
Course materials are provided electronically.
Before the course
You will need an Adobe Creative Cloud account to participate. If you don’t have an existing account, you can create one here. Please bring your account login details with you to class.
IMPORTANT: For security reasons, you MUST remember to sign out of your Adobe Creative Cloud account at the end of class.
Additional information
Face-to-face classes
These classes run in a computer lab. You can use a CCE desktop computer or bring your own device.
Please bring a USB flash drive to class if you would like to make a copy of your work or any relevant class materials. Alternatively, you can save these to a cloud storage space or email them to your personal email address.
Online classes
If you are attending an online class you will need your own device.
Recommended operating system: Windows or Mac
Required software: Adobe Creative Cloud CCE 2020
Features
- $50 repeat class - Conditions apply
- Expert trainer
- Small class size
- CCE Statement of Completion
<p>{block name:“Course Tagline - Adobe XD”}</p><p>{block name:“Course Message - Microsoft and Adobe”}</p><p>{block name:“Block - COVID 19 updates”}</p><p>XD (Experience Design) is the go-to user
...When | Time | Where | Session Notes |
---|---|---|---|
Mon 22 Feb 2021 | 9:30am - 4:30pm (UTC+11:00) | Room 303 - Face-to-face (CCE Building, Newtown) |
<p>{block name:“Course Tagline - Adobe XD”}</p><p>{block name:“Course Message - Microsoft and Adobe”}</p><p>{block name:“Block - COVID 19 updates”}</p><p>XD (Experience Design) is the go-to user
...When | Time | Where | Session Notes |
---|---|---|---|
Fri 24 Sep 2021 | 9:30am - 4:30pm (UTC+10:00) | Face-to-face (Venue TBA) - Face-to-face (venue TBA) |
If there isn't a class to suit you, please join the waiting list.
Related content. Further your learning.
- Related Courses
- Adobe After Effects Course: Level 1
- Adobe Illustrator Course: Level 1
- Adobe Illustrator Course: Level 2
- Adobe InDesign Course: Level 1
- Adobe InDesign Course: Level 1
- Adobe InDesign Course: Level 2
- Adobe Photoshop Course: Level 1
- Adobe Photoshop Course: Level 2
- Adobe Photoshop Lightroom Course
- Adobe Premiere Pro Course: Level 1
Subjects
- Arts and humanities
- Business and management
-
English
-
Horticulture and gardening
- HSC preparation (years 10-12)
-
Human resources
- Information technology
- Language and culture
- Marketing
- Music and film
- Project management
- Psychology and psychiatry
-
Public sector