Introduction to Google's Material Design

Learn the basics of Google's Material Design by updating an old app to implement material widgets, colors, typography and icons. By Aldo Olivares.

Leave a rating/review
Save for later
Comments
Share

Who is this for?

Intermediate Android developers who are interested in learning the basics of Material design from a developer's point of view. This course expects you to be familiar with Android Studio, Android Development with Kotlin and to have experience with Views and styles.

Covered concepts

  • Creating icons with the Asset Studio
  • Using material design components such as TextViews and Buttons.
  • Implementing a material color scheme
  • Implementing and extending the material design themes.
01
Toggle description

Learn how Material Design makes your app better by improving the user experience and accessibility with tools, material widgets and design guidance.

Toggle description

Configure the project and add material design dependencies to your app level build.gradle file.

Toggle description

Learn about material design widgets and the advantages they provide over standard Android widgets.

Toggle description

Convert a button from the standard library into a material design button, which provides a better user experience and accessibility.

Toggle description

Now that your buttons have been materialized, do the same for the EditText widgets using a TextInputLayout.

Toggle description

Choose a color scheme for your app by following Material Design guidelines using the color tool.

Toggle description

Use your previously created color scheme to change the design of your buttons, text fields and action bar.

Toggle description

In this episode, implement and extend a material design style by modifying the attributes of a TexInputLayout.

Toggle description

Learn how to use the asset studio to generate material design icons for your app.

Toggle description

Add the finishing touches to your app, such as an elevation attribute to your card views.