Adobe XD The Ultimate UX UI Mobile / Web Design & Animation

Name: Adobe XD The Ultimate UX UI Mobile / Web Design & Animation
Rating: 4.7 (14 reviews)

User Experience Design: From Beginner to Pro in UX/UI Design

Created bySoli Art

Last updated 9/2023

English

What you'll learn

Design Mastery: Hone your design skills with hands-on assignments, from basic shapes to complex interfaces.
User-Centric Approach: Master the art of user interviews, empathy maps, and personas to truly understand and cater to your users' needs.
Strategic Planning: Develop comprehensive design strategies using mood boards, market research, and competitive analysis.
Exceptional User Experiences: Craft delightful user experiences by developing user journey maps, user flows, and information architecture.
Confident Designing: Master website sizes, grid systems, wireframing, and high-fidelity wireframing to design with confidence.
Adobe XD Expertise: Master the essential tools and features of Adobe XD to bring your creative visions to life.
Problem-Solving Skills: Tackle real-world design challenges and develop solutions that make a difference.
User Research Mastery: Become proficient in conducting user research, gathering insights, and translating them into actionable design decisions.
Interactive Design: Learn how to create interactive and responsive web and mobile designs that captivate your audience.
Portfolio Building: Complete a final UX/UI project that showcases your skills and adds a professional touch to your portfolio.

Course content

1 section • 104 lectures • 14h 1m total length

Introduction2:43
UX vs UI what is the difference?3:54
Start knowing the Environment and Working with Tools15:41
Create Simple Shapes7:16
Assignment Create Multiple Shapes10:25
Assignment Create an Owl17:16
Working with Types5:00
Create Typography with Shadows2:32
Masking images within a shape in Adobe XD4:52
Assignment Create an Instagram Profile page for Tablet Repeat Grid12:23
How to use components Colors Character Style in Libraries or assets panel8:44
Create a Responsive Website Design5:05
Real world project – Problem Statement – how to get the job5:40
What is User Research Design Strategy How to create work timeline4:33
How to do User interview Create Gathering insight4:31
How to do Market Research and competitive analysis by creating mood board6:25
How to Create a User Personas3:31
How to Create an Empathy Map - Get to know your Customer3:13
Create User Journey Mapping or Customer journey Map6:35
How to Create User Flow2:23
What is Card Sorting and How Moodboard Can Help2:16
How to Create Information Architecture2:16
How to Create Wireframes or Low fidelity wireframing2:10
Website Sizes and Grid System High fidelity wireframing5:35
Design Hero Section or Slider or banner design Hi Fi Design18:39
info Page Design for main page Hi Fi Design5:00
Design Trending Section Hi Fi Design5:24
Design Recommended Section Hi Fi Design5:35
Design Special Offer section Hi Fi Design7:44
Design Discount section Hi Fi Design5:06
Design Latest News Section Hi Fi Design3:04
Design Testimonials section Hi Fi Design5:26
Design Subscribe and Footer Section Hi Fi Design1:17
Design Filter Page Hi Fi Design8:40
Design Pagination Hi Fi Design3:26
Design Recommended and popular sections Hi Fi Design5:13
Design Book Single page and info Hi Fi Design15:59
Create Component Animation for Product Details Hi Fi Design4:12
Create My Card Page Hi Fi Design6:34
Create Shipment Tracking Hi Fi Design4:23
Design About us page7:11
How to Start Prototyping and Animation - Hi Fi Design7:08
How to Start Prototyping and Animation8:52
Prototyping the main page8:52
Prototyping the main page15:08
Create animated component Filter page Prototyping Hi Fi Design5:00
Books Categories prototyping Add to card animation Hi Fi Design4:52
Finish the prototyping and animation Hi Fi Design8:11
Record your prototype and Final check Hi Fi Design3:56
The secret of choosing colors – Color emotion guide to create design system9:31
Add Colors to color pallet2:16
How to find the best Fonts for our website2:26
How to Create character style for your design4:40
Design the website menu bar13:06
Web Design Hero Section or Slider or banner design12:41
Website info sections6:20
Design trending sections7:13
Design recommended sections15:11
Design Mobile Web View header7:47
Design info and trending sections Mobile Web View6:28
Design Recommended Sections Mobile Web View5:10
Design Special offer sections Mobile Web View4:52
Design Discount and Popular Sections Mobile Web View6:37
Design Latest News and Testimonials Mobile Web View10:03
Design Filter page Categories10:54
Design Listed Books10:20
Design Pagination and Finish the Filter page7:10
Design Filter Page Mobile Web View8:33
Design the Single Page8:33
Design the Single Page22:18
Design the Single Page - Mobile Web View12:08
Design My Card Page8:13
Design My Card Page Web Mobile View6:34
Design Shipment Tracking Page9:04
Design Shipment Tracking Page Web Mobile view2:32
Design About Us Page8:40
Add Video to Header and Use Lottie Animation in Adobe XD20:55
Create Hover Animation trending sections4:52
Drag Animation with Scroll Groups1:49
3D Animation Testimonial Section6:16
Drop Down Animation – Component State5:18
Categories Animation – Component State4:58
Animating Counter and Add to Card Animation – Component State5:51
Final Prototyping and wireframing5:34
Mobile Web view Prototyping and wireframing2:20
App intro Page Design and Prototyping Animation5:42
App Onboarding Sing in - Sign Up Design and Prototyping Animation29:53
Rules for Perfect Mobile App Design5:13
App Main Page Design Prototyping Animation25:17
Using Component State App Menu Design and Prototyping Animation18:19
App Search bar Simple Prototyping Animation2:38
App Categories Design and Prototyping Animation4:35
Search bar Professional Design and Prototyping Animation4:17
Design and prototyping Sorting based on categories11:58
BookStore Special Drag Animation16:23
Single page Design and Prototyping Animation22:53
Text and Tone E book component change for better reading Animation22:54
Flip Page Effect Adobe XD Design and Prototyping Animation7:19
3D Glass Effect Credit Card Adobe XD Design Prototyping Animation11:59
Payment info Design Prototyping Animation8:05
Shipment Tracking and Side Menu Design Prototyping Animation20:17
App Main Menu Prototyping Animation6:20
User Testing by Sharing your Work and Getting Feedback9:07
Final Project UX UI Case Study Design Grocery Shopping Website Mobile Web Vi1:38

