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

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.

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.

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

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 -
b4c58c5edf797ff99fcca559f7ac9651?s=96&r=g - 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.

Recent Articles

Huawei Mobile Services Ecosystem Reaches New Heights with 1.6 million Global Developers

Huawei shared the latest progress on both Huawei Mobile Services Ecosystem and AppGallery at the 19th China Internet Conference. Huawei Mobile Services Ecosystem is...

If you own a Reno 3, OPPO gives you the chance to win another one absolutely free this Eid

With Eid ul Adha upon us, OPPO announces yet another special campaign “Make a wish - Get another Reno3”. As we become accustomed to...

TECNO is Offering Amazing Discount Offers in Celebration of Independence Day

TECNO, a renowned Chinese smartphone brand, has finally introduced its Independence Day Campaign to enhance the festivities of this day of freedom. The duration...

How to Go Upstairs in SIMS 4 or Downstairs [Guide]

Years back, when I got my PS4, the game was one of my favorites, and I used to spend hours and hours creating characters...

How to Have Discord and Game Sound Separately

If you are wishing of playing games and doing audio calls simultaneously on the same desktop, but after strenuous reading of articles, you find...

Trending

93,356FansLike
2,569FollowersFollow
486FollowersFollow
4,934FollowersFollow
650SubscribersSubscribe

Leave A Reply

Please enter your comment!
Please enter your name here