Android App UI Design with Adobe XD and Google Material Design

Course

Online

£ 20 + VAT

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

Design awesome Android App UI using Adobe XD while following Google Material Design Guidelines.Your application’s user interface is everything the user can interact with and hence, makes it the most crucial part of app development from a business perspective. The course begins by introducing you to the basic concepts where you will explain the sizes of your Android app elements in DPs and define an effective color scheme. As you progress through the sections, you will explore all the specs, sizes and typographic grids of material design. Once you understand extracting assets using Adobe XD and the coded style guide, you will design a real-world app using XD artboards. By the end of this course, you’ll know exactly how to use the many features of Adobe XD to your advantage and design your app’s UI within the guidelines of Google material design. All the codes and supporting files for this course will be available at- About The Author
.
Muhammad Ahsan Pervaiz started his Freelance Design Career 10 years ago and learned everything the hard way. He went from scratch to end up working for FORTUNE 500 companies like INTEL, PANASONIC, and Coca Cola. In just 10 years of Serious UI Designing, he made his place on DRIBBBLE. Working with Art Directors from Coca Cola and Project Managers from the UK, he learned a lot in a short period of time. He has also Improved User Experience of UK GP Tools Mobile App, few Games and e-commerce websites and created new Design patterns for showing passwords safely in password fields. Muhammad has also Worked from App Icon Design to App UI Design, from wire-frames, prototypes and Mockups Design. I have a hunger for perfecting User Interface from all aspects. Being a multi-talented person who has won a Gold Medal and a nation-wide Poster Design competition from PANASONIC many Landing Page design contests on 99designs

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

Generate Coded Style Guides for your Android Developers
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
Explore new possibilities with Material Design 2.0
Generate 9-patch PNG assets
Design 6 Android App Screens UI of a Medical App using Adobe XD
Design 6 Android App Screens UI of a Medical App using Photoshop

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 4 years

Subjects

  • Install
  • Medical training
  • Medical
  • Adobe
  • Design
  • Works
  • Design techniques
  • Programming
  • Programme Planning
  • Programming Application

Course programme