Requirements

Basic Computer Skills: A fundamental understanding of how to use a computer and navigate the internet.
Passion for Design: A keen interest in design, creativity, and a desire to improve user experiences on web and mobile platforms.
Adobe XD: Access to Adobe XD software. A free trial or a subscription would be necessary as the course involves hands-on assignments and projects using Adobe XD.
Time Commitment: A willingness to dedicate the necessary time and effort to complete the assignments, projects, and other course-related activities.

Description

Embark on a Transformative Journey to UX/UI Mastery!

Are you ready to dive deep into the world of User Experience (UX) and User Interface (UI) Design? Whether you're a complete beginner or looking to sharpen your skills, this comprehensive course is meticulously crafted to guide you, step by step, through the essential concepts, tools, and real-world projects that will transform you into a proficient UX/UI designer.

Course Highlights:

Demystifying UX/UI: Understand the crucial differences between UX and UI design and why they are both pivotal to creating exceptional digital experiences.
Adobe XD Mastery: Navigate the Adobe XD interface with ease and confidence, mastering the tools necessary to bring your creative visions to life.
Hands-On Assignments: Engage in practical assignments designed to reinforce your learning and develop your skills in design, typography, and animation.
Real-World Projects: Tackle real-world problems and learn how to secure a job by creating responsive website designs, conducting user research, and developing design strategies.
Comprehensive Understanding: Delve into essential topics such as market research, competitive analysis, creating user personas, empathy maps, user journey mapping, information architecture, wireframing, and more.
From Scratch to Pro: Whether you are starting from scratch or have some prior experience, this course is designed to be accessible and challenging for everyone.
What You Will Learn:
Master the Art of Design: From creating multiple shapes to developing an Instagram profile page for tablets, you will engage in assignments that build your design proficiency.
Understand Your Users: Learn how to conduct user interviews, gather insights, create empathy maps, and truly understand your customers' needs and desires.
Develop a Design Strategy: Create mood boards, conduct market research and competitive analysis, and develop a comprehensive design strategy.
Craft Exceptional User Experiences: Develop user personas, create user journey maps, user flows, and information architecture to craft experiences that delight your users.
Design with Confidence: Understand the website sizes and grid systems, create wireframes, and develop high-fidelity wireframes with confidence.

By the End of This Course:

You will have developed a comprehensive understanding of UX/UI design, mastered the tools and techniques necessary to create exceptional digital experiences, and completed a final case study UX/UI project that you can proudly showcase in your portfolio.

Beginner-Friendly:

Don't worry if you are a beginner; this course is designed to start from scratch, ensuring everyone can follow along and progress through the steps to mastery.

Enroll Now and Transform Your Future!

Who this course is for:

Beginners: Individuals with little to no experience in UX/UI design who are looking to start a career in this field.
Design Enthusiasts: Individuals with a passion for design and creativity who want to expand their skill set and knowledge in UX/UI design.
Career Changers: Professionals from other fields who are looking to transition into a career in UX/UI design.
Freelancers: Freelancers who want to enhance their UX/UI design skills to offer more services to their clients and improve their portfolio.
Entrepreneurs: Startup founders or business owners who want to understand the principles of UX/UI design to create better products and services for their customers.
Developers: Web and mobile app developers who want to improve their design skills and create more user-friendly applications.
Product Managers: Product managers who want to gain a deeper understanding of UX/UI design to better manage their product development process and team.
Marketing Professionals: Marketing professionals who want to understand the principles of UX/UI design to create more effective and engaging marketing materials.
This course is designed to be accessible and beneficial for individuals at all levels of experience, from complete beginners to those with some prior knowledge in UX/UI design.