Google’s New Material Design Tool Makes Color Preview Easier for Developers

- Advertisement -

Google’s Android Interface got its biggest redesign when its interface changed to a material design by throwing in more colors and enhancing the usability of apps. The company added the latest tool to design palettes and interfaces easily and make previewing of colors 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.

- Advertisement -

inline remixer 01 - Google's New Material Design Tool Makes Color Preview Easier for Developers

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.

- Advertisement -

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 colors. Also, designers would be allowed to export their sample work to HTML, CSS, or JavaScript in Codepen.

- Advertisement -

inline remixer 02 - Google's New Material Design Tool Makes Color Preview Easier for Developers

After applying customizations, the new tool would also allow the developers to evaluate if the text is legible on colored 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.

- Advertisement -
07eb062daa4934b44ff797d5099d61ea - Google's New Material Design Tool Makes Color Preview Easier for Developers
Muhammad Irfan Raza
Irfan Raza is Editor at TechWafer covering Everything about Apple including Mac, iPhones, iMac, iMac Pro, MacBook, and How-tos.

More from author

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Related posts

Advertisment

Trending

Cinepax and Galaxy Racer launch the first-ever Pak vs. India Fortnite Gaming Tournament with the biggest prize pool in the region of $10,000!!

The video game industry has evolved drastically since online gaming became more commonplace and now is a massive $159 Billion industry. The advent of...

EMUI 11 and Magic UI 4: Eligible Devices and Launch date

At HDC 2020, Huawei launched its latest EMUI version, EMUI 11. This is Huawei's new mobile skin which brings new changes in the user...

Snapdragon 870 5G chipset has fastest CPU with its 3.2 GHz Core

Qualcomm and TSMC have figured out finally how to squeeze every bit of extra performance out of 7nm node with Snapdragon 865+ or Snapdragon...

Want to stay up to date with the latest news?