Android App UI Design with Adobe Photoshop & Material Design

Course Curriculum

Chapter 1: Understanding Google Material Design concepts

Lecture 1: Introduction to the Course

Lecture 2: What is Screen Resolution and Screen Density?

Lecture 3: What is DP (Device Independent Pixels) and how its different from PX?

Lecture 4: DP to PX conversion Online Tools

Lecture 5: What are Android Density Buckets?

Lecture 6: Online Tools for Screen Resolution, Density and Device Sizes

Lecture 7: What are SP type sizes in Google Material Design?

Lecture 8: How DP works and calculated in Adobe Photoshop?

Lecture 9: Section 1→ Links to Tools and Resources

Chapter 2: Material Design Specs, Sizes and Metrics

Lecture 1: UI Regions of Android Apps

Lecture 2: How Material Design works (Base of Material Design)?

Lecture 3: What are Material Shadows?

Lecture 4: Google Material 8-point Grid in Photoshop

Lecture 5: Metrics and Vertical Spacings in Google Material Design

Lecture 6: Buttons and Icon Sizes in Material Design

Lecture 7: Types and Specs of Tabs in Android App Design

Lecture 8: App Bar in Android Material Design

Lecture 9: Sizes and Types of Lists in Android App Design

Lecture 10: Specs and usage of Bottom Navigation Bar

Lecture 11: Side Nav Drawer in Material Design

Lecture 12: Android Type Scale in Photoshop

Lecture 13: Section 2 → Link to tool and Resources

Chapter 3: Mastering Material Color Schemes and how to build one

Lecture 1: How to build a superb Color Scheme in Material Design 2.0?

Lecture 2: Online Color Scheme tools for Material Colors

Lecture 3: Section 3 → Links and Resources for Material Colors

Chapter 4: Design Android App using Adobe Photoshop (Exercise)

Lecture 1: Download UI kits and Assets before starting design

Lecture 2: Using XXHDPI template in Photohsop for your Android App Design

Lecture 3: Design Signup Screen Part 1

Lecture 4: Design Signup Screen Part 2

Lecture 5: Design Signup Screen Part 3

Lecture 6: Design Login Screen for Android Medical App

Lecture 7: Dashboard Tabbar Design for Android App

Lecture 8: Dashboard Top Content Area Design

Lecture 9: Dashboard Card Design top section

Lecture 10: Dashboard Card Design bottom section

Lecture 11: Activities Screen Design using Lists of Material Design

Lecture 12: Sync Files Screen Design

Lecture 13: Side Nav Drawer Design using Material Design Specs

Chapter 5: Exporting Assets and Design HandOff

Lecture 1: Using Zeplin to HandOff your Design to Developer

Lecture 2: What are 9-patch images and how to generate them?

Lecture 3: What is the science behind 9-patch graphical assets?

Lecture 4: Using Photoshop Export As panel to export all Density Bucket assets

Lecture 5: Section 5 → Links and Resources 9 patch assets

Chapter 6: What's New in Google Material 2.0?

Lecture 1: What's New in Material 2.0

Lecture 2: New Design Options, new shapes and a lot more

Lecture 3: Spacing Grid in Material 2.0

Lecture 4: Button Types, emphasis levels and button states in Material Design 2.0

Lecture 5: List items in Material 2.0

Lecture 6: Bottom and Top App Bar

Lecture 7: Material Tabs 2.0

Lecture 8: Material Cards Specs in 2.0

Lecture 9: Type System Material 2.0

Lecture 10: Section 6 → Links to resources in depth Material 2.0

Lecture 11: What to do NEXT?

Lecture 12: BONUS LECTURE