Android App UI Design with Adobe Photoshop Material Design

Android App UI Design with Adobe Photoshop & Material Design, available at $49.99, has an average rating of 4.4, with 55 lectures, 1 quizzes, based on 96 reviews, and has 17559 subscribers.

You will learn about Ins and Outs of Android App Design Master Google Material Design Sizes and Specifications of Design Understanding Google Material Design Colors Theme your Android Apps with your own Colors Export all your assets using Photoshop and 9 Patch tools Handoff your designs to developers using Zeplin What is DP, SP and how to convert them to Pixels? How Google Material Shadows & Elevations work? Design Sleek Android Apps using Photoshop Understand Pro Level Android App Design Process and Workflow Learn Whats New in Google Material Design 2.0 This course is ideal for individuals who are Graphic Designer or Android App Developer or Mobile App Designer or UI Designer or Web Designer or App Developers It is particularly useful for Graphic Designer or Android App Developer or Mobile App Designer or UI Designer or Web Designer or App Developers.

Enroll now: Android App UI Design with Adobe Photoshop & Material Design

Summary

Title: Android App UI Design with Adobe Photoshop & Material Design

Price: $49.99

Average Rating: 4.4

Number of Lectures: 55

Number of Quizzes: 1

Number of Published Lectures: 55

Number of Published Quizzes: 1

Number of Curriculum Items: 58

Number of Published Curriculum Objects: 58

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Ins and Outs of Android App Design

Master Google Material Design Sizes and Specifications of Design

Understanding Google Material Design Colors

Theme your Android Apps with your own Colors

Export all your assets using Photoshop and 9 Patch tools

Handoff your designs to developers using Zeplin

What is DP, SP and how to convert them to Pixels?

How Google Material Shadows & Elevations work?

Design Sleek Android Apps using Photoshop

Understand Pro Level Android App Design Process and Workflow

Learn Whats New in Google Material Design 2.0

Who Should Attend

Graphic Designer

Android App Developer

Mobile App Designer

UI Designer

Web Designer

App Developers

Target Audiences

Graphic Designer

Android App Developer

Mobile App Designer

UI Designer

Web Designer

App Developers

Designing sleek Android Apps using Google Material Design system is no joke. You need to know all the sizes, spacing and metrics for Designing seamless Android App User Interfaces. Also your Designed Android App User interfaces must be easily translated into coded Android Apps

So this course will uncover the mysteries of Designing Android Apps using Material Design in Adobe Photoshop. You will learn 

How to convert DPs and SP Material Design units to Pixels (PX)

Which template size to start with?

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 and Sizes and Typographic Grids of Material Design

What’s new and possible with Material Design 2.0?

Design a real world actual App using Photoshop art boards

Extract all your assets using Photoshop

Hand-off 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 Photoshop

So you will deep dive into Google Material Design using Adobe Photoshop and Handoff your designs using Zeplin to give your Developer coded Style Guides

So lets start learning together

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: Whats New in Google Material 2.0?

Lecture 1: Whats 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

Instructors

Muhammad Ahsan Pervaiz
Product Designer | UX Consultant | Web Developer

Rating Distribution

1 stars: 2 votes

2 stars: 5 votes

3 stars: 11 votes

4 stars: 23 votes

5 stars: 55 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!