Adobe XD UI UX Design Bootcamp - User Experience Design Essentials

You will learn to design various types of pages and panels for your application such as home, login, signup, browse, sidebar menu, inbox, settings.
Duration: 1 Day
Hours: 4 Hours
Training Level: All Level
Virtual Class Id: 50523
Recorded
Single Attendee
$199.00 $332.00
6 month Access for Recorded
Have Any Queries

Call Us : +1-888-880-0589

support@virtualtrainings.com

About the Course:

In this course, you will learn about Designing Complete User Interfaces and Experiences with Adobe XD. Here you will learn all the tools and techniques used in the process of creating a complete interface and workflow for the Mobile app and website. User Experience Designing is a crucial step in the overall application development cycle, being in the early stage, it allows a core team of designers, managers, and developers to visualize the application with a prototype. It enables them to make sufficient changes in the UI before the code development and testing begins.

Working in the Adobe ecosystem allows its users to easily integrate with other Adobe CC software such as Photoshop and Illustrator. This course will also cover how and what you can implement using various Adobe CC tools.

What is Adobe XD?

Adobe XD is an industry-recognized Design software used for creating Design prototypes and wireframes for Mobile applications and Websites. It is used for visualizing a complete User Interface by designing individual components that lead to an overall improved User Experience.

This training would give you full insight into how the interface works, all the main tools and features, and the most common shortcuts which will dramatically increase your productivity. Here you will learn how you can give life to your design and create a working prototype directly within Adobe XD, without the need for any third-party software.

You will learn to design various types of pages and panels for your application such as home, login, signup, browse, sidebar menu, inbox, and settings. 

The source xd file of the app we designed will be included, along with the other resources we used in the training. By the end of the course, you will have a very clear picture of how Adobe XD works, and you will be able to apply the design techniques, productivity tips, and all the skills you have learned in your future design projects.

You'll learn how to use Adobe XD to design and prototype a mobile app and website.

You'll be able to apply the design techniques and productivity tips you have learned in your own design workflow

You'll be one step closer to becoming a great and creative UI/UX designer

Course Objective:

  • To learn how to use Adobe XD for designing great User interfaces for Mobile and web applications by using various designing tools in a workflow to create an improved User Experience.
Who is the Target Audience?

  • This course is for UI/UX design beginners who want to improve their skills and learn a new design tool
  • This course is for Photoshop and Illustrator users who want to switch to a tool really built for UI/UX designers
  • This course is for Application Designers, Web Designers, Product Managers, or Entrepreneurs wanting to broaden their design skills in order to create better products
  • Anyone who is interested in learning Adobe XD and UX design

Basic Knowledge:

  • If you have used any Graphics Designing or Photo editing tool it would be useful (but is NOT mandatory!)

Curriculum
Total Duration: 4 Hours
What is Adobe XD and Why use XD
Getting Familiar with UI and dashboard
Low and High Wireframe Fidelity
Creating an App on Artboard in Design Mode
Various tools- Pen, Rectangle, Line, Curves, Textbox, Zoom, etc
Icons, buttons, colors, and gradients
Text and font
Using components from Illustrator
Working with Photoshop
Using UI kits and Graphic elements
Repeat Grid
Component states and instances
Overlay, Scroll and drag Prototype
Using stacks to create forms
Pin navigation
Keyboard Shortcuts
Make transitions and link Artboards
Boolean operations
Masking and cropping
Collaboration options
Export settings
Generate an animated clip of App interaction