Adobe XD

Overview

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.

Course Outline

• Creating New Files & Designing on a Grid
• Adjusting the Layout for Tablets & Mobile Phones
• Importing & Cropping Photos
• Importing Vector Graphics, Fills, Shadows, & More
• Repeat Grids
• Symbols (Reusable Elements)
• Turning a Design into a Clickable Prototype
• Sharing XD Files (Including Clickable Prototypes)
• Exporting Assets for Web: SVG & PNG