User Experience Design Essentials - Adobe XD UI UX Design from Udemy

Are you excited to get into the world of UI/UX but you don't know where to start? This course will allow you to add UX designer to your CV & start getting paid for your new skills.

Hi there. My name is Dan & I’m an Adobe Certified Instructor. I’m here to help you learn Adobe XD efficiently and comprehensively. XD is a fantastic design tool used by industry professionals to product high quality & functional mockups. By the end of this course, you will be able to produce practical and effective User Experience (UX) and User Interface (UI) designs.

Throughout the course I’ll invite you to participate in a real-life freelance project which I’m working on. It’s a project that requires a fresh website and mobile app interface. This will prepare you for dealing with real world projects if you choose to move towards a UX/UI career path.

Aria: "This course is definitely above expectations so far. I didn't expect to get so much insight into the briefing and the communication between UX Designer and a client. It helps to see the brief and to learn that there are different tiers of income based on projects and experience. Love It. "

This course is aimed at people interested in UI/UX Design. We’ll start from the very beginning and work all the way through, step by step. If you already have some UI/UX Design experience but want to get up to speed using Adobe XD then this course is perfect for you too.

First, we will go over the differences between UX and UI Design. We will look at what our brief for this real-world project is, then we will learn about low-fidelity wireframes and how to make use of existing UI design kits.

I’ll go over all of the essential tools necessary for creating excellent wireframes, including: type, colours, icons, Lorem ipsum, artboards, prototyping, models and popups, symbols and repeat grids. We will even make use of the new prototyping app so that you can experience your prototype on your mobile device.

Kate: Excellent course - Dan is an excellent teacher and I thoroughly enjoyed following along with his videos. Highly recommend. July 2018: I have updated this review with an extra star because of how useful this course has been in the months following it's completion. I am using Adobe XD daily and Dan's instruction was instrumental to adding this feather to my front-end web development hat.

An important part of maximising your UX Design workflow is being able to utilise other software such as Photoshop and Illustrator. This is why I’ll be teaching you how to make use of both to help boost your XD productivity.

One of the awesome new features of XD is micro-interactions. I’ll be teaching you all about those and how to use them to grow icons and scenes. This is one of the parts of web design that’s growing and being adopted rapidly so you won’t want to miss out on learning it early.

Leigh: "I really enjoyed this course. I was a UX designer before the course and was looking for more information on XD and getting to know the program itself better, and this course really nailed it. It has great UX references and a few refreshing perspectives. As well as it really helps you learn XD in the process. The instructor is engaging and fun to listen to. Really really great course. I highly recommend to any new UX designers, as well as veterans looking for a refresh, or just to learn how to use XD."

There are two class projects for you to complete during this class, these will help develop your skills and will give you something for your own portfolio.

It is now time to upgrade yourself & learn Adobe XD.

What's inside

Learning objectives

Become a ux designer.
You will be able to start earning money from your xd skills.
You will be able to add ux designer to your cv
Build a ux project from beginning to end.
Become a ui designer.
Build & test a full mobile app.
Build & test a full website design.
You will have a project of your own to add to your portfolio.
93 lectures of well-structured, step by step content.
Learn to design websites & mobile phone apps.
Work with fonts & colors.
Prototype your designs with interactions.
Test on mobile phones.
You'll create realistic prototype complete with micro interactions.
Send your designs for feedback & commenting.
Export production ready assets.

Create your first ux brief & persona.
Create quick wireframes.
How to use premade ui kits.
Learn professional workflow tricks & shortcuts.
You will get the finished files so you never fall behind
Downloadable exercise files
Forum support from me and the rest of the byol crew
All the techniques used by ux professionals
Build a mobile app prototype that responses to voice commands.
You will be able to talk correctly with other ux design professionals.
You'll learn how to choose colors.
You'll learn how to pick the correct fonts.
You'll be able to send your finished work to other professionals in the correct formats.
Show more
Show less

