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

Description

Following Google Material Design Guidelines is not easy as a UIDesigner 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 PNGassets 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

• UI Designer
• Developer
• App Coder
• Graphic Designer
• Android Developer
• Web Designer

Course 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
  • Introduce yourself while creating Android App Screen
  • 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
  • Re-design a 3 Screen Android Messaging App using Adobe XD
• 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