Adobe XD Introduction Course

0800 156 0777
0


Design, Prototype and Test your UI/UX Designs

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.

£325.00ex vat

Attend Online

Why not attend from the comfort of your own desk. Our Live Online Learning option lets you take the course as if you were right there, without even leaving your desk. It's like being in the classroom, and you can interact with the instructor and other delegates, without the hassle of travelling to the venue.

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

Our scheduled courses are designed to ensure you have a professional and productive experience.  With 20 years practice we have had plenty of time to get it right, but we are always open to new suggestions as well.

Reasons to choose Highlander for your professional training

  • A proven track record - Highlander has been established for 20 years.
  • High quality instruction - Our instructors are certified by Adobe, Google and CompTIA.
  • We make sure you are happy - Our satisfaction guarantee ensures you leave with a smile.
  • Follow on support - We give you 12 months post course support.

What you get on a Highlander Course

Start and finish times

Our courses start at 9.30am and typically run until 4pm. The finish time is based primarily on how much information people can retain in a day without being overwhelmed, and can vary slightly depending on individual class size and ability.

Equipment

For our classroom courses, each delegate is provided with use of a computer, setup with the latest version of the software they are learning. Our York centre has a mix of Mac and PC's, so if you have a preference please advise us when booking. If delegates prefer to work in their own environment and would rather bring their own laptop that is equally fine.

For Live Online courses we provide full setup instructions, but you will require a machine running a copy of the software being taught. Additionally a reliable internet connection is a neccessary requirement to complete the course online.

Refreshments

At our centre hot drinks and water is provided throughout the day together with a selection of biscuits and sweets.  

There is a scheduled 15 minute break mid morning and again mid afternoon.

Lunch

There is a one hour break for lunch to allow delegates some time "off the screen".  For those attending face to face, we are located on the well known Bishy Road in York, with a wide range of popular cafe's just a few metres from the front door. The street regularly features in national newspapers and has been described by Wall Street Journal as "an enclave of gourmet delis and cafes" while The Times described it as "York's answer to Notting Hill".

Course Materials

You get 12 months access to our learning management system which contains a variety of content ranging from video tutorials and refresher exercises through to copies of course slides. Additionally post course instructor support is also available as required.

Certificate of Completion

All delegates receive a certificate of completion to show they have completed an Adobe Authorised Training Course.

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.