Adobe XD Core Skills Course Outline
*** Platform Note: This class for Mac or PC Users ***
Adobe software is virtually the same on the Mac and PC platforms. When taking this class from one of our locations, it will be taught using PC hardware with Windows software. Minor Mac keyboard and interface differences will be highlighted by the instructor. When taking this course from home or office, students can use either PC or Mac hardware to attached to the hosted Windows-based Adobe software.
This course includes an overview of the interface, including how to use tools, panels, and how to switch between Design and Prototype modes. You will learn how to create new files, set up artboards, and use UI kits, which are integrated in XD. You will learn to design on a grid to efficiently adapt designs for various devices including tablets and mobile phones.
In the next part of the course you will learn to use the tools in XD to add design elements to your website or app. Lesson content includes how to set up artboards, import text, import photos, import vector graphics and create layers. You will learn to use color, save color swatches, create effects such as drop shadows and bevels, and modify opacity. Symbols are reusable elements, and repeat grids are used to quickly design and layout more complex pages. In this class you will learn how to create and modify symbols and repeat grids.
Take your static design to the next level by creating a functional interactive prototype. In this part of the class, you will learn how to link artboards, pages and buttons to create interactions. You can then record use of an interactive prototype to share with others, or generate a link to share XD files online to gather comments and provide updates.
Finally, you will learn to export assets and artboards to SVG and PNG format for developers and programmers to integrate into final production versions of sites and apps.
*** Version Note ***
Our Creative Cloud classes upgrade to the latest CC version as soon as new training materials are released from Adobe. Typically new content is available within 2 to 4 months of a software release.
This comprehensive course is appropriate for beginners and for anyone who is self taught on the basics of XD. Quite often even experienced users find they benefit from a Core Skills class to fill in the gaps in their knowledge.
Basic computer and file management skills are required for Core Skills level Adobe courses. Students should know how to - locate, copy and open files; create folders; arrange, re-size, minimize and maximize application windows; start and exit programs; manage use of multiple programs simultaneously; and switch between open programs.
Creating New Files & Designing on a Grid
Using the included UI Kits
Creating a new file
Setting up artboards
Creating colored backgrounds for text
Adjusting the Layout for Tablets & Mobile Phones
Designing with Bootstrap’s grid
Adapting the design for tablets
Adapting the design for mobile phones
Importing & Cropping Photos
Importing Vector Graphics, Fills, Shadows, & More
Importing & modifying vector graphics
Aligning & distributing layers
Layer opacity vs. fill opacity
Reusing colors (color swatches)
Adding a drop shadow
Creating a Repeat Grid
Customizing the content
Adjusting the design
Symbols (Reusable Elements)
Creating & editing symbols
Detaching from a symbol
Symbols versus Repeat Grids
Turning a Design into a Clickable Prototype
Linking between artboards
Previewing the prototype
Making a recording of a prototype
Sharing XD Files (Including Clickable Prototypes)
Sharing an XD file
Commenting on shared files
Pinning a comment
Updating an existing shared file
Exporting Assets for Web: SVG & PNG
Exporting individual assets
View outline in Word