Google today updated its Material Design Guidelines, the living documentation of visual, interactive, and motion design guidance across its platforms and devices. At the same time, the company also launched a new color tool that aims to help developers create, share, and apply color to UI, including creating color palettes and testing accessibility.
Google’s Material Design mantra was first introduced at the company’s I/O conference in June 2014. The document, which has been updated every few months, is meant to guide, as well as support and inspire, user interfaces for productivity.
More specifically, the updates this month are as follows (historical changelog):
- Updated guidance on the Material Design color system, usability, and a brand new Color Tool for creating color palettes and testing accessibility
- Text fields expands on usage basics and introduces text field boxes for increasing text field discoverability
- Bidirectionality has added resource links to developer guidance on right-to-left (RTL) icons
The color tool deserves a little bit more, err, color. You can use it to create, share, and apply color palettes to a sample UI and through components in codepen. You can also use it to evaluate the legibility of text for any color combination.
Diving in a bit deeper, Google wants to highlight three features:
- Create color schemes that include darker and lighter variations of your primary and secondary colors.
- Check if text is accessible on different-colored backgrounds, as measured using the Web Content Accessibility Guidelines legibility standards.
Google hopes these improvements will allow developers and designers to provide users with “a richer experience” across everything from Android to Chrome OS to the web. We should also expect Google’s own apps and services to get more color.