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.

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

- Advertisement -

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

Latest posts

realme Brings Jaw Dropping Discounts on Daraz Mobile Week 2021 Lahore

The month of June is getting more excited for realme fans as the company has brought in fantastic discounts and offers for the Daraz...

The latest and greatest earphones from Huawei for 2021

with wireless earphones and earbuds being one of the most popular audio solutions for most audiences today, it is no surprise that the choices...

TECNO brings exciting discount offers on Daraz Mobile Week 2021

TECNO brings exciting offers for the fans on the Daraz Mobile Week 2021. There will be up to 14% off on all TECNO Mobiles...

Want to stay up to date with the latest news?

We would love to hear from you! Please fill in your details and we will stay in touch. It's that simple!