Become a ux designer.
You will be able to start earning money from your xd skills.
You will be able to add ux designer to your cv
Build a ux project from beginning to end.
Become a ui designer.
Build & test a full mobile app.
Build & test a full website design.
You will have a project of your own to add to your portfolio.
93 lectures of well-structured, step by step content.
Learn to design websites & mobile phone apps.
Work with fonts & colors.
Prototype your designs with interactions.
Test on mobile phones.
You'll create realistic prototype complete with micro interactions.
Send your designs for feedback & commenting.
Export production ready assets.
Create your first ux brief & persona.
Create quick wireframes.
How to use premade ui kits.
Learn professional workflow tricks & shortcuts.
You will get the finished files so you never fall behind
Downloadable exercise files
Forum support from me and the rest of the byol crew
All the techniques used by ux professionals
Build a mobile app prototype that responses to voice commands.
You will be able to talk correctly with other ux design professionals.
You'll learn how to choose colors.
You'll learn how to pick the correct fonts.
You'll be able to send your finished work to other professionals in the correct formats.
Show more
Show less

Syllabus

Getting Started

Getting started with your Adobe XD project.

What is Adobe XD for & does it do the coding

What's the difference between UI and UX in Adobe XD

What we are making in this Adobe XD course

What is a persona & task flow in UX design

Class Project 01 - Create your own brief

Wireframing Low Fidelity

What is Lo Fi Wireframe vs High Fidelity in Adobe XD

Artboards & how wide should my website or app be in Adobe XD

Type, Color & Icon Introduction

Working with type in your XD wireframes

Rectangles, Circles, Buttons and Rounded corners in Adobe XD

How to use color in Adobe XD

Strokes & copy & paste appearance in Adobe XD

Class Project 02 - Wireframe

Free icons for your Adobe XD & UX UI projects

How to find and use existing UI kits in Adobe XD

Groups & issues editing icons in Adobe XD

Class Project 03 - Icons

Prototyping - Level 1

How to add interaction to your prototype in Adobe XD

Prototype animation & easing in Adobe XD

How see your design on XD App on iPhone & Android

Class Project 04 - Testing on your phone

Class project 04 - Testing on your phone

Animation

Getting started with auto-animations in Adobe XD

Understanding more about animation in Adobe XD

Class Project 05 - My first animation

Class project 05 - My first animation

Feedback & Commenting

Sharing Wireframes for comments in Adobe XD

Moodboard - High Fidelity UI Design

Mood Boards & resources for Hi fidelity UI design in Adobe XD

How to create a mood board in Adobe XD

Class project 06 - Mood Board

Class Project 06 - Moodboard

How to work with Columns & Grids in Adobe XD

Columns & Grids

View port aka dotted line on the page in Adobe XD

How to add & delete guides to Adobe XD

Colors

Color Inspiration & the eyedropper in XD

How to create a color palette in Adobe XD

How to create gradients in Adobe XD

How to save and reused color swatches in Adobe XD

Class Project 07 - Colors & Columns

Text & Fonts - Level 2

What fonts can I use in my web or app design in Adobe XD

Check what other font’s people have used

What common font sizes should I choose in web design

How to make Character Styles in Adobe XD

Plugin - Adding our first Plugin Lorem Ipsum to Adobe XD

Class project 08 - Text

Class Project 08 - Text

Drawing

Drawing & editing shapes in Adobe XD

Strangeness with shapes in Adobe XD

Learn to draw with the pen tool in Adobe XD

Working with strokes & lines in Adobe XD

Class Project 09 - Icons & Buttons

Working with Illustrator

Do I need to know Illustrator with Adobe XD

Images

Masking & cropping images in Adobe XD

Free images to use in your XD mockups - Unsplash Pexels Freeimage

Darkening background images with opacity in XD

Blurring backgrounds and objects in Adobe XD

Working with Photoshop

Do I need to know Photoshop with Adobe XD

Snack bar Toast banners using masked image in Adobe XD

Class Project 10 - Add images

Class Project 10 - Images

Components & Instances

How to make & use components in Adobe XD

Difference between Main & Instance Components in Adobe XD

How to create component hover states in XD

