page.title=Material Design for Developers
page.type=design
page.image=images/cards/material_2x.png
page.metaDescription=Learn how to apply material design to your apps.


@jd:body

<div id="tb-wrapper">
<div id="tb">
  <h2>Dependencies and Prerequisites</h2>
  <ul>
    <li>Android 5.0 (API level 21)</li>
  </ul>
</div>
</div>

<p>Material design is a comprehensive guide for visual, motion, and interaction design across
platforms and devices. To use material design in your Android apps, follow the guidelines
described in the
<a href="http://www.google.com/design/spec/material-design/introduction.html">material design
specification</a> and use the new components and functionality available in Android 5.0
(API level 21).</p>

<p>This class shows you how to create material design apps with the following elements:</p>

<ul>
<li>The material theme</li>
<li>Widgets for cards and lists</li>
<li>Custom shadows and view clipping</li>
<li>Vector drawables</li>
<li>Custom animations</li>
</ul>

<p>This class also teaches you how to maintain compatibility with versions of Android earlier than
5.0 (API level 21) when you use material design features in your app.</p>

<h2>Lessons</h2>

<dl>
  <dt><a href="{@docRoot}training/material/get-started.html">Getting Started</a></dt>
  <dd>Learn how to update your app with material design features.</dd>

  <dt><a href="{@docRoot}training/material/theme.html">Using the Material Theme</a></dt>
  <dd>Learn how to apply material design styles to your app.</dd>

  <dt><a href="{@docRoot}training/material/lists-cards.html">Creating Lists and Cards</a></dt>
  <dd>Learn how to create lists and cards with a consistent look and feel using system widgets.</dd>

  <dt><a href="{@docRoot}training/material/shadows-clipping.html">Defining Shadows and Clipping Views</a></dt>
  <dd>Learn how to set elevation for your views to create custom shadows and how to clip views.</dd>

  <dt><a href="{@docRoot}training/material/drawables.html">Working with Drawables</a></dt>
  <dd>Learn how to create vector drawables and how to tint drawable resources.</dd>

  <dt><a href="{@docRoot}training/material/animations.html">Defining Custom Animations</a></dt>
  <dd>Learn how to create custom animations for views and activity transitions with shared elements.</dd>

  <dt><a href="{@docRoot}training/material/compatibility.html">Maintaining Compatibility</a></dt>
  <dd>Learn how to maintain compatibility with platform versions earlier than Android 5.0.</dd>
</dl>

<h2>Video Training</h2>

<div class="wrap">
  <div class="cols">
    <div class="col-1of2">
      <p>If you prefer to learn through interactive video training, check out this online course
      about material design for Android developers.</p>
      <p><a href="https://www.udacity.com/course/ud862" class="button">
        Start the video course</a>
      </p>
    </div>
    <div class="col-1of2">
      <iframe width="300" height="169"
      src="//www.youtube.com/embed/eKJ3aMGM-WM?autohide=1&amp;showinfo=0"
      frameborder="0" allowfullscreen="" style="float: right; margin: 0 0 20px 20px;"></iframe>
    </div>
  </div>
</div>