Over a million developers have joined DZone.

Android L's Material Design: What Exactly Is It?

DZone's Guide to

Android L's Material Design: What Exactly Is It?

· Java Zone ·
Free Resource

Verify, standardize, and correct the Big 4 + more– name, email, phone and global addresses – try our Data Quality APIs now at Melissa Developer Portal!

With Google I/O came the announcement of one of Android 5.0's biggest new features: Material Design. If you're still wondering what that means, exactly - or what the point is - you might be interested in Liam Spradlin's overview of Material Design recently published on Android Police. The notable aspects, according to Spradlin, include the following:

  • Paper & Ink, Co-Planar Paper, Layer & Z-Axis (which define the style)
  • FAB (Floating Action Button)
  • Color & Contrast (generally brightened)
  • Palette
  • A new look for Roboto (which Google calls "optimistic," whatever that means)
  • Imagery (for example, according to Spradlin, Google defines avatars as circular, while thumbnails are square)
  • Enhanced motion design
  • More focus on Grids

For more details on Material Design, you can check out the Material Design spec from Google, but Spradlin's list provides a solid starting point. Some of it is a bit fluffy - check out the big changes to Roboto here, for example:

(Source: Liam Spradlin at Android Police)

But still, it's at least clear that Google is paying attention and making an effort when it comes to UX and design. Now, if they could just come up with a way for Android L to help you buy stuff...

Developers! Quickly and easily gain access to the tools and information you need! Explore, test and combine our data quality APIs at Melissa Developer Portal – home to tools that save time and boost revenue. Our APIs verify, standardize, and correct the Big 4 + more – name, email, phone and global addresses – to ensure accurate delivery, prevent blacklisting and identify risks in real-time.


Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}