The Full Adobe XD UIUX Course – Design Prototype

The Full Adobe XD UI/UX Course – Design & Prototype, available at $74.99, has an average rating of 4.75, with 106 lectures, based on 111 reviews, and has 456 subscribers.

You will learn about How to install and use Adobe XD on macOS or Windows Designing a full mobile app mockup (UI Design) Building an interactive prototype that you can use on your device or desktop. Learning how to create a design for a landing page. Using components to make our design process faster & more efficient Sharing our designs with our clients/teams from Adobe XD This course is ideal for individuals who are Beginner-level designers interested in user interface & user experience design (UI/UX) or Beginner/Intermediate designers interested in earning income as a freelance designer or Any-level designers looking to get into web & mobile app designs (graphical user interface) or Entrepreneurs wanting to turn their app ideas from a sketch to a realistic mockup and prototype. or Anyone looking to jump into a new exciting career with graphic design. or Designers looking to switch to Adobe XD from other design softwares for their career It is particularly useful for Beginner-level designers interested in user interface & user experience design (UI/UX) or Beginner/Intermediate designers interested in earning income as a freelance designer or Any-level designers looking to get into web & mobile app designs (graphical user interface) or Entrepreneurs wanting to turn their app ideas from a sketch to a realistic mockup and prototype. or Anyone looking to jump into a new exciting career with graphic design. or Designers looking to switch to Adobe XD from other design softwares for their career.

Enroll now: The Full Adobe XD UI/UX Course – Design & Prototype

Summary

Title: The Full Adobe XD UI/UX Course – Design & Prototype

Price: $74.99

Average Rating: 4.75

Number of Lectures: 106

Number of Published Lectures: 106

Number of Curriculum Items: 107

Number of Published Curriculum Objects: 107

Original Price: $99.99

Quality Status: approved

Status: Live

What You Will Learn

How to install and use Adobe XD on macOS or Windows

Designing a full mobile app mockup (UI Design)

Building an interactive prototype that you can use on your device or desktop.

Learning how to create a design for a landing page.

Using components to make our design process faster & more efficient

Sharing our designs with our clients/teams from Adobe XD

Who Should Attend

Beginner-level designers interested in user interface & user experience design (UI/UX)

Beginner/Intermediate designers interested in earning income as a freelance designer

Any-level designers looking to get into web & mobile app designs (graphical user interface)

Entrepreneurs wanting to turn their app ideas from a sketch to a realistic mockup and prototype.

Anyone looking to jump into a new exciting career with graphic design.

Designers looking to switch to Adobe XD from other design softwares for their career

Target Audiences

Beginner-level designers interested in user interface & user experience design (UI/UX)

Beginner/Intermediate designers interested in earning income as a freelance designer

Any-level designers looking to get into web & mobile app designs (graphical user interface)

Entrepreneurs wanting to turn their app ideas from a sketch to a realistic mockup and prototype.

Anyone looking to jump into a new exciting career with graphic design.

Designers looking to switch to Adobe XD from other design softwares for their career

In this course, you’ll learn how to create beautiful mobile & web user interfaces that you can then turn into real usable prototypes with the help of Adobe XD.

Adobe XD is a vector-based user experience design tool for web apps and mobile apps, developed by Adobe Inc. It’s available for macOS and Windows.

In this course, we’ll work with a fictional client called Healthy Bites to design a mobile app and a landing page for their food ordering app.

Is this course for you?

You’re in the right place if any of these apply to you:

You’re interested in user interface & user experience design (UI/UX) but not sure where to start.

You’re an entrepreneur with an app idea and want to turn your idea from a sketch to a realistic mockup and prototype.

You want to brush up your design skills to get the job that you want at companies like Airbnb, Google, Apple, etc.

You’re already designing and want to jump into Adobe XD and further your knowledge of more design software.

You’re interested in earning income as a freelance designer.

You simply want to enter a new career path, and graphic design has interested you.

By the end of this course:

You will learn many useful design tools available in XD and how to design complete mobile apps and landing pages from scratch. You will also gain the skill to turn your designs into usable prototypes that you can share with your team members, colleagues, or clients.

What do I need?

This course is for both beginners & experienced designers looking to expand their skills.
All you need is a computer (macOS or Windows), an Adobe Account, and a web browser (to Install Adobe Creative Cloud).

About your instructor:

This course is taught by entrepreneur & designer Nima Tahami. Nima has more than 12 years of experience designing and developing dozens of mobile appsand web apps for both clients and startups of his own. Nima’s latest startup, ShiftRide, has been covered in many news outlets, including Forbes, where his app was highlighted for its ease of use.

Nima has created this course to help people become the best designer they can be. Design is part of the foundation of many things from great products & websites to great advertisements and everything in between. Nima has also designed and developed an open-source iPhone development library by the name of FCAlertView, helping 350,000+ app developers use beautiful customizable alert prompts within their applications.

Course Overview:

The course is broken down into 4 main parts: Getting Introduced to Adobe XD, Designing a Full Mobile Mockup, Creating a Usable Prototype,and Designing a Landing Page.

Getting Introduced to Adobe XD:

Installing Adobe XD and Creating Files.