Introduction to Units of Material Design 8 lectures 33:55 Introduction This lecture introduces what this Android Design course will cover and who is this course for What is Screen Resolution and Screen Density? In this lesson you will learn the difference between Screen Resolution and Screen Density and install a Free App to measure the two of your own Device What is DP (Device Independent Pixels) and how it is different from PX? Learn what is DP (Device Independent Pixel) and how Material Design uses it for different sizing of its design elements. Also, how the DPs will translate into pixel sizes DP to PX conversion Online Tools Learn about free online tools to convert DP to PX and convert Pixels to DPs What are Android Density Buckets? Learn about the 5 Density Buckets Android Material Design is using and learn why do we need to create multiple graphical assets for support all the Android Device Density Buckets Online Tools for Screen Resolution, Density and Device Sizes Learn about online tool by Google to see the resolution, device sizes in inches and pixels along with Density of all the common smart devices we use What are SP type sizes in Google Material Design? Learn about SP or Scale-able pixels and how they are used by Google Material Design to size text in Android Apps How DP works in Adobe XD? Learn how to use 1X Android Artboard to Design in Adobe XD Introduction to Units of Material Design 8 lectures 33:55 Introduction This lecture introduces what this Android Design course will cover and who is this course for What is Screen Resolution and Screen Density? In this lesson you will learn the difference between Screen Resolution and Screen Density and install a Free App to measure the two of your own Device What is DP (Device Independent Pixels) and how it is different from PX? Learn what is DP (Device Independent Pixel) and how Material Design uses it for different sizing of its design elements. Also, how the DPs will translate into pixel sizes DP to PX conversion Online Tools Learn about free online tools to convert DP to PX and convert Pixels to DPs What are Android Density Buckets? Learn about the 5 Density Buckets Android Material Design is using and learn why do we need to create multiple graphical assets for support all the Android Device Density Buckets Online Tools for Screen Resolution, Density and Device Sizes Learn about online tool by Google to see the resolution, device sizes in inches and pixels along with Density of all the common smart devices we use What are SP type sizes in Google Material Design? Learn about SP or Scale-able pixels and how they are used by Google Material Design to size text in Android Apps How DP works in Adobe XD? Learn how to use 1X Android Artboard to Design in Adobe XD Introduction This lecture introduces what this Android Design course will cover and who is this course for Introduction This lecture introduces what this Android Design course will cover and who is this course for Introduction This lecture introduces what this Android Design course will cover and who is this course for Introduction This lecture introduces what this Android Design course will cover and who is this course for This lecture introduces what this Android Design course will cover and who is this course for This lecture introduces what this Android Design course will cover and who is this course for What is Screen Resolution and Screen Density? In this lesson you will learn the difference between Screen Resolution and Screen Density and install a Free App to measure the two of your own Device What is Screen Resolution and Screen Density? In this lesson you will learn the difference between Screen Resolution and Screen Density and install a Free App to measure the two of your own Device What is Screen Resolution and Screen Density? In this lesson you will learn the difference between Screen Resolution and Screen Density and install a Free App to measure the two of your own Device What is Screen Resolution and Screen Density? In this lesson you will learn the difference between Screen Resolution and Screen Density and install a Free App to measure the two of your own Device In this lesson you will learn the difference between Screen Resolution and Screen Density and install a Free App to measure the two of your own Device In this lesson you will learn the difference between Screen Resolution and Screen Density and install a Free App to measure the two of your own Device What is DP (Device Independent Pixels) and how it is different from PX? Learn what is DP (Device Independent Pixel) and how Material Design uses it for different sizing of its design elements. Also, how the DPs will translate into pixel sizes What is DP (Device Independent Pixels) and how it is different from PX? Learn what is DP (Device Independent Pixel) and how Material Design uses it for different sizing of its design elements. Also, how the DPs will translate into pixel sizes What is DP (Device Independent Pixels) and how it is different from PX? Learn what is DP (Device Independent Pixel) and how Material Design uses it for different sizing of its design elements. Also, how the DPs will translate into pixel sizes What is DP (Device Independent Pixels) and how it is different from PX? Learn what is DP (Device Independent Pixel) and how Material Design uses it for different sizing of its design elements. Also, how the DPs will translate into pixel sizes Learn what is DP (Device Independent Pixel) and how Material Design uses it for different sizing of its design elements. Also, how the DPs will translate into pixel sizes Learn what is DP (Device Independent Pixel) and how Material Design uses it for different sizing of its design elements. Also, how the DPs will translate into pixel sizes DP to PX conversion Online Tools Learn about free online tools to convert DP to PX and convert Pixels to DPs DP to PX conversion Online Tools Learn about free online tools to convert DP to PX and convert Pixels to DPs DP to PX conversion Online Tools Learn about free online tools to convert DP to PX and convert Pixels to DPs DP to PX conversion Online Tools Learn about free online tools to convert DP to PX and convert Pixels to DPs Learn about free online tools to convert DP to PX and convert Pixels to DPs Learn about free online tools to convert DP to PX and convert Pixels to DPs What are Android Density Buckets? Learn about the 5 Density Buckets Android Material Design is using and learn why do we need to create multiple graphical assets for support all the Android Device Density Buckets What are Android Density Buckets? Learn about the 5 Density Buckets Android Material Design is using and learn why do we need to create multiple graphical assets for support all the Android Device Density Buckets What are Android Density Buckets? Learn about the 5 Density Buckets Android Material Design is using and learn why do we need to create multiple graphical assets for support all the Android Device Density Buckets What are Android Density Buckets? Learn about the 5 Density Buckets Android Material Design is using and learn why do we need to create multiple graphical assets for support all the Android Device Density Buckets Learn about the 5 Density Buckets Android Material Design is using and learn why do we need to create multiple graphical assets for support all the Android Device Density Buckets Learn about the 5 Density Buckets Android Material Design is using and learn why do we need to create multiple graphical assets for support all the Android Device Density Buckets Online Tools for Screen Resolution, Density and Device Sizes Learn about online tool by Google to see the resolution, device sizes in inches and pixels along with Density of all the common smart devices we use Online Tools for Screen Resolution, Density and Device Sizes Learn about online tool by Google to see the resolution, device sizes in inches and pixels along with Density of all the common smart devices we use Online Tools for Screen Resolution, Density and Device Sizes Learn about online tool by Google to see the resolution, device sizes in inches and pixels along with Density of all the common smart devices we use Online Tools for Screen Resolution, Density and Device Sizes Learn about online tool by Google to see the resolution, device sizes in inches and pixels along with Density of all the common smart devices we use Learn about online tool by Google to see the resolution, device sizes in inches and pixels along with Density of all the common smart devices we use Learn about online tool by Google to see the resolution, device sizes in inches and pixels along with Density of all the common smart devices we use What are SP type sizes in Google Material Design? Learn about SP or Scale-able pixels and how they are used by Google Material Design to size text in Android Apps What are SP type sizes in Google Material Design? Learn about SP or Scale-able pixels and how they are used by Google Material Design to size text in Android Apps What are SP type sizes in Google Material Design? Learn about SP or Scale-able pixels and how they are used by Google Material Design to size text in Android Apps What are SP type sizes in Google Material Design? Learn about SP or Scale-able pixels and how they are used by Google Material Design to size text in Android Apps Learn about SP or Scale-able pixels and how they are used by Google Material Design to size text in Android Apps Learn about SP or Scale-able pixels and how they are used by Google Material Design to size text in Android Apps How DP works in Adobe XD? Learn how to use 1X Android Artboard to Design in Adobe XD How DP works in Adobe XD? Learn how to use 1X Android Artboard to Design in Adobe XD How DP works in Adobe XD? Learn how to use 1X Android Artboard to Design in Adobe XD How DP works in Adobe XD? Learn how to use 1X Android Artboard to Design in Adobe XD Learn how to use 1X Android Artboard to Design in Adobe XD Learn how to use 1X Android Artboard to Design in Adobe XD Material Design Specs, Sizes and Metrics 12 lectures 01:13:15 UI Regions of Android Apps Learn about all the User Interface regions of Android Apps and what are their names and locations as it will help you design better How Material Design works (Base of Material Design)? Learn what is the science behind Material Design and how this whole Material Design works with Shadows and Elevations What are Material Shadows? Learn about different Material Shadows and their uses in Android App Design 8-Point Grid System in Adobe XD Learn to Setup 8 Point Square Grid in Adobe XD and how to setup 4dp grid for your Material Design typography Metrics and Vertical Spacings in Google Material Design Learn about the vertical rhythm of Google Material Design and how different vertical spacing and metrics work in Google Material Design Buttons and Icon Sizes in Material Design Learn the principles of Material Design and what are the standard button and icon sizes a designer must use in Android App Design. Types and Specs of Tabs in Android App Design Different Tabs of Material Design, their sizes, specs and when to use them. Learn all that in this lesson App Bar in Android Material Design What are the different App bar types and what are their heights and widths in DPs and when to use them. Learn all that in this lesson Sizes and Types of Lists in Android App Design Learn what are the different types of lists in Material Design and what are their sizes and when to use them Specs and usage of Bottom Navigation Bar We also have Bottom fixed Navigation in Android Apps so in this lesson, you will learn what are the specs, sizes and when to use that in your design Side Nav Drawer in Material Design SideNav or Navigation Drawer are used most often in Material Design and Android Apps. Learn about the sizes, specs and elevation of Nav Drawer in this lesson Android Type Scale in Adobe XD How Type scale of Material design works in XD and how the author has used Type Scale in designing the Medical Android App Material Design Specs, Sizes and Metrics br How Type scale of Material design works in XD and how the author has used Type Scale in designing the Medical Android App How Type scale of Material design works in XD and how the author has used Type Scale in designing the Medical Android App Mastering Material Color Schemes and how to build one 2 lectures 14:57 How to build a superb Color Scheme in Material Design 2.0? If you can theme your Android Material App accurately, you have done 50% of the design work. So, learn all the ins and outs of color scheme of your Android App and how many colors you need Online Color Scheme tools for Material Colors Learn about the few online tools that can help you build or test your color schemes and a little about accessibility issues Mastering...

Additional information

Graphic Design, Android App Development, Mobile App Design, UI Design, Web Design, App Development

Android App UI Design with Adobe XD and Google Material Design

£ 20 + VAT