fbpx
+91 9866692678 info@seoskills.in

Adobe XD Training

Adobe XD CC is a complete end-to-end solution for designing user experiences for mobile apps,
websites, and more. You can design, prototype, preview, and share using the same tool.

In Adobe XD, you can create prototypes for websites or apps by designing all the screens or
pages in a single Adobe XD file. You can add artboards of the required screen size and then
define interactivity between them to visualize how users navigate through the screens or pages.
You can then test the prototype you create locally or on a device and easily share prototypes with
others to gather feedback via commenting and annotations. That feedback can then be
incorporated into the design. Finally, you can send design specs and exported production-ready
assets to a developer to create the app or website outside of Adobe XD.
Adobe XD CC is a powerful tool for working quickly and efficiently during the design and
prototype phase of the web or app development process.

Adobe XD Training – Course Overview

Adobe XD Training Course - Overview

Adobe XD  is an innovative tool used for UI and UX design for Mobile APP and Web Site prototyping. In this course, you will learn an overview of adobe XD features and functionality and Navigating the XD interface, Sharing your work in XD, Using artboards and grids, How Photoshop, Illustrator, and Sketch integrate with XD, Using the Repeat Grid feature, Working with the animation features in XD, Using voice interactions, Exporting content

What you’ll learn in this training course

Adobe Interface Basics
Understanding Layers in Xd
Selecting, moving and duplicating
Alignment fundamentals
Assets panel
Artboards
pre-made templates
fonts & icons & images & color pallets & filler text
Preparing our first artboard & grid
Preparing our colours
Preparing our fonts
Creating a five page website
creating food app with 10 screens
Prototyping Mobie APP
Prototyping WebApp
Portfolio Building

Adobe XD Course Content

Module 1: Adobe XD Basics

Introduction about Adobe XD and Version History
DPS Features – Design, Prototype, and Share
Artboard Types
Mobile, Web, Instagram Story, and User Defined Artboards.
Adobe XD Supported File Format
Opening Adobe Photoshop Files
Opening Adobe illustrator files
Opening Sketch Files
opening native file formats i.e Adobe XD
Working with UI Kits
UI Kits for IOS
UI Kits for Android

Module 2: Adobe XD Workspace Elements

Adobe XD Workspace Elements
Selection tools
Drawing Tools
Type and Typography options
Working with Paths
Editing Paths
Document Navigation Tools
Layers Panel
Assets Pannel
Control Panel
Object Pannel
Context Menu

Module 3: Working with images and Vectors

Understing Raster vs Vectors
File formats for Vectors and Rasters
Importing images
Image and Object Masking Options
Using online stock sites for Royalty-free Images
Creating and importing from Adobe Photoshop
Creating and importing from Adobe illustrator
Creating ICONs
Free Plugins for Icons
Using online Websites for Icons
Importing icons

Module 4: Creating UI Elements Using Adobe XD tools

Form Elements
checkboxes
radio buttons
dropdown lists
list boxes
buttons
toggles
text fields
date field.
Navigational Elements
breadcrumb
slider
search field
pagination
slider
tags
icons.
Informational Components
tooltips
icons
progress bar
notifications
message boxes
modal windows.

Module 5: Design Systems

What is Design System
Understanding and Analyzing Five sample Design Systems
Google Design Design Systems
Microsoft Design Systems
Apple Design Systems
Shopify Design Systems
Ali express Design Systems
Creating Design System for Mobile APP and Website
Typography
Colors
Icons
Gradients
Patterns
Illustrations
Images
Full Style guide design for Brand

Module 6: Designing App Screens

Splash screen.
Home screen.
Log-in screen.
Sign-up Screen
Profile screen.
Settings screen.
Onboarding screens.
Calendar.
Map.
Lists
Cards
Payment screens
Tabs

Module 6: Prototyping and Sharing

What is Prototyping
Types of Prototyping
Why Do We Prototype?
Adding Interactions to your Prototype
Adding Overlays To Your Prototype
Recording Your Prototype to Video
Using Mobile Device Preview

Module 7: Developer Handoff

Exporting your designs and assets
creating design specs for developers
working with thirty party apps- Zepline and ProtoPie

Module 8 : Portfolio Building and Freelancing

Research
Ideation
Moodboards
online portfolio tools and websites
online freelancing web sites and profile setup tips and tricks
Free websites and UI UX inspiration websites

Ravindra Reddy

Instructor Profile

Hello, my name is Ravindra Reddy, I am from Hyderabad, India.
I am a UI UX designer with 4 years of visual design and UI UX Design experience and 16+ years of experience in teaching graphic design and Web design and SEO.
Skilled at using design systems like color, typography, grids, UX process like research, wireframes, prototyping. Confidence using tools like Photoshop, Illustrator, Indesign, Premiere, Adobe XD, Figma, and flexible using of HTML, CSS, Adobe Dreamweaver, WordPress, Google Analytics, and SEO.

Adobe XD Course Duration, Course Fee, and Course Topics

Adobe XD Course Duration: 1 Month

Dailly: 1 Hour Class and 30. Min Handon Practicals

Alternate Dayes Classes

Monday to Friday

Total No Hours: 15 to 20 Hours

Adobe XD + Adobe illustrator = 1.5 Month

Adobe XD + Adobe illustrator + Adobe Photoshop = 2.5 Month

Adobe XD Course Fee: 5000 INR

Adobe XD + Adobe illustrator = 7500 INR

Adobe XD + Adobe illustrator + Adobe Photoshop = 12000 INR

What you’ll learn in this training course
Adobe XD Interface Basics
Adobe XD Layers
Selecting, moving, and duplicating
Alignment fundamentals
Adobe XD Assets panel
Adobe XD Artboards
Adobe XD UI Kits
fonts & icons & images & color pallets & filler text
Preparing our first artboard & grid
Preparing our colors
Preparing our fonts
Creating a five-page website
creating food app with 10 screens
Prototyping Mobile APP
Prototyping WebApp
Portfolio Building

  • Types of Training
  • Online
  • Classroom
  • Weekend