Adobe XD – Introduction

Once the tools, interface and basic techniques have been covered you will be able to design and create your own project. This starts with creating a site map and then involves adding images, components, links to the artboard layouts and finally exporting the project.

Tools and Menu Items
Setting up your Adobe XD Home screen
Previewing your work
Design /Prototype /Share Tabs

Adding /Deleting Artboards
Resizing Adobe XD artboards

Creating shapes and objects
Editing shapes
Customizing and saving Adobe XD shapes

Work with XD Tools Panel
Align & Distribute
Group /Ungroup Grid
Components
Layout /Responsive Resize
Appearance /Blend Mode

Importing Photos
Importing Vecto
Importing UI Elements into Adobe Experience Design

What are Assets?
Colours, Character Styles
Components
Audio
Link Assets
Share Assets
Update Assets
Apply & Reuse Assets

Adding /Editing Text
Importing Text
Adobe XD UI Kits

Create & Manage Components
Component Instances
Edit Main Components
Over-ride Component Instances
Add States to Components
Make Components Interactive

Importing updated text into your grids

Learning & Drawing with the Pen Tool
Editing Pen Paths & Pen Handles
Pen Tips & Tricks
Custom Paths /Corner Radius Values
Shape Attributes /Stokes /Fills /Gradients /Blurs /Drop Shadows

Masking images
Cropping images in Adobe XD

Grouping and ungrouping
Cloning Adobe XD objects
Aligning and distributing

Creating and editing existing symbols

Creating links in an Adobe XD project
Creating transitions between screens
Simulating user interactions with the None transition
Creating back links

Viewing XD Design on Mobiles
Device Preview
Recording Prototypes
Sharing XD projects Online
XD into Behance

Creating Multiple Screens
Pixel Perfect Grids (precise layout)
Prototyping interactions and transitions
Designing for different screen sizes
Sharing design specs with developers

Related Courses

Photoshop Social Media Graphics

The Photoshop Social Media Graphics course can be delivered as an Introduction to Photoshop Course where you will learn the tools and techniques needed to work in Photoshop but targeted to digital output. The type of thing you will learn to create are banners, Social Media Icons, LinkedIn Graphics, Twitter and Facebook imagery and posts.

Read more

Adobe Premier Pro – Quickstart Course

This Premier Pro Course will give you a firm introduction to the art of video editing. You will learn to add, manipulate, organise and export clips giving your video both a professional look and panache.

Read more

Adobe Photoshop – Introduction

On this Introduction to Photoshop Training Course you will learn the fundamentals of working with photographs for business or pleasure. During the course you will explore and experiment with the tools needed to retouch and enhance your photos and create original artwork from scratch.

Read more