Description
Duration: 3 Days
Overview
This three-day 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 into 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 the 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.
Prerequisites
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 the use of multiple programs simultaneously; and switch between open programs.
What’s included?
- Authorized Courseware
- Intensive Hands on Skills Development with an Experienced Subject Matter Expert
- Hands-on practice on real Servers and extended lab support 1.800.482.3172
- Examination Vouchers & Onsite Certification Testing- (excluding Adobe and PMP Boot Camps)
- Academy Code of Honor: Test Pass Guarantee
- Optional: Package for Hotel Accommodations, Lunch and Transportation
With several convenient training delivery methods offered, The Academy makes getting the training you need easy. Whether you prefer to learn in a classroom or an online live learning virtual environment, training videos hosted online, and private group classes hosted at your site. We offer expert instruction to individuals, government agencies, non-profits, and corporations. Our live classes, on-sites, and online training videos all feature certified instructors who teach a detailed curriculum and share their expertise and insights with trainees. No matter how you prefer to receive the training, you can count on The Academy for an engaging and effective learning experience.
Methods
- Instructor Led (the best training format we offer)
- Live Online Classroom – Online Instructor Led
- Self-Paced Video
Speak to an Admissions Representative for complete details
Start | Finish | Public Price | Public Enroll | Private Price | Private Enroll |
---|---|---|---|---|---|
9/23/2024 | 9/25/2024 | ||||
10/14/2024 | 10/16/2024 | ||||
11/4/2024 | 11/6/2024 | ||||
11/25/2024 | 11/27/2024 | ||||
12/16/2024 | 12/18/2024 | ||||
1/6/2025 | 1/8/2025 | ||||
1/27/2025 | 1/29/2025 | ||||
2/17/2025 | 2/19/2025 | ||||
3/10/2025 | 3/12/2025 | ||||
3/31/2025 | 4/2/2025 | ||||
4/21/2025 | 4/23/2025 | ||||
5/12/2025 | 5/14/2025 | ||||
6/2/2025 | 6/4/2025 | ||||
6/23/2025 | 6/25/2025 | ||||
7/14/2025 | 7/16/2025 | ||||
8/4/2025 | 8/6/2025 | ||||
8/25/2025 | 8/27/2025 | ||||
9/15/2025 | 9/17/2025 | ||||
10/6/2025 | 10/8/2025 | ||||
10/27/2025 | 10/29/2025 | ||||
11/17/2025 | 11/19/2025 | ||||
12/8/2025 | 12/10/2025 | ||||
12/29/2025 | 12/31/2025 | ||||
1/19/2026 | 1/21/2026 |
Curriculum
Creating New Files & Designing on a Grid
Using the included UI Kits
Creating a new file
Setting up artboards
Importing text
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 photos
Image fills
Image masking
Rounding corners
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
Repeat Grids
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
Background blur
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
Exporting artboards