Design Mobile Apps in Adobe XD - Android & iOS

Learn to design outstanding mobile apps. Impressive prototypes that look like the real deal but without any coding. This course is a masterclass – a comprehensive approach to mobile app designing. I’ll teach you everything you need to know, from A to Z. We’ll use Adobe XD. I've taught over 250.000 students on Udemy and I'm a best-selling instructor.

You’ll learn about Material Design, the principles of color, spacing, and typography, tips and tricks, how to get design resources, and much much more. Get a life skill that’s high in demand in today’s job market, all for the price of a fancy coffee. Create beautiful apps, interactive prototypes, and supercharge your career.

You'll learn to:

Design beautiful mobile apps;
Create interactive prototypes without any previous knowledge;
Use Adobe XD for mobile app design;
The principles of Material Design;
Learn Adobe XD from scratch;
Prepare all the files for developers through a special program called Zeplin;
How to size elements correctly on ALL phone types and sizes;
Typography best practices;
Where to get design resources like icons, custom graphics, photos, and more;

FAQ:

Will I learn how to code them? Kotlin, Java, Swift, Android Studio, Xcode?
No, that's not covered. However, I do teach you how to talk to developers and prepare everything. You won't have to slice or manually export your assets. I'll show you all my secrets as the CEO of my own Mobile App Design company.
What will we design?
We have a few projects, but there's a flagship app that's as real as they get. Over 70 screens in the final prototype - beautiful, sleek, interactive, modern. All the cutting edge techniques and best practices are used.

Final, personal note: I can honestly say there isn't anything like this anywhere out on the market. Believe me, I've looked long and hard. The course is PACKED full of knowledge I would have loved to have at the beginning of my career as a mobile app designer. I believe it's going to help a lot of people get a fantastic life skill. By far, this is the best course I've ever created. I hope you'll feel the same way.

What's inside

Learning objectives

Create beautiful apps in adobe xd
Create interactive prototypes that make the app look like it's coded

Design according to the material design principles
Increase your speed through tips, tricks, and special techniques

Create beautiful apps in adobe xd
Create interactive prototypes that make the app look like it's coded
Design according to the material design principles
Increase your speed through tips, tricks, and special techniques

Syllabus

Getting Started

Design your first app screen

The most important thing about designing apps

Join Our Community

Adobe XD vs Sketch vs Photoshop vs Figma

My honest opinion about animations and no-code

Let’s improve our speed

Here’s how apps work and what you need to provide

Don’t design any mobile app without this!

Fix this app design

How much $ should you charge?

Don’t design in a bubble – use your phone!

Android vs iOS – should you care?

Learn about Material Design 2 & 3 from Google

This is Material Design

Android interface components overview

Here's the best artboard size for your apps

Size in pixels: here’s why people argue

Learn to design the action bar (top bar)

Everything you need to know about tabs

Displaying content in cards

Beautiful and effective buttons on Android

Work with text like a pro

FREE size guide for Android components

Introduction to Adobe XD

Learning XD and setting your expectations

An overview of XD’s interface

Getting around in Adobe XD

Selecting layers in XD

Shape fundamentals in Adobe XD

Editing shapes in Adobe XD

Text fundamentals in XD

Grid and smart guides

Pen tool

Working with photos and masks

Supercharge your work in Adobe XD

Create real-life mockups in just a few clicks

Lightning speed with the Assets panel

Linked symbols

Preview and device preview

Prototyping overview and sharing your design

Create interactive prototypes

Prototyping tips and tricks

Make your app prototype seem real

The incredible auto-animate and drag

The Libraries panel

From brief and wireframe to a complete app design - Part 1

Introduction to this section

Download all the resources here

Understanding the brief and the client's wishes

Analyze the app’s competitors – Part 1

Analyze the app’s competitors – Part 2

Set the layout for the first two screens

Design the most important screen in the app

The restaurant details - dishes

How to make great design choices

Create different versions for the first screen

Explore different ideas for the restaurant's page

Set up the status bar and the action bar

Quickly create another version - the easy way

More variations for the card

Explore one final layout

Creatie variations for the action bar

Design concepts for the restaurant details (3) screen

Variation for the restaurant details

Choosing the best typeface

Define and refine our app’s style

Practice your speed

Finish the first screen

A new style of button to have a great flow

Section overview

Learn design principles for mobile apps

Section introduction

What do you want to be? A designer or a problem-solver?

Discover the one thing that ruins all your designs

UI Icons in apps that help the user!

Create a dashboard panel

Beautiful Icons: Case studies

A guide for app design inspiration

Target audience and the app’s story

Create a mood board

