Google Introduces New Material Design Tools to Make Color Preview Easier for Developers

Author Photo
Apr 6, 2017
13Shares
Share Tweet Submit

Google’s Android interface had got its biggest redesign when its interface changed to a material design by throwing in more colours and enhancing usability. It added the latest tool to design palettes and interfaces easily. It makes previewing colours easier for developers.

Now, a new April 2017 guideline for material design has got updated, which features new recommendations for text fields and also for designing right-to-left icons. These guidelines have simplified the process of making, sharing, and adding color palettes to the design interface. The latest tool is completely web-based with a simple and clickable interface.

Related How to Free up Storage on Your Android Device with Single Tap, Courtesy Google Photos

Google Material Design 2017

In a blog post on Beyond Guidance, Google writes:

We believe a better design process yields better products, which is why we’re expanding Material to be a system that supports the principles of good design and strengthens communication and productivity with new tools and inspiration. We hope these resources will help teams realise their greatest design potential, and we’re eager to see the results.

Our new tools focus on different aspects of the product design process and streamline the way teams work, design, and build applications together. We’re previewing a few of them today, with more to come in the future.

The new tool will allow designers to test the color schemes on sample UIs and preview these new schemes across a slew of Material Design Components. It would come handy when creating darker and lighter variations of an app’s primary and secondary colours. Also, designers would be allowed to export their sample work to HTML, CSS, or JavaScript in Codepen.

Related Google Assistant Can Now Run on Any Device, Thanks to a New Software Development Kit

After applying customisations, the new tool would also allow the developers to evaluate if the text is legible on coloured backgrounds. New tools are based on Web Content Accessibility Guidelines legibility standards, and it will offer proposals for minimum text opacity.

Other than extending utilization basics for text fields, the tool also features a new section containing text field boxes for expanding user discovery. Also, the tool offers more resources when developers deal with different directions that include right-to-left (RTL) icons.

With these new tools, it would be interesting to see what new design changes we see in the next versions.

Share Tweet Submit