UI/UX design with Adobe XD: Design & Prototype a Mobile App from Udemy

Adobe XD is a brand new design and prototyping tool made by Adobe, totally dedicated to UI/UX designers.

In this course, I will teach you the basics of this new software and will show you step by step how you can design a beautiful and modern iOS mobile app.

In the first part of the course, you will see how the interface works, all the main tools and features, and the most common shortcuts which will dramatically increase your productivity.

Then we’ll jump right into design and we’ll start creating a dating-inspired mobile app, made of 7 great looking screens: home, login, signup, browse, sidebar menu, inbox, settings.

Not only that, I'll teach you how you can give life to your design and create a working prototype directly within Adobe XD, without the need of any third party software.

The source .xd file of the app we designed will be included, along with the other resources I used.

This course has a learn-by-doing approach. There won’t be much theory, it’s all about teaching you how to design a real world mobile product and showing you the full potential of Adobe XD.

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.

What's inside

Learning objectives

You'll learn how to use adobe xd to design and prototype a mobile app. the skills acquired can also be used to design websites
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 good ui/ux designer

You'll learn how to use adobe xd to design and prototype a mobile app. the skills acquired can also be used to design websites
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 good ui/ux designer

Syllabus

The Basics

Why Adobe XD?

Note about Shortcuts for Windows users

Interface Overview

Shortcuts

More shortcuts

Mobile App Design

Home Screen

Signup Screen

Browse Screen

Sidebar Menu

Inbox Screen

Settings Screen

Prototyping

Mobile App Prototype

Source file and Resources

Source .xd file and Resources

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Develops mobile app design skills, which are in high demand in industry

Taught by Luca Vavassori, who has a strong reputation in UI/UX design

Covers mobile app design and prototyping with Adobe XD

Teaches practical design techniques to create a real-world mobile product

Emphasizes productivity tips and shortcuts for efficient workflow

Learn-by-doing approach allows for immediate application of skills

Reviews summary

Well-received adobe xd course

Learners say that UI/UX design with Adobe XD: Design & Prototype a Mobile App is a great starting point for learning the basics of UX/Front-end development. They appreciate that the course gets straight to the point and provides a solid foundation for beginners.

Course provides a great foundation for beginners.

"Excelent course."

"As a UX/Front-End developer this course gave me the basics to start right away"

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 UI/UX design with Adobe XD: Design & Prototype a Mobile App with these activities:

Practice prototyping basics

Show steps

Start by brushing up on the basics of prototyping to ensure a solid foundation for the course.

Browse courses on Prototyping

Show steps

Review the fundamental concepts of prototyping.
Experiment with different prototyping tools and techniques.

Explore Adobe XD tutorials

Show steps

Supplement your learning by seeking out tutorials that focus on Adobe XD's specific features and capabilities.

Browse courses on Adobe XD

Show steps

Identify reputable sources for Adobe XD tutorials.
Follow step-by-step guides to create small-scale Adobe XD projects.

Join a UI/UX design community or forum

Show steps

Engage with a community of fellow UI/UX designers to exchange knowledge and feedback.

Browse courses on UI/UX Design

Show steps

Identify and join relevant UI/UX design communities or forums.
Participate in discussions, ask questions, and share your own experiences and insights.

Three other activities

Expand to see all activities and additional details

Show all six activities

Practice designing mobile app screens

Show steps

Reinforce your understanding of mobile app design principles by completing practical exercises.

Browse courses on Mobile App Design

Show steps

Analyze existing mobile app screens to identify common design patterns.
Sketch and create multiple variations of mobile app screens for different use cases.

Create a portfolio of mobile app designs

Show steps

Showcase your progress and demonstrate your skills by creating a portfolio of mobile app designs.

Browse courses on Mobile App Design

Show steps

Select your best mobile app designs to showcase in your portfolio.
Create a visually appealing and user-friendly online portfolio.
Present your portfolio to potential clients or employers.

Develop a mobile app prototype for a real-world problem

Show steps

Apply your skills to a meaningful project by creating a prototype for a mobile app that addresses a genuine user need.

Browse courses on Mobile App Development

Show steps

Identify a specific problem or opportunity that a mobile app could solve.
Research and gather information about your target users and their needs.
Design and prototype your mobile app solution using Adobe XD.
Test your prototype with users and gather feedback.

Career center

Learners who complete UI/UX design with Adobe XD: Design & Prototype a Mobile App will develop knowledge and skills that may be useful to these careers:

UI Designer

A UI Designer focuses on the visual design of a product's interface, ensuring that it is visually appealing and consistent with the brand. This course may be useful for individuals interested in UI design who want to learn more about UI/UX design. It will teach students the basics of Adobe XD, which is a leading software for UI design. Students will learn how to use the software, basic design principles, and how to create a functional prototype. These skills are essential for UI designers as they help them create visually appealing and user-friendly products.

See salaries and explore the career path for UI Designer

UX Designer

A UX Designer focuses on the user experience of a product, ensuring that it is easy to use and enjoyable. This course is a good foundation for individuals interested in UX design who want to learn more about UI/UX design. It will teach students the basics of Adobe XD, which is a leading software for UX design. Students will learn how to use the software, basic design principles, and how to create a functional prototype. These skills are essential for UX designers as they help them create user-friendly and visually appealing products.

See salaries and explore the career path for UX Designer

Product Designer

A Product Designer envisions, designs, and builds the user experience of a digital product. This course may be useful for individuals interested in UI/UX design who want to learn how to use Adobe XD to design and prototype a mobile app. Students will learn how to use the software, basic design principles, and how to create a functional prototype. These skills are essential for product designers as they help them create user-friendly and visually appealing products.

See salaries and explore the career path for Product Designer

Interaction Designer

An Interaction Designer focuses on the user's interaction with a product, ensuring that it is intuitive and enjoyable. This course may be useful for individuals interested in interaction design who want to learn more about UI/UX design. It will teach students the basics of Adobe XD, which is a leading software for UI/UX design. Students will learn how to use the software, basic design principles, and how to create a functional prototype. These skills are essential for interaction designers as they help them create user-friendly and visually appealing products.

See salaries and explore the career path for Interaction Designer

Mobile App Developer

A Mobile App Developer is responsible for the development of mobile applications. This course may be useful for individuals interested in mobile app development who want to learn more about UI/UX design. It will teach students the basics of Adobe XD, which is a leading software for UI/UX design. Students will learn how to use the software, basic design principles, and how to create a functional prototype. These skills can help mobile app developers create more user-friendly and visually appealing apps.

See salaries and explore the career path for Mobile App Developer

Web Designer

A Web Designer is responsible for the overall design of a website, including the layout, typography, and visuals. This course may be useful for individuals interested in web design who want to learn more about UI/UX design. It will teach students the basics of Adobe XD, which is a leading software for UI/UX design. Students will learn how to use the software, basic design principles, and how to create a functional prototype. These skills can help web designers create more user-friendly and visually appealing websites.

See salaries and explore the career path for Web Designer

Front-End Developer

A Front-End Developer is responsible for the coding and design of a website's or application's user interface. This course may be useful for individuals interested in front-end development who want to learn more about UI/UX design. It will teach students the basics of Adobe XD, which is a leading software for UI/UX design. Students will learn how to use the software, basic design principles, and how to create a functional prototype. These skills can help front-end developers create more user-friendly and visually appealing products.

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

User Researcher

A User Researcher conducts research to understand the needs and behaviors of users. This course may be useful for individuals interested in user research who want to learn more about UI/UX design. It will teach students the basics of Adobe XD, which is a leading software for UI/UX design. Students will learn how to use the software, basic design principles, and how to create a functional prototype. These skills can help user researchers create more user-friendly and visually appealing products.

See salaries and explore the career path for User Researcher

Graphic designer

A Graphic Designer creates visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. This course may be useful for individuals interested in graphic design who want to learn more about UI/UX design. It will teach students the basics of Adobe XD, which is a leading software for UI/UX design. Students will learn how to use the software, basic design principles, and how to create a functional prototype. These skills can help graphic designers create more user-friendly and visually appealing products.

See salaries and explore the career path for Graphic designer

Software Engineer

A Software Engineer designs, develops, and maintains software systems. This course may be useful for individuals interested in software engineering who want to learn more about UI/UX design. It will teach students the basics of Adobe XD, which is a leading software for UI/UX design. Students will learn how to use the software, basic design principles, and how to create a functional prototype. These skills can help software engineers create more user-friendly and visually appealing software.

See salaries and explore the career path for Software Engineer

Marketing Manager

A Marketing Manager develops and executes marketing campaigns to promote a company's products or services. This course may be useful for individuals interested in marketing who want to learn more about UI/UX design. It will teach students the basics of Adobe XD, which is a leading software for UI/UX design. Students will learn how to use the software, basic design principles, and how to create a functional prototype. These skills can help marketing managers create more user-friendly and visually appealing marketing materials.

See salaries and explore the career path for Marketing Manager

Product Manager

A Product Manager is responsible for the planning, development, and launch of a product. This course may be useful for individuals interested in product management who want to learn more about UI/UX design. It will teach students the basics of Adobe XD, which is a leading software for UI/UX design. Students will learn how to use the software, basic design principles, and how to create a functional prototype. These skills can help product managers create more user-friendly and visually appealing products.

See salaries and explore the career path for Product Manager

Business Analyst

A Business Analyst analyzes an organization's business processes and systems to identify areas for improvement. This course may be useful for individuals interested in business analysis who want to learn more about UI/UX design. It will teach students the basics of Adobe XD, which is a leading software for UI/UX design. Students will learn how to use the software, basic design principles, and how to create a functional prototype. These skills can help business analysts create more user-friendly and visually appealing business processes and systems.

See salaries and explore the career path for Business Analyst

Technical Writer

A Technical Writer creates user manuals, technical reports, and other documentation to help users understand and use a product or service. This course may be useful for individuals interested in technical writing who want to learn more about UI/UX design. It will teach students the basics of Adobe XD, which is a leading software for UI/UX design. Students will learn how to use the software, basic design principles, and how to create a functional prototype. These skills can help technical writers create more user-friendly and visually appealing documentation.

See salaries and explore the career path for Technical Writer

Salesforce Administrator

A Salesforce Administrator manages and configures the Salesforce customer relationship management (CRM) system. This course may be useful for individuals interested in Salesforce administration who want to learn more about UI/UX design. It will teach students the basics of Adobe XD, which is a leading software for UI/UX design. Students will learn how to use the software, basic design principles, and how to create a functional prototype. These skills can help Salesforce administrators create more user-friendly and visually appealing Salesforce configurations.

See salaries and explore the career path for Salesforce Administrator