Google announced a new universal design language, called Material Design, as part of the forthcoming â€œLâ€ release of Googleâ€™s Android mobile operating system. The design is meant to offer a more consistent, universal look-and-feel across mobile, tablets, desktop and â€œbeyond,â€ the company explains.
â€œWe imaginedâ€¦ what if pixels didnâ€™t just have color, but also depth? What if there was a material that could change its texture? This lead us to something we call â€˜material design,â€ says Matias Durate, Director of Android operating system User Experience at Google, during the keynote this morning.
Some of the key features of the new design includeÂ an updated version of the system font, Roboto, as well as bold and dramatic colors and highly polished animations.
Durate also quickly walked through the changes in the new framework, which itâ€™s also releasing publicly today atÂ google.com/design. The idea is to put this framework in the hands of developers who build on Googleâ€™s platforms, so all apps have a consistent look, similar to how Apple has its own design guidelines for Mac and iOS developers.
The company is also introducing new redesigned versions of Googleâ€™s flagship apps using this new language, including Gmail and Calendar, for both Android and the web. You may recall reading about these changes recently, whenÂ some blogsÂ got a hold of leaked versions of screenshots showing Gmailâ€™s redesign, featuring a cleaner and simpler interface.
On Android, theÂ new look is called â€œMaterial,â€ and it supports a variety of new animation capabilities, has built-in realtime UI shadows, and â€œheroâ€ elements that can be passed from screen-to-screen.
The open-sourced frameworkÂ Polymer, which highlightedÂ during theÂ lastÂ Google I/O, was also mentioned as being a way for developers to create building blocks which work with this new design language.Â Polymer offers a prototyping tool that lets you build responsive websites using predefined, customizable building blocks, and was recently discussed as being a part of Googleâ€™s forthcoming design changesÂ we covered hereÂ when it was known as its internal codename â€œQuantum Paper.â€
On the Google Design website, the company references its goals for Material Design as follows:
- Create a visual language that synthesizes classic principles of good design with the innovation and possibility of technology and science.
- Develop a single underlying system that allows for a unified experience across platforms and device sizes. Mobile precepts are fundamental, but touch, voice, mouse, and keyboard are all ï¬rst-class input methods.
Google describes the new design as being â€œinspired by the study of paper and ink, yetÂ technologically advanced and open to imagination and magic.â€
The design uses familiar tactile means of interacting with its many parts, with visual cues that are grounded in reality, Google says. Its elements also recall print-based design typography, with â€œdeliberate color choices, edge-to-edge imagery, large-scale typography, and intentional white space create a bold and graphic interface that immerses the user in the experience.â€
Motion is another key element of the design, but is meant to be. â€œMotion is meaningful and appropriate, serving to focus attention and maintain continuity,â€ Google adds.
More broadly speaking, the design refresh is about making the experience of using Googleâ€™s products and services, including Android, more enjoyable for end users. Apple is well-known for having stricter design guidelines for its developer partners, and that has helped shaped how consumers perceive Apple â€” that is, as being a design-focused company.
Now Google is stepping up to show that itâ€™s ready to compete on design, as well.
The move comes at a time when Apple is also moving into areas Google dominates â€“ like cloud services. That has worried Google, sources say, since it seemed like Apple was getting better at infrastructure than Google was getting at design. Material Design is Googleâ€™s effort to change that.