2 days. This course provides an introduction to the powerful code-writing and wireframe prototyping UX features of Adobe XD 2022 software. Share your story with designs that look and feel like the real thing. Wireframe, animate, prototype, collaborate, and more — it’s all right here, all in one UI/UX design tool. Topics include:
- Getting to know and customize the Adobe XD 2022 interface
- Introduction to Adobe XD 2022
- A typical workflow for prototyping a UX design
- Getting to know the workspace
- The design tools in Design mode
- Working with panels and the Property Inspector
- What is Prototype mode?
- Changing the View and using the Zoom tool
- Navigating through the artboards
- Previewing and sharing designs
- Resources connected to Adobe XD
- Starting a new document and/or cloud document
- Creating and editing art boards with the Artboard tool
- Working with and aligning artboards
- Layout grids and artboard guides
- Importing and replacing image assets
- Transforming and scaling an image
- Using Photoshop and XD in your workflow
- Using Illustrator for vector assets with XD
- Editing an image fill mask with shape or path
- Importing and styling point text and area text
- Creating and editing rectangles, ellipses, and polygons
- Fill versus border and border options
- Editing, combining, and aligning shapes
- Drawing paths and curves with the Pen tool
- Downloading and working with UI kits
- Organizing and arranging object content
- Selecting, locking, hiding content using the Layers panel
- Grouping and searching and filtering
- Aligning and positioning content
- What is the Memory artboard?
- Working with the Assets panel
- Saving color swatches and character styles
- Master components and component instances
- Swapping, grouping, and linking components
- Using and editing things in the CC Library
- Applying and editing gradients
- Understanding effects and blend modes
- Creating and editing a repeat grid
- Responsive content in your layout
- Design mode vs. Prototype mode
- Hover and multiple states to components
- Animating your content
- Multiple interactions on a single object
- Preserving scroll positioning
- Working with fixed positioning
- Content with overlays
- Drag, timing, and voice triggers
- Previewing and recording a prototype
- Share for review and commenting
- Exporting as PDF, SVG, PNG, JPG
- Exporting code assets
Suggested Follow Ups:
- Adobe InDesign I and II
- Adobe Illustrator I and II
- Adobe Photoshop II and III
- Adobe Lightroom Classic
Reserve today! Click for our Onsite Custom Training Request form.
