This course is available as part of the raywenderlich.com Professional subscription. To learn more click here

Introduction to Google's Material Design

Pro

Feb 25 2020 · Video Course (39 mins) · Beginner

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

4/5 1 Rating

Version

  • Kotlin 1.3, Android 5.1, Studio 3.5

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

1

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

2

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

3

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

4

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

5

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

6

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

7

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

8

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

9

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

10

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.

Contributors

Comments