Android Material UI Design Masterclass with Adobe Xd

Learn to Design Mobile Apps following the guidliness of Material System Design using Adobe Xd.

4.55 (294 reviews)
Udemy
platform
English
language
Design Tools
category
1,818
students
6.5 hours
content
Sep 2020
last update
$64.99
regular price

What you will learn

Material Design

Material Design for Android platform

Adobe Xd

Working with Vector softwares

UI Design

UX Design

Prototyping

Description

Did you know that in the last few years there is a high demand for UI Designers? The median UI designer salary in the U.S. is $70,000/year for entry-level, and $95,000/year for a seasoned UI Designer. That's totally understandable when you think about it. UI Designers and software engineers are the ones who create something out of nothing. Their imagination, creativity, positive-mindset skill-set and experience deserve to be awarded for pushing high quality and popular products on the market. Knowing that, now it's the right time for you to take things into your own hands and start working towards that goal.

This course will provide you with all the necessary knowledge needed to start building your career as UI designer. In this course we will design an Android Application following all Material Design Guidelines. You'll learn not just how to create beautiful design but also the fundamentals, rules and Guidelines of Material System in general.


So what is this so called Material Design?

Material is a design system created by Google to help teams build high-quality digital experiences for Android, iOS, Flutter, and the web. Material Design is inspired by the physical world and its textures, including how they reflect light and cast shadows. Material surfaces re-imagine the mediums of paper and ink.

We are going to cover Material Design which in this course is primarily focused on Android platform, but the things we learn can also be applied to other platforms as well, with just slight modifications.


So what are we going to design you might be asking?

Well we are going to create a simple and elegant design for Food Recipes application. We are going to design up to 17 different screens with various material design components like Top app bar, banners, bottom navigation, buttons, floating action buttons, cards, chips, dialogs, menus, snackbars, bottom sheets, tabs and more.

You'll learn how to apply Material Design color System to your project, how to combine different fonts in your project and  choose typography type scale system. The type scale is a combination of thirteen font styles that are supported by the type system.


As a design tool we are going to use Adobe Xd. And That's one of the best FREE vector software's out there, with simple, easy to use and user friendly interface. The knowledge you gather throughout this course with Adobe Xd can also be applied to many different areas of graphic design. You can use Adobe Xd for UI/UX design, to design mobile, web, desktop applications, logos, banners, illustrations and basically everything you could think of.

And at the end of this course as a bonus I'm going to show you the basics of prototyping with Adobe Xd. You will learn how to give your design a life with transition animations. Even if prototyping is not in a scope of this course, I'm going to show you some prototyping fundamentals as well.


So what are you waiting for, start learning and improving your skills right away, there is no need for delay.

Content

Introduction

Introduction
Download Adobe Xd
Introducing with Adobe Xd Interface
Introducing with Adobe Xd Assets
Keyboard Shortcuts

Introducing with Material Design

Introducing with Material Design
Layouts - Material Design
Colors - Material Design
Typography - Material Design

Splash Screen

Lets get started - Splash Screen

Recipes Screen

Top App Bar - Material Design
Bottom Navigation - Material Design
Cards - Material Design
Floating Action Button - Material Design
No Internet Connection Screen
Snackbar - Material Design
Banner - Material Design
Bottom Sheets - Material Design
Chips - Material Design
Buttons - Material Design
Filters - Bottom Sheet
Search Widget - Material Design

Favorite Recipes Screen

Favorite Recipes Screen
Overflow Menu - Material Design
Contextual Menu - Material Design
No Favorite Recipes
Dialog - Material Design

Food Joke Screen

Food Joke Screen

Details Screen

Overview Tab
Ingredients Tab
Instructions Tab
Tabs - One More Thing...
Apply different Theme to your App Design

Prototyping - BONUS

Prototyping Basics

Final Word

Final Word

Screenshots

Android Material UI Design Masterclass with Adobe Xd - Screenshot_01Android Material UI Design Masterclass with Adobe Xd - Screenshot_02Android Material UI Design Masterclass with Adobe Xd - Screenshot_03Android Material UI Design Masterclass with Adobe Xd - Screenshot_04

Reviews

Diana-Georgiana
May 9, 2023
Hi! This cours is maybe the best for the UI/UX jobs. But I would like it to see how we should import in Android Studio etc. From a dev point a view.
Ibrahim
February 5, 2023
I have learnt more on this. Thank you so much. Your project is not opening on lower version of XD and color selection material link is obsolete. I enjoyed this learning material. As an android developer, I just started learning your android course, over the flow I got to know the design is available for learning just came fill my brain with designs.
Nims
January 17, 2023
Insightful course on Material design. Looking forward to some more course on website design with the same processes….THANK YOU??
NoorElDin
October 29, 2022
Thanks Mr Stefan for great content. As a developer, I learned a lot about design, which is very useful skill that I lacked, and made me waste a lot of time waiting on designers to finish the app design.
Emwi
August 12, 2022
This course was very insightful for anyone interested in learning about designing an app for an android mobile device. The instructor clearly explains everything at a decent speed and it's also very nice if you want to try and design the application along side the instructor. I would however suggest that an offline icon gallery be provided if you want to go long with the design course, due to my struggles of finding some of the icons, mainly the vegan leaf.
Lodgerio
July 27, 2022
Great tutorial Stefan. I learned a lot here and deserving 5 stars. You mentioned in your final word that you want to improve this course. Maybe I can request some additional videos, steps on how we upload(or use) XDs into a real(or sample) Android app.
Mariusz
May 7, 2022
An excellent course for beginners. Everything well explained, lots of practical examples. I have learned a lot. Thank you Stefan.
Faizal
December 27, 2021
Amazing course, I followed him for so long and already learned many things by his youtube channel and now UI/UX design. Thank you so much for this great course.
Kristjan
September 8, 2021
Course very well suited for people who want to kickstart android design with a professional tool. Very good teacher who explains well in a meticulous way but not too detailed, one thing that I found annoying at first was to go back and correct mistakes made in earlier lectures, but then I realized that this is what happens when you are designing and it is good to know what to do when you need to correct your mistakes. Course helped me a lot and I will be a lot more efficient now for my app designs.
Salaath
August 24, 2021
Thank you for putting together such a comprehensive summary of Material design. It was easy to understand and implement. By following your steps, I now have a very professional-looking project to add to the portfolio! Thanks again! It was amazing!
Julio
August 9, 2021
It was nice following along with the course, it focus a lot on how to use adobe XD and read a lot of the material design documentation, it's very good.
Mahmoud
July 13, 2021
the explain was good, but I thought he will show us how to implement these designs in a real android app, that is what I was expecting.
Andhika
June 4, 2021
The course is not very long but it's packed with good information. I'm very new to mobile app development and design, Stefan did a very good job in explaining and guiding, gave lots of useful tips and points to places to get good resources. Thank you Stefan for the wonderful course!
Stefanie
May 3, 2021
For me this course was not a good match, because I already know how to use the Material documentation. It would helped me more, if there would be less of just reading through and more of practical knowledge.
Deependra
April 2, 2021
Great course that goes through important aspects of material design guidelines and their implementation in design.

Coupons

DateDiscountStatus
9/5/202094% OFF
expired

Charts

Price

Android Material UI Design Masterclass with Adobe Xd - Price chart

Rating

Android Material UI Design Masterclass with Adobe Xd - Ratings chart

Enrollment distribution

Android Material UI Design Masterclass with Adobe Xd - Distribution chart
3440158
udemy ID
8/22/2020
course created date
9/5/2020
course indexed date
Bot
course submited by