Android App UI Design with Adobe XD & Google Material Design from Udemy

What's inside

Learning objectives

Master specs and sizes of google material design
Design awesome looking professional android apps
Learn about dp, sp, px measurement units of material design
Build a powerful material color scheme for your app

Export your android app graphics for all android densities
What is mdpi, hdpi, xhdpi and xxhdpi and how to design for them?
Use zeplin to export coded style guides for your android developes

Master specs and sizes of google material design
Design awesome looking professional android apps
Learn about dp, sp, px measurement units of material design
Build a powerful material color scheme for your app
Export your android app graphics for all android densities
What is mdpi, hdpi, xhdpi and xxhdpi and how to design for them?
Use zeplin to export coded style guides for your android developes

Syllabus

Learn about the different measurement units like DP, SP and what is Pixel Resoltuion and Density of your Android Device

Introduction to what this Android Design course will cover and who is this course for.

If you are a beginner in Adobe XD, take my other course Adobe XD, Design, Prototype and Collaborate (for Beginners)

A lot of people get confused by Screen Resolution and Screen Density of Smart Devices. In this lesson you will learn the difference between the two and install a Free App to measure the screen resolution and density of your own Device

So what is DP (Device Independent Pixel) and how Material Design uses it for different sizing of its design elements. Also how the DPs will translate into pixel sizes

Free online tools to convert DP to PX and convert Pixels to DPs

Learn about the 5 Density Buckets Android Material Design is using and learn why do we need to create multiple graphical assets for support all
the Android Device Density Buckets

Learn about

mdpi
hdpi
Xhdpi
XXhdpi
XXXhdpi

Online tool by Google to see the resolution, device sizes in inches and pixels along with Density of all the common smart devices we use

SP or Scale-able pixels are typography units used by Google Material Design to size text in Android Apps

I will show you how you are going to use 1X Android Artboard to Design in Adobe XD

Lets see how much you have got the concepts of Material Design

Introduce yourself while creating Android App Screen

All the assets, images, study links and resources for this Adobe XD course

Learn what are Material Design key metrics, sizing and typographic grids. How different elements like buttons and lists sizes vary in Google Material Design

Learn about all the User Interface regions of Android Apps and what are their names and locations as it will help you design better

What is the science behind Material Design and how this whole Material Design actually works with Shadows and Elevations

Learn about different Material Shadows and their uses in Android App Design

How to Setup 8 Point Square Grid in Adobe XD and how to setup 4dp grid for your Material Design typography

What is the vertical rhythm of Google Material Design and how different vertical spacing and metrics work in Google Material Design?

What are the standard button and icon sizes a designer must use in Android App Design. Learn the principles of Material Design

Different Tabs of Material Design, their sizes, specs and when to use them. Learn all that in this lesson

Learn about Android

Fixed tabs
Scroll-able tabs

What are the different App bar types and what are their heights and widths in DPs and when to use them. Learn all that in this lesson

Learn what are the different types of lists in Material Design and what are their sizes and when to use them

Single Line Lists
Two lines Lists
Three Lines Lists

We also have Bottom fixed Navigation in Android Apps so in this lesson, you will learn what are the specs, sizes and when to use that in your design

SideNav or Navigation Drawer are used most often in Material Design and Android Apps. Learn about the sizes, specs and elevation of Nav Drawer

in this lesson

How Type scale of Material design works in XD and how I have used my Type Scale in designing my Medical Android App

Learn how to effectively use colors to create great Android Experiences and what are the accessibility issues in contrast ratios of colors you choose

If you can theme your Android Material App accurately, you have done 50% of the design work. So learn all the ins and outs of color scheme of your Android App and how many colors you actually need

Few online tools that can help you build or test your color schemes and a little about accessibility issues

Learn how to use UI Kits and standard UI Patterns to swiftly design your Android App using Adobe XD. In this section you will design a 6 screen Real Medical App for British GPs

Download the UI kits needed for this exercises and assets you need for this exercise

Design the login screen using Adobe XD

Design the last part of login screen of your Medical Android App in Adobe XD

Design the Signup Screen for your Android App

Design the Fixed Tabbar for your Android App

Design the top content area, doctors avatar and Graph in Adobe XD

Design the Dashboard first top status card area for your Android App

Design the lower card section of Dashboard of Medical Android App