Class Project 11 - Buttons

Repeat Grids

How to use the repeat grid in Adobe XD

Class Project 12 - Repeat Grid

Updating & issues with repeat grids of the edge

Stacks

How to use stacks in XD to make a form

Class Project 13 - Stacks & Checkout Page

Micro Interactions & Animations

The difference between animation & micro interactions

Dan drawing stuff in Adobe XD

More animation in Adobe XD

Class Project 14 - My Second Animation

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Develops professional skills in UX and UI design

Taught by an Adobe Certified Instructor

Examines Adobe XD, which is used in industry by UX professionals

Builds a strong foundation for beginners by teaching the basics of UX and UI design

Provides a guided experience through a real-life project

Teaches essential tools and techniques for creating effective UX and UI designs

Reviews summary

Beginner's guide to ux design

Learners say this UX design course is a great resource for beginners transitioning into UX Design. According to students, the content is geared towards beginners with little to no experience in UX design.

The course is designed for beginners with little to no UX design experience.

"I am switching my career to UX designer and this course is awesome resource which gives me enough details to get me started."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in User Experience Design Essentials - Adobe XD UI UX Design with these activities:

Design Brief Study

Show steps

Understand the importance and elements of a design brief in UX/UI design.

Browse courses on UX Design

Show steps

Read and analyze existing design briefs.
Identify the key elements and sections of a design brief.
Summarize the purpose and benefits of a well-defined design brief.

Adobe XD Beginner Tutorial

Show steps

Become familiar with the interface and basic functionality of Adobe XD.

Browse courses on Adobe XD

Show steps

Follow a step-by-step tutorial on Adobe XD's interface and features.
Create a simple prototype using XD's prototyping tools.
Explore additional resources and documentation to enhance your understanding of XD.

Wireframing Exercises

Show steps

Develop your wireframing skills through hands-on practice.

Browse courses on Wireframing

Show steps

Create wireframes for different types of screens and devices.
Practice using different wireframing tools and techniques.
Get feedback on your wireframes from peers or mentors.

Five other activities

Expand to see all activities and additional details

Show all eight activities

Mood Board Creation

Show steps

Develop your visual inspiration and communication skills by creating a mood board.

Show steps

Gather images, colors, and typography that represent the desired brand or project aesthetic.
Organize and arrange the elements on a digital or physical board.
Present your mood board to others to communicate your design vision.

Prototype Review and Feedback

Show steps

Enhance your prototyping skills and gain valuable feedback from peers.

Browse courses on Prototyping

Show steps

Create a prototype of a website or app.
Share your prototype with peers for review and feedback.
Incorporate constructive criticism to improve the usability and design of your prototype.

Personal Portfolio Website

Show steps

Showcase your UX/UI skills by building a personal portfolio website.

Browse courses on Portfolio Website

Show steps

Plan the structure and content of your portfolio website.
Design and develop the website using Adobe XD.
Upload your portfolio website and share it with potential employers or clients.

Attend UX/UI Design Meetups

Show steps

Expand your network and learn from industry professionals at UX/UI design meetups.

Browse courses on Networking

Show steps

Research and find UX/UI design meetups in your area.
Attend meetups and introduce yourself to other attendees.
Participate in discussions and share your knowledge and experiences.

Become a UX/UI Design Mentor

Show steps

Reinforce your understanding of UX/UI design concepts by mentoring others.

Browse courses on Mentoring

Show steps

Offer your services as a mentor to aspiring UX/UI designers.
Provide guidance and support to mentees on various aspects of UX/UI design.
Receive valuable feedback and insights from mentees, enhancing your own understanding of the field.

Career center

Learners who complete User Experience Design Essentials - Adobe XD UI UX Design will develop knowledge and skills that may be useful to these careers:

UX Designer

This course can provide a comprehensive introduction to the field of UX design and help you build a foundation in the principles and practices of UX design. The course covers the entire UX design process, from understanding user needs and creating user personas to prototyping and testing designs. You will learn how to use Adobe XD, a popular UX design tool, to create interactive prototypes that can be tested with users. This course may be particularly useful if you are looking to transition into UX design or if you want to learn more about the latest trends and best practices in the field.