Discover what makes an app beautiful

This is how you choose colors for beautiful mobile apps

Discover the principles of color use

How to use color appropriately

The principle of color contrast

The best color schemes from top apps

Tools for awesome color schemes

How to implement a color scheme

Use THESE fonts for a great looking app

Typography fundamentals

7 rules for easy-to-read text

Guide for perfect font sizing

Typography: what the biggest apps are doing

How to make lots of text look great

How to pair fonts correctly

Discover iOS best practices that produce solid results!

iOS apps – Overview

1x, 2x, 3x, notch?! iOS artboard size guide

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Teaches practical skills that are highly relevant to the UX/UI design industry

Taught by experienced industry expert instructors

Introduces the latest industry-standard design principles and practices

Covers a wide range of design topics for a well-rounded learning experience

Provides hands-on project experience to develop design skills

Course materials can be outdated within a few years and may not align with the latest versions of the software

Reviews summary

Mobile app design for beginners

According to students, this course is great for beginners who want to learn mobile app design in Adobe XD. Students appreciate that the app is not fancy but can still create functional prototypes. Overall, learners say this course is fun and engaging.

The app may not be fancy, but it can create functional prototypes.

"The app is not fancy but fancy are just mockups that don't do anything, and Your final UI prototype does lots of."

This course is a great introduction to mobile app design for beginners.

"The great complete course."

"I had had lots of fun with it."

"Hope to buy another course of yours maybe Illustrator who knows :)"

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 Design Mobile Apps in Adobe XD - Android & iOS - UI/UX with these activities:

Gather XD Inspiration

Show steps

Build a collection of inspiring mobile app designs created with Adobe XD, exposing yourself to various design styles and approaches.

Browse courses on Inspiration

Show steps

Browse online platforms like Behance and Dribbble for XD designs.
Save or bookmark designs that you find visually appealing or innovative.
Organize your collection into categories or themes.
Refer to your collection when working on your own designs for inspiration.

Attend an XD Meetup

Show steps

Connect with other designers in person, learn about industry trends, and gain insights into the latest advancements in mobile app design.

Browse courses on Networking

Show steps

Find local Adobe XD meetups or design events.
Attend the event and introduce yourself to others.
Participate in discussions, ask questions, and share your experiences.
Follow up with connections made at the event.

Follow Adobe XD Tutorial

Show steps

Familiarize yourself with the Adobe XD interface and basic functionality to enhance your understanding of the software.

Browse courses on Adobe XD

Show steps

Watch tutorials on YouTube or online courses.
Follow along with the steps and practice using the tools.
Experiment with different features and settings.

Five other activities

Expand to see all activities and additional details

Show all eight activities

Enroll in an XD Workshop

Show steps

Enhance your XD skills by participating in an in-person or online workshop led by experienced designers, providing you with structured guidance and hands-on practice.

Browse courses on Skill Development

Show steps

Research and identify reputable XD workshops.
Register for a workshop that aligns with your learning goals.
Attend the workshop and actively participate in the exercises and discussions.
Apply the knowledge and techniques learned in your own design projects.

Join an XD Community Forum

Show steps

Connect with other designers, ask questions, and share knowledge to expand your understanding of Adobe XD and mobile app design.

Browse courses on Community Engagement

Show steps

Join an online forum or community dedicated to Adobe XD.
Participate in discussions, share your work, and ask for feedback.
Collaborate with other designers on projects or challenges.

Design App Screens Using XD

Show steps

Gain practical experience in designing mobile app screens using Adobe XD, solidifying your skills in user interface design.

Browse courses on App Design

Show steps

Choose a mobile app idea or download a sample brief.
Create a new XD project and set up the artboard.
Design multiple screens for the app, focusing on layout, typography, and color.
Export your designs in various formats for development.

Build an Interactive Prototype

Show steps

Create an interactive prototype of your mobile app design to test its functionality and user flow, enhancing your understanding of the design process.

Show steps

Plan the interactions and user flow of your app.
Use Adobe XD's prototyping features to link screens and create transitions.
Test your prototype with users or colleagues to gather feedback.
Refine your prototype based on feedback and iterate on your design.

Write a Blog Post About XD Tips

Show steps

Share your knowledge of Adobe XD by writing a blog post about helpful tips and techniques, reinforcing your understanding and potentially assisting others.

Browse courses on Content Creation

Show steps

Choose a specific topic related to XD that you're familiar with.
Research and gather information to support your content.
Write a well-structured blog post with clear headings, examples, and visuals.
Publish your blog post on your own website or platform.

Career center

Learners who complete Design Mobile Apps in Adobe XD - Android & iOS - UI/UX will develop knowledge and skills that may be useful to these careers:

Mobile App Designer

A Mobile App Designer is responsible for designing the visual interface and user experience of mobile applications. This course provides a comprehensive foundation in mobile app design, covering topics such as Material Design principles, typography, color theory, and prototyping. By learning these skills, you can create visually appealing and user-friendly mobile apps that meet the needs of users.

See salaries and explore the career path for Mobile App Designer

UX Designer

A UX Designer is responsible for designing the overall user experience of digital products, including mobile apps. This course provides a strong foundation in UX design principles, such as user research, information architecture, and interaction design. By learning these skills, you can create mobile apps that are both visually appealing and easy to use.

See salaries and explore the career path for UX Designer

UI Designer

A UI Designer is responsible for designing the visual interface of digital products, including mobile apps. This course provides a comprehensive foundation in UI design principles, such as typography, color theory, and layout. By learning these skills, you can create mobile apps that are visually appealing and easy to navigate.

See salaries and explore the career path for UI Designer

Product Designer

A Product Designer is responsible for designing the overall user experience of digital products, including mobile apps. This course provides a strong foundation in product design principles, such as user research, prototyping, and iterative design. By learning these skills, you can create mobile apps that meet the needs of users and achieve business goals.

See salaries and explore the career path for Product Designer

Web Designer

A Web Designer is responsible for designing the visual interface and user experience of websites. While this course is primarily focused on mobile app design, the principles of web design are also applicable to mobile apps. By learning these skills, you can create mobile apps that are both visually appealing and easy to use.

See salaries and explore the career path for Web Designer

Graphic designer

A Graphic Designer is responsible for creating visual content, such as logos, icons, and illustrations. While this course is primarily focused on mobile app design, the principles of graphic design are also applicable to mobile apps. By learning these skills, you can create visually appealing mobile apps that stand out from the competition.

See salaries and explore the career path for Graphic designer

Freelance Designer

A Freelance Designer is a self-employed designer who provides design services to clients. This course can help you develop the skills you need to start your own freelance design business, including mobile app design. By learning these skills, you can create a successful freelance career and work on projects that you are passionate about.

See salaries and explore the career path for Freelance Designer

Art Director

An Art Director is responsible for overseeing the visual design of a project, including mobile apps. This course can help you develop the skills you need to become an Art Director, including mobile app design. By learning these skills, you can lead a team of designers and create visually stunning mobile apps.

See salaries and explore the career path for Art Director

Software Engineer

A Software Engineer is responsible for designing, developing, and maintaining software applications. While this course is primarily focused on mobile app design, the principles of software engineering are also applicable to mobile apps. By learning these skills, you can create mobile apps that are both visually appealing and functional.

See salaries and explore the career path for Software Engineer

Project Manager

A Project Manager is responsible for overseeing the planning, execution, and delivery of a project. While this course is primarily focused on mobile app design, the principles of project management are also applicable to mobile app projects. By learning these skills, you can effectively manage mobile app projects and ensure their successful delivery.

See salaries and explore the career path for Project Manager

Business Analyst

A Business Analyst is responsible for analyzing business needs and developing solutions to meet those needs. While this course is primarily focused on mobile app design, the principles of business analysis are also applicable to mobile app projects. By learning these skills, you can help businesses define their mobile app requirements and ensure that their mobile apps meet their business goals.

See salaries and explore the career path for Business Analyst

Marketing Manager

A Marketing Manager is responsible for developing and executing marketing campaigns to promote a product or service. While this course is primarily focused on mobile app design, the principles of marketing are also applicable to mobile apps. By learning these skills, you can help businesses market their mobile apps and reach their target audience.

See salaries and explore the career path for Marketing Manager

Sales Manager

A Sales Manager is responsible for leading a team of salespeople and achieving sales targets. While this course is primarily focused on mobile app design, the principles of sales are also applicable to mobile apps. By learning these skills, you can help businesses sell their mobile apps and generate revenue.

See salaries and explore the career path for Sales Manager

Customer Success Manager

A Customer Success Manager is responsible for ensuring that customers are satisfied with a product or service. While this course is primarily focused on mobile app design, the principles of customer success are also applicable to mobile apps. By learning these skills, you can help businesses improve the customer experience and retain customers.

See salaries and explore the career path for Customer Success Manager

Technical Writer

A Technical Writer is responsible for creating documentation for technical products, such as mobile apps. While this course is primarily focused on mobile app design, the principles of technical writing are also applicable to mobile apps. By learning these skills, you can help businesses create documentation that is clear, concise, and easy to understand.

See salaries and explore the career path for Technical Writer