Android App UI Design with Adobe XD & Google Material Design
Learn how to use Google Material Design Guidelines to create a stunning UI of an Android App using Adobe XD
4.30 (108 reviews)
718
students
5 hours
content
Jan 2020
last update
$69.99
regular price
What you will learn
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
Why take this course?
Designing Android Apps on a professional level where your coders can't say "We can't code that design" is really difficult. You need to learn what is DP, SP, DPI and how you need to explain the sizes of your Android App elements in DPs and how you can define a great color scheme your coders can praise. What about exporting your design assets for multiple Android screen sizes and what about automatically creating the coded specs and style guide for your developers
Following Google Material Design Guidelines is not easy as a UI Designer and its a must learn skill for every User Interface Designer
From Design to Specs to Exporting assets and Coded Style Guide, learn all that in this course using Adobe XD
You will learn all that in this course
How these DPs and SP Material Design units work?
What are Density Buckets and how do we design for all the different Android Phone Resolutions?
How to theme your App using Google Material Colors?
Understand all the Specs, Sizes and Typographic Grids of Material Design
What's new and possible with Material Design 2.0?
Design a real world actual App using XD art-boards
Extract all your assets using Adobe XD Batch export
Handoff your Android Designs to your Developers using Zeplin
What are 9-patch PNG assets and how to generate them?
Generate Coded Style Guides for your Android Developers
Design 6 Android App Screens UI of a Medical App using Adobe XD
I hope this course will enable you to become a professional Android App UI Designer
Take design leap and join my course now
Content
Introduction to Units of Material Design
Introduction
What is Screen Resolution and Screen Density?
What is DP (Device Independent Pixels) and how its different from PX?
DP to PX conversion Online Tools
What are Android Density Buckets?
Online Tools for Screen Resolution, Density and Device Sizes
What are SP type sizes in Google Material Design?
How DP works in Adobe XD?
Material Concepts Quiz
Download all Resources for this course (Google Drive)
Material Design Specs, Sizes and Metrics
UI Regions of Android Apps
How Material Design works (Base of Material Design)?
What are Material Shadows?
8-Point Grid System in Adobe XD
Metrics and Vertical Spacings in Google Material Design
Buttons and Icon Sizes in Material Design
Types and Specs of Tabs in Android App Design
App Bar in Android Material Design
Sizes and Types of Lists in Android App Design
Specs and usage of Bottom Navigation Bar
Side Nav Drawer in Material Design
Android Type Scale in Adobe XD
Mastering Material Color Schemes and how to build one
How to build a superb Color Scheme in Material Design 2.0?
Online Color Scheme tools for Material Colors
Exercise → Design Android App using Adobe Experience Design XD
Download UI kits and Assets before starting design
Design Login Screen in Adobe XD
Design Login Screen Part 2nd
Design SignUp Screen for the Medical App
Design Fixed Tabs top area of Android App
Design Dashboard Top Content area Avatar and Graph
Design Dashboard Card 01
Design Dashboard Card 02
Design Activities Screen in XD
Design Sync Screen using Adobe XD
Design Nav Drawer for your Android App
Exporting assets and Design Handoff using Zeplin
Using Batch Export in Adobe XD to export your Android assets
Using Zeplin to create coded styleguides (MAC Only)
Using 9 Patch tool
What new in Material Design 2.0?
Whats new in Material 2.0
New Design Options, new shapes and a lot more
Spacing and Grid in Material 2.0
Button Types, emphasis levels and button states in Material Design 2.0
List items in Material 2.0
Bottom and Top App Bar
Material Tabs 2.0
Material Cards Specs in 2.0
Type System Material 2.0
What to do NEXT?
BONUS LECTURE
Screenshots
Reviews
Phoebe
October 30, 2023
Each lecture was presented within a good amount of time . We get both hands on experience and high level foundation understanding
Anne
June 29, 2022
It's great content so far. I didn't know lots of the things mentioned in the course. I hope I will be able to apply all of these knowledge into the practical design.
It would be great if you can have a course about Human Interface Design from Apple devices as well. Thanks a lot!
Naman
June 27, 2022
Awesome course in-depth explanation.
The instructor is very generous and interactive always ready to solve your doubts.
I started my journey with his courses and grew at a much faster rate.
NermeenZaidi
June 2, 2021
Very good course. Helped me understand material design better since I feel confused looking at the material.io website.
Abid
May 21, 2021
It was a great opportunity to learn a lot about UI design and google material design. It could be better to add few more examples in it. Overall the course is too good
Isabel
February 13, 2021
The course is very informative and the teacher clearly knows his way around Material Design. Even though I had already taken another course about Material Design, I was able to learn some more about it.
Divya
October 25, 2020
its a very awsome course for andriod ui designer as instructor is very nice teaching all about google materials design and
i hope become best instructor in udemy for ui desiger
Thank you
Gud Luck to You
Abhijeet
October 2, 2020
liked the last section where you summarized & recapped - helpful for a intermediate learner. I'd like to aslo know the reasoning like for eg why some buttons are indented more than the others, when do you use just Font Buttons rather than the Bounded or the Filled button.
Sachin
September 7, 2020
I felt that the instructor should be more confident about the software and teaching. At few points I heard phrases like "I think OR I am not sure why it is happening". Overall a good insight on the Material Design and great help with the UI Kit and design ideas.
이정민
August 8, 2020
accent is a bit hard to understand to non-native English user, so if you give proper subtitles it would be helpful (not it's automatic and has a lot of errors)
Haseeb
May 29, 2020
Thanks for these lectures. I learned many things about UI designing in this course. Awesome tutorials.
YogaBoy
April 11, 2020
This course I definitely recommend all graphics and mobile developers. Muhammad Ahsan is the best teacher on UDEMY. He can perfectly describe why things are as they are. What's more .... He can teach it. This is the third course I have from him and I know I will come back to him. Thanks Muhammad. You're a rock star?✌️?. Please for more courses. ❤️
Charles
May 18, 2019
This course is nicely explained the concepts so far. It will help us to develop the app in much better way!
Deeksha
March 3, 2019
This is a superb course but obviously not for beginners. First you need to have hands-on on adobe xd (Ahsan has a separate course for that).
The one thing I really like about this course is the list of resources that Ahsan has shared with us from various websites and tools to help us out so that we don't have to struggle on our own.
He explained everything related to Google Material Design in such depth no other course can compare to.
And as I have already attended so many of his courses, I can confidently say that he indeed is a great mentor. He not only responds on time to your queries, but also recommends some really cool ideas that you can incorporate in your designs to bring out the best in it.
Thank you so much for your hardwork Ahsan. Keep up the good work :)
Thomas
December 24, 2018
At one time I did not think this to be important but, after seeing
this in action, I have a clear understanding now.
Coupons
| Submit by | Date | Coupon Code | Discount | Emitted/Used | Status |
|---|---|---|---|---|---|
| - | 12/30/2020 | GOGO2021 | 90% OFF | expired |
Charts
Price
Rating
Enrollment distribution
Related Topics
1740162
udemy ID
6/10/2018
course created date
11/21/2019
course indexed date
Bot
course submited by