Design the activities screen using Repeat Grid in Adobe XD

Design the Sync to cloud screen of Android App in Adobe XD

Design the Navigation Drawer or Side Nav of your Android App

Re-design a 3 Screen Android Messaging App using Adobe XD

Learn how you can use Batch Export to export all your Android App assets for all the different density buckets like mdpi, hdpi, xhdpi and xxhdpi

How to use Batch export feature of Adobe XD to export all your assets in one go

How to use Zeplin with Adobe XD to export your designs and create a coded XML styleguide out of your XD design for your developers

Learn how to create 9 patch png files for your Android Developers

Learn what are the new possibilities with Google Material latest version 2.0 and learn new thigns and specs in detail

Learn what is new in Google Material 2.0. What they have included more? What are the new things in Material Design 2.0

Design limitations and new Shapes allowed in Material Design 2.0

Revision of Spacing and Grid in Material Design

How Material Design uses emphasis in Button Design and what are different types and states of Buttons

Lets revise the new Material Lists 2.0

A new pattern called Bottom App bar has been introduced in Material 2.0. Learn all about it here

A revision in the Tabs specs of Material Design

Material Card Specification and interactions. Expanding and collapsing cards and much more in this lesson

A new look to Material Typography system in Material Design 2.0

What to do next once you have finished this course?

Discount coupons to take my next courses just for my current students

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Develops professional Android app designs, which is a skill sought after in industry

Taught by instructors with vast experience in UI and app design, who are recognized worldwide

Explores and teaches Google Material Design, which is standard in the industry and in high demand

Develops high-end professional skills that are foundational to UI and UX design

Develops Android app designs using Adobe XD, a widely-used tool in industry

Builds a foundation in the fundamental principles of Android app designing

Reviews summary

Awesome android app ui with adobe xd

According to students, this course is awesome! Learners say the instructor is a brilliant teacher who is eager to help and share invaluable knowledge and experience to help students learn and refine their skills

This course is packed with helpful content.

"I think everyone must take a course to learn the awesome rules and tricks of UI UX"

"I recommend all courses to everyone who is learning UI UX"

The instructor is a great teacher.

"I think he the best UI UX teacher of the internet who helps everyone to learn a lot and he replied to me all the time whenever I asked him any questions either personally or in the question section"

"He teaches so brilliantly that I can't express in my words."

"He is sharing his experience which is a treasure for the students who are learning UI UX"

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 Android App UI Design with Adobe XD & Google Material Design with these activities:

Measure and Understand Screen Dimensions

Show steps

Measure and understand the physical dimensions of common smart devices and their screen resolutions.

Show steps

Measure the physical dimensions of a phone with a ruler or calipers.
Look up the screen resolution of different devices using Google.
Compare the physical dimensions with the screen resolution.

Form Study Groups

Show steps

Join a study group or peer session to discuss topics and work on projects.

Show steps

Find classmates who share your interests and are also taking the course.
Meet regularly to discuss the course material and work on projects.
Help each other out and learn from each other.

Practice Using Zeplin

Show steps

Practice using Zeplin to export designs and create coded XML style guides.

Show steps

Install Zeplin plugin in Adobe XD.
Create a new project in Zeplin.
Import your XD design into Zeplin.
Export the design as a Zeplin style guide.
Use the style guide to generate the coded XML for your app.

Three other activities

Expand to see all activities and additional details

Show all six activities

Create 9-Patch PNG Files

Show steps

Practice creating 9-patch PNG files, which are essential for Android app development.

Show steps

Open an image editing software like Photoshop or GIMP.
Create a new image of the desired dimensions.
Design the 9-patch regions and save the image as a PNG file.
Use the 9-patch tool in Android Studio to create the 9-patch PNG file.

Explore Material Design 2.0

Show steps

Explore the latest changes in Material Design 2.0 and learn about its new features.

Show steps

Read the Material Design 2.0 documentation.
Watch videos on YouTube or Coursera about Material Design 2.0.
Try out some of the new features in Material Design 2.0 in your own projects.

Build a Basic Calculator App

Show steps

Build a simple calculator app using the concepts learned in this course.

Show steps

Design the layout of the app using a prototyping tool.
Create the user interface using Android Studio.
Implement the basic arithmetic operations (addition, subtraction, multiplication, and division).
Test the app on a device or emulator.

