User Experience Design Essentials - Adobe XD UI UX Design

Udemy

Beginner

Online

₹ 599 4099

particular

details

                                    Medium of instructions
                                    English

                                    Mode of learning
                                    Self study

                                    Mode of Delivery
                                    Video and Text Based

Getting Started

Introduction to the User Experience Course
Getting started with your Adobe XD project
What is UI vs UX - User Interface vs User Experience vs Product Designer

The Brief

The UX brief & persona for our real life projecta

Wireframing Low Fidelity

Wireframing (low fidelity) in Adobe XD
How wide should my website or app be in Adobe XD?
Working with existing UI kits in Adobe XD

Type, Color & Icon Introduction

Working with type in your XD wireframes
Basic Colors & buttons in Adobe XD wireframes
Free icons for your Adobe XD & UX UI projects
Adding footers & Lorem Ipsum to our XD wireframe
New Pages & Artboards in Adobe XD
Class Project 01 – Wireframe Homepage & Contact Us Page
Class Project 01 – Wireframe Homepage & Contact Us Page

Prototyping a Website - Introduction

Prototyping & adding interactivity to Adobe XD
How to create a Popup Modal or popup box in Adobe XD
Class project 02 – Prototype
Class Project 02 – Prototype

Symbols & Repeat Grids

Working with groups & isolation mode in Adobe XD
How to make & use symbols in Adobe XD
Production Video - Left Nav
Using the repeat grid in Adobe XD
Updating symbols & problems with using repeat grids
Prototype Trick to save time in Adobe XD
Navigation tricks & tips in Adobe XD
Class Project 03 - Symbols & Repeat Grids
Class Project 03 – Symbols & Repeat Grids

Prototyping a App - Introduction

Mocking up an App in Adobe XD
How to use the XD App on iPhone & Android
Adding iPhone & Android battery & status icons to mockup
How to fixed the position of the nav or battery icons in XD
Production Video - Login & Dashboard

Wireframe Feedback

Sharing Wireframes for comments in Adobe XD
Recording your interactions via video using Adobe XD
Class project - Wireframe Feedback
Class Project 04 – Wireframe Feedback

High Fidelity UI Design

Mood Boards & resources for Hi fidelity UI design in Adobe XD
Class project - Mood Board
Class Project 05 – Moodboard
How to create a 12 Column or Grid in Adobe XD 2018

Colors

Working with colors inside Adobe XD CC
Tricks for using colors in Adobe XD
How to create gradients in Adobe XD
Class project 06 – Colors
Class Project 06 – Colours

Text & Fonts Advanced

Use Web safe fonts or iOS or Android specific fonts in Adobe XD
How to use Character Styles in Adobe XD
Font & Text tips tricks in Adobe XD
Adding our first Plugin Lorem Ipsum to Adobe XD
Creating realistic buttons in Adobe XD with paste properties
Class project 07 - Text & Buttons
Class Project 07 – Text & Buttons

Drawing

How to draw your own custom icons in Adobe XD
Working with stokes & lines in Adobe XD
Learn to drawing with the pen tool in Adobe XD
Drawing practise with the pen tool in Adobe XD
Production Video with some drawing tips

Working with Illustrator

Back and forth with Illustrator in Adobe XD
Class project 08 - Draw your own icons
Class project 08 - Draw your own icons

Working with InDesign

Working with InDesign in Adobe XD

Images

The pros & cons for working with images inside Adobe XD
Working with images and CC Library connection
Adobe Stock connection to find similar image for XD project
Free images to use in your XD mockups - Unsplash Pexels Freeimage
Masking & Opacity & Blurring background images

Working with Photoshop

Working with Photoshop in Adobe XD
Production Video – Infographic
Class project 09 - Full Hi Def mockup
Class project 09 - Full Hi Def mockup

APP Design

How to make a mobile phone mockup with Adobe XD & Photoshop
Class project 10 - Mobile Website
Class project 10 - Mobile APP/Website

Placeholder content & Plugins

Hidden features for Adobe XD Repeat Grid
Plugin - Content Generator in Adobe XD
Plugin - UI Faces adding random profile photos to XD
Plugin - PhotoSplash automatically import Unspash images
Plugin - Copy Cat or Mimic to style and images from a site

Asset Panel

Advanced Asset Panel tricks in Adobe XD

Symbol - Advanced

Advanced Symbol Tricks & Tips for Adobe XD

Micro Interactions

What are UI micro interactions in Adobe XD
Button grow or full screen image micro interaction in Adobe XD
Animated Image Gallery with micro interactions in Adobe XD
Full vector change micro interaction in Adobe XD
Class project 11 - Micro Interactions
Class Project 11 – Micro Interactions

Prototyping Advanced

Time delay transitions in Adobe XD
How to create a popup menu or modal in Adobe XD
Animated mobile side nav for burger menu in Adobe XD
How to make a working drop down menu in Adobe XD
How to use the drag transition in Adobe XD
How to make a number ticker scroll using masks in Adobe XD

Voice Interactions

How to add Alexa style voice commands to Adobe XD

User Testing

What is user testing in Adobe XD
How to run an unmoderated UX User Test in Adobe XD
Class project 12 - User Testing
Class Project 12 – User testing

Pitching to clients & customers

Mocking up your designs in situ on a real phone in Photoshop
Advanced micro interactions & prototyping with Protopie in Adobe XD
How to add animation in Adobe XD using Adobe After Effects

Exporting

How to export images & assets from Adobe XD for developers
How to export code in XD for engineers using Design Specs

What Next

Class Project 13 – Roar Cycles
Class Project 13 – Roar Cycles
BONUS: Software Updates 2019
BONUS: Software Updates 2021
BONUS: Software Updates 2022
Conclusion for Adobe XD training course

Popular Courses

Popular Platforms

Popular Searches

User Experience Design Essentials - Adobe XD UI UX Design

Beginner

Online

₹ 599 4099

Quick Facts

Course and certificate fees

Fees information

certificate availability

certificate providing authority

The syllabus

Getting Started

The Brief

Wireframing Low Fidelity

Type, Color & Icon Introduction

Prototyping a Website - Introduction

Symbols & Repeat Grids

Prototyping a App - Introduction

Wireframe Feedback

High Fidelity UI Design

Colors

Text & Fonts Advanced

Drawing

Working with Illustrator

Working with InDesign

Images

Working with Photoshop

APP Design

Placeholder content & Plugins

Asset Panel

Symbol - Advanced

Micro Interactions

Prototyping Advanced

Voice Interactions

User Testing

Pitching to clients & customers

Exporting

What Next

Articles

Popular Articles

Latest Articles

Similar Courses

Courses of your Interest

More Courses by Udemy

Trending Courses

Popular Courses

Popular Platforms

Learn more about the Courses

Thank You!

Download the Careers360 App on your Android phone