See salaries and explore the career path for UX Designer

UI Designer

This course can provide a comprehensive introduction to UI design and help you build a foundation in the principles and practices of UI design. The course covers the entire UI design process, from understanding user needs and creating user personas to prototyping and testing designs. You will learn how to use Adobe XD, a popular UI design tool, to create interactive prototypes that can be tested with users. This course may be particularly useful if you are looking to transition into UI design or if you want to learn more about the latest trends and best practices in the field.

See salaries and explore the career path for UI Designer

Product Designer

This course can provide a comprehensive introduction to product design and help you build a foundation in the principles and practices of product design. The course covers the entire product design process, from understanding user needs and creating user personas to prototyping and testing designs. You will learn how to use Adobe XD, a popular product design tool, to create interactive prototypes that can be tested with users. This course may be particularly useful if you are looking to transition into product design or if you want to learn more about the latest trends and best practices in the field.

See salaries and explore the career path for Product Designer

Interaction Designer

This course can provide a helpful foundation for developing your skills in interaction design. The course will introduce you to the principles of interaction design and how to use Adobe XD to create interactive prototypes. This knowledge can help you create user interfaces that are both intuitive and engaging.

See salaries and explore the career path for Interaction Designer

UX Researcher

This course could provide a helpful foundation for understanding the process of conducting user research. The course will help you to understand how to develop and conduct research plans, collect user data, and analyze research findings. The research methods discussed in this course can help you to understand user needs and inform your UX design work.

See salaries and explore the career path for UX Researcher

Front-End Developer

This course can provide a strong foundation for understanding the principles and practices of front-end development. The course covers the entire front-end development process, from understanding user needs and creating user personas to prototyping and testing designs. You will learn how to use Adobe XD, a popular front-end development tool, to create interactive prototypes that can be tested with users. This course may be particularly useful if you are looking to transition into front-end development or if you want to learn more about the latest trends and best practices in the field.

See salaries and explore the career path for Front-End Developer

Web Designer

This course may provide you with a basic understanding of the principles of web design. Additionally, this course includes instruction on the use of Adobe XD, which is widely used in the web design industry.

See salaries and explore the career path for Web Designer

Graphic designer

This course may provide you with a basic understanding of the principles of design that can be applied to graphic design. Additionally, this course includes instruction on the use of Adobe XD, which is widely used in the graphic design industry.

See salaries and explore the career path for Graphic designer

Art Director

This course may provide you with a basic understanding of the principles of design, including color theory, typography, and layout. This knowledge can be helpful for art directors, who are responsible for the visual direction of creative projects.

See salaries and explore the career path for Art Director

Technical Writer

This course may provide you with a basic understanding of the principles of user experience design. This knowledge can be helpful for technical writers, who are responsible for creating user documentation that is clear and easy to understand.

See salaries and explore the career path for Technical Writer

Product Manager

This course may provide you with a basic understanding of the principles of user experience design. This knowledge can be helpful for product managers, who are responsible for the development and launch of new products.

See salaries and explore the career path for Product Manager

Software Engineer

This course may provide you with a basic understanding of the principles of user experience design. This knowledge can be helpful for software engineers, who are responsible for designing and developing software applications.

See salaries and explore the career path for Software Engineer

Business Analyst

This course may provide you with a basic understanding of the principles of user experience design. This knowledge can be helpful for business analysts, who are responsible for analyzing business processes and identifying opportunities for improvement.

See salaries and explore the career path for Business Analyst

Project Manager

This course may provide you with a basic understanding of the principles of user experience design. This knowledge can be helpful for project managers, who are responsible for planning and executing projects.

See salaries and explore the career path for Project Manager

Marketing Manager

This course may provide you with a basic understanding of the principles of user experience design. This knowledge can be helpful for marketing managers, who are responsible for developing and executing marketing campaigns that reach and engage target audiences.

See salaries and explore the career path for Marketing Manager