Career center

Learners who complete Android App UI Design with Adobe XD & Google Material Design will develop knowledge and skills that may be useful to these careers:

UX Designer

UX Designers are responsible for designing the user experience of software products. This course teaches the principles of user experience design and how to apply them to Android app design using Adobe XD and Google Material Design. This course may be useful if you want to become a UX Designer.

See salaries and explore the career path for UX Designer

UI Designer

UI Designers are responsible for designing the user interface of software products. This course teaches the principles of user interface design and how to apply them to Android app design using Adobe XD and Google Material Design. This course may be useful if you want to become a UI Designer.

See salaries and explore the career path for UI Designer

Android Developer

Android Developers are responsible for designing, developing, and maintaining software for Android devices. This course teaches the skills needed to design and develop professional-grade Android apps using Adobe XD and Google Material Design, which are industry-standard tools for Android app development. This course may be useful if you want to become an Android Developer.

See salaries and explore the career path for Android Developer

Software Engineer

Software Engineers are responsible for designing, developing, and maintaining software systems. This course teaches the skills needed to design and develop professional-grade Android apps using Adobe XD and Google Material Design, which can be useful for Software Engineers who want to specialize in Android development.

See salaries and explore the career path for Software Engineer

Product Manager

Product Managers are responsible for managing the development and launch of software products. This course teaches the skills needed to design and develop professional-grade Android apps using Adobe XD and Google Material Design, which can be useful for Product Managers who want to better understand the technical aspects of Android app development.

See salaries and explore the career path for Product Manager

Graphic designer

Graphic Designers are responsible for creating visual content for a variety of purposes, including marketing, advertising, and product design. This course teaches the principles of graphic design and how to apply them to Android app design using Adobe XD and Google Material Design. This course may be useful if you want to become a Graphic Designer.

See salaries and explore the career path for Graphic designer

Front-End Developer

Front-End Developers are responsible for designing and developing the user-facing portion of software products. This course teaches the skills needed to design and develop professional-grade Android apps using Adobe XD and Google Material Design, which can be useful for Front-End Developers who want to specialize in Android development.

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

Interaction Designer

Interaction Designers are responsible for designing the interactions between users and software products. This course teaches the principles of interaction design and how to apply them to Android app design using Adobe XD and Google Material Design. This course may be useful if you want to become an Interaction Designer.

See salaries and explore the career path for Interaction Designer

Visual Designer

Visual Designers are responsible for creating the visual elements of software products. This course teaches the principles of visual design and how to apply them to Android app design using Adobe XD and Google Material Design. This course may be useful if you want to become a Visual Designer.

See salaries and explore the career path for Visual Designer

Mobile App Developer

Mobile App Developers are responsible for designing and developing mobile apps for a variety of platforms, including Android. This course teaches the skills needed to design and develop professional-grade Android apps using Adobe XD and Google Material Design, which is an industry-standard tool for Android app development.

See salaries and explore the career path for Mobile App Developer

Web Designer

Web Designers are responsible for designing and developing websites. This course teaches the principles of web design and how to apply them to Android app design using Adobe XD and Google Material Design. This course may be useful if you want to become a Web Designer.

See salaries and explore the career path for Web Designer

Product Designer

Product Designers are responsible for designing and developing products, including software products. This course teaches the principles of product design and how to apply them to Android app design using Adobe XD and Google Material Design. This course may be useful if you want to become a Product Designer.

See salaries and explore the career path for Product Designer

Art Director

Art Directors are responsible for overseeing the visual aspects of a variety of projects, including software products. This course teaches the principles of art direction and how to apply them to Android app design using Adobe XD and Google Material Design. This course may be useful if you want to become an Art Director.

See salaries and explore the career path for Art Director

Technical Writer

Technical Writers are responsible for creating documentation for software products. This course teaches the principles of technical writing and how to apply them to Android app design using Adobe XD and Google Material Design. This course may be useful if you want to become a Technical Writer.

See salaries and explore the career path for Technical Writer

Creative Director

Creative Directors are responsible for overseeing the creative aspects of a variety of projects, including software products. This course teaches the principles of creative direction and how to apply them to Android app design using Adobe XD and Google Material Design. This course may be useful if you want to become a Creative Director.

See salaries and explore the career path for Creative Director