Understanding the layout and menu options.

Creating shapes, lines, paths, and text.

Aligning & distributing objects.

Using Wireframe UI Kits.

Designing a Full Mobile Mockup:

Introducing a food ordering app project called Healthy Bites.

Creating wireframes from our app requirements.

Designing the pages required for the app.

Designing cards and inputting sample data.

Using repeat grid & stacks.

Using components to reuse objects.

Using plugins to speed up our design process.

Using responsive resize to create designs.

Exporting and sharing our designs.

Developer handoff

Creating a Usable Prototype:

Adding interactivity to our designs and turning them into a prototype.

Creating scrollable pages.

Previewing our app on the desktop.

Browsing our prototype on our mobile devices.

Recording and sharing prototypes

Adding animations to our prototypes.

Designing a Landing Page:

Designing a landing page with multiple sections

Creating beautiful backgrounds

Adding images & text to our landing page

So what are you waiting for?

Let’s get started learning how to design real-world projects using Adobe XD and take our design skills to a whole new level together.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Intro to Course

Chapter 2: Getting Started with Adobe XD

Lecture 1: What is Adobe XD?

Lecture 2: How to Install Adobe XD

Lecture 3: Managing Your Adobe Account

Lecture 4: The File Browser

Lecture 5: The Layout

Lecture 6: The Menu Options

Lecture 7: Shortcuts

Chapter 3: Exploring Adobe XD

Lecture 1: Creating Shapes

Lecture 2: Shapes Exercise Solution

Lecture 3: Drawing Lines

Lecture 4: Using the Pen Tool

Lecture 5: Boolean Options

Lecture 6: Boolean Options Exercise Solution

Lecture 7: Adding Text

Lecture 8: Grouping Objects

Lecture 9: Grids

Lecture 10: Alignment & Distribution

Lecture 11: Wireframe UI Kits

Lecture 12: Zoom Shortcuts

Chapter 4: Designing Our Mobile App

Lecture 1: Project Introduction

Lecture 2: Getting Inspiration

Lecture 3: App Requirements

Lecture 4: Drawing Our Wireframes

Lecture 5: Completing Our Wireframes

Lecture 6: Creating Our XD File

Lecture 7: Splash Screen

Lecture 8: Adding and Masking Images

Lecture 9: Login Page

Lecture 10: Phone Verification Page

Lecture 11: Organizing Our Artboards

Lecture 12: Using a Navigation Bar

Lecture 13: Creating Card Views

Lecture 14: Polishing Our Card View

Lecture 15: Inputting Sample Data

Lecture 16: Completing Our Main Page

Lecture 17: Using Components

Lecture 18: Converting Our Buttons to Components

Lecture 19: Components Exercise Solution

Lecture 20: Menu Item Cards

Lecture 21: Creating a Counter Button Component

Lecture 22: Using Stacks

Lecture 23: Completing Our Menu Page

Chapter 5: Completing Our Mobile App Design

Lecture 1: UX Resources

Lecture 2: Designing a Logo

Lecture 3: Placing Our Logo

Lecture 4: Creating a Color Scheme

Lecture 5: Applying our Color Style

Lecture 6: Gradients

Lecture 7: Setting up a Character Style

Lecture 8: Applying Our Character Styles

Lecture 9: Order Page

Lecture 10: Component Variation

Lecture 11: Order Progress Page

Lecture 12: Exercise Solution

Lecture 13: Adding Blurs

Lecture 14: Adding Shadows

Lecture 15: Shadow Exercise

Lecture 16: Profile Page

Lecture 17: Adding Icons

Lecture 18: Payment Page

Lecture 19: Location Page

Lecture 20: Using Plugins

Lecture 21: Finishing Our Location Page

Lecture 22: Past Orders Page

Lecture 23: Adding Sample Data with Google Sheets

Lecture 24: Polishing Up our Designs

Lecture 25: Responsive Resize

Lecture 26: Responsive Resize Exercise

Chapter 6: Exporting and Sharing

Lecture 1: Select Export

Lecture 2: Batch Export

Lecture 3: Exporting Our Artboards

Lecture 4: Sharing Artboards

Lecture 5: Developer Handoff

Lecture 6: Inviting Editors

Lecture 7: Document History

Lecture 8: Sharing Libraries

Lecture 9: Importing Sketch Files

Chapter 7: Prototyping

Lecture 1: Whats Prototyping?

Lecture 2: Creating a Transition

Lecture 3: Connecting Our Pages

Lecture 4: Vertical Scrolling

Lecture 5: Creating Component Connections

Lecture 6: Creating Overlays

Lecture 7: Using Auto-Animate

Lecture 8: Completing Our Prototype

Lecture 9: Mobile Device Preview

Lecture 10: Sharing Prototypes

Lecture 11: Multiple Flows

Lecture 12: Lottie Animation

Lecture 13: Adding a Delivery Animation

Lecture 14: Adding Videos

Instructors

Nima Tahami
Entrepreneur & Designer ? Co-Founder of ShiftRide

Rating Distribution

1 stars: 1 votes

2 stars: 0 votes

3 stars: 2 votes

4 stars: 37 votes

5 stars: 71 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!