This comprehensive guide covers must-know Google Material Design details, including features, core principles, components, and and an introduction to best practices
First announced at the 2014 Google I/O conference and later making its maiden voyage with Android 5.0 Lollipop, Google’s Material Design represented a mobile-centric shift in the company’s approach to design. Taking cues from paper and ink, Material Design uses shadows and edges to create a minimal experience that is scalable across all major platforms and devices.
To help developers, designers, and IT leaders get up to speed on Material Design, we’ve compiled the most important details and related resources on Google’s new design language into this living guide, which we’ll update periodically as new information becomes available.
Executive summary (TL;DR)
What it is: Material Design is a design language developed by Google to provide continuity across its web and mobile products.
Why it matters: Material Design provides a uniformity of experience that Google products have been lacking. It’s mobile-centric focus also represents an important shift in the company’s approach to design.
Who does this affect: End users will likely notice changes in the UX of many Google products. Developers and designers will need to slightly alter their approach to take full advantage of the Material Design.
When is this happening: The source code for Material Design became generally available on November 3, 2014 and over the air (OTA) updates began on November 12, 2014.
How to take advantage of Material Design: Google has provided best practices and guidelines for proper implementation of Material Design.
What it is?
Initially announced on June 25, 2014 at the Google I/O developer conference, Google’s Material Design is a design language that seeks to unify the user experience across Google products and across platforms.
Conceptually, Material Design is based on just that—real world materials. Using shadows and lighting to create depth and edges, elements respond in a similar way to how we would expect them to in real life. Again, Google said that Material Design is based on paper and ink and print-based design.Material Design was originally known by the codename Quantum Paper. One of the first implementations of the design was present in the “cards” associated with Google Now. According to the Google website for Material Design, it’s goal is to blend many principles of classic design with the innovations we’ve come to expect from science and technology.
According to Google, there are three core principles at work:
- Material is the metaphor
- Bold, graphic, intentional
- Motion provides meaning
While its foundation is rooted in what is known as flat design, Material Design is more of a hybrid with its addition of drop shadows and gradients to convey physical space. Flat design exists primarily within a 2D environment, while Material Design utilizes a 3D environment with each object having dimensions on an X, Y, and Z axis.
Material Design uses bold colors and both the Roboto and Noto typefaces. Lastly, specific rules for motion and animation of design elements are key to maintaining proper relationships between elements and functionality.
Why it matters
There are a few main reasons why the introduction of Google’s Material Design truly matters. It begins with the realization that a good product will only get you so far without good design.
Good design matters. And, when a big portion of your business relies on outside designers and developers to build third-party application on your platforms and frameworks, there is a lot that can go wrong. With Material Design, Google is better protecting the sanctity of its brands by delivering a design language that is both modern and practical.
In addition to protecting its brands, Google is setting the stage for a better play at the enterprise as well. The search giant has been making strides toward the enterprise for the past few years, and eliminating the “clunky” aspects in its previous design will win it more fans among business users.
It also shows that the company truly cares about design, which was a major mark against Google for a long time. One of the biggest selling points of Apple products has been their focus on design, and Material Design could be the foundation on which Google could eventually compete on that plane.
Almost as equally important as the quality of the design is the consistency that Material Design provides. Especially with its recent split into Alphabet, the ability to keep design consistent across the brands will be paramount to the success of the new corporate organization.
Material Design is mobile-centric, and the fact that a company as large as Google is centering its entire design philosophy around the mobile experience adds weight to the idea that mobile will continue to take precedent as our preferred way of access the web.