Over a million developers have joined DZone.

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

· Java Zone

Learn more about the advantages of moving from a monolithic to microservices architecture.  Brought to you in partnership with IBM.

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...

From Idea to Application gives you the architecture to quickly build, manage and run a range of applications (web, mobile, big data, new smart devices, etc.) on an open-standard, cloud-based platform. See why developers are using IBM Bluemix. Brought to you in partnership with IBM.


The best of DZone straight to your inbox.

Please provide a valid email address.

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.

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

{{ parent.tldr }}

{{ parent.urlSource.name }}