Fast Co Design

  • Material Design is Google’s guide to Android app design, but Material Theming is the tool to actually implement that design.
  • Google announced Material Theming and its companion site, Material.io, at Google I/O 2018.
  • Finally, designers will be able to easily work within Material Design right from step one of the design process.

Google first announced Material Design – its universal design language for Android and the web – at Google I/O 2014. Since then, millions of Android apps (including the entire Google Suite) have adopted the design aesthetic, bringing uniformity to Android’s UI.

However, that doesn’t mean that Material Design’s implementation was perfect. Ask any Android app designer about the Material Design guidelines, and you’ll get an earful about the issues and complications present with Material Design’s rules.

Editor’s Pick

How to use Material Design in your Android apps

Material design is an important aspect of any UI because it makes apps compelling. We are visual beings and even though an app might have cool features, a poor the design will lead to users …

That’s why at this year’s Google I/O, Google is introducing Material Theming (via Fast Co Design), along with a new website called Material.io. Google hopes that Material Theming will help designers feel less restricted by Material Design and simultaneously make it easier for even novice designers to make their apps beautiful.

Material Theming is a plugin for the prototyping application Sketch. Developers use Sketch to create the overall aesthetic of an application to give developers and investors a better idea of how everything will look together. Using Material Theming, designers can quickly and easily apply Material Design guidelines to their work, without having to comb through each and every element to ensure it complies.

Material Theming also solves another problem designers faced, which was sameness. Since Material Design is a vast and pretty complicated system, many designers just stuck to the core tenets of the language to avoid diving too deep. This resulted in many apps looking remarkably similar to each other, with non-Google apps looking like they were made by Google.

Editor’s Pick

Check out the Material Design Refresh of the Google I/O 2018 app

First, there was Material Design: a design language put together by Google to give clear instructions on how to design Android products to match the intended aesthetic of the operating system. Now, this year we …

Now, using algorithms built-in to Material Theming, designers can simply click a few times and apply Material Design across their entire body of work. If they don’t like certain things the algorithm chooses, they can change it, but the changes will always adhere to Material Design’s guidelines.

Google

Certain aspects of app design like fonts, spacing, colors, etc., are all included in the initial rollout of the Material Theming plugin. However, more design aspects – or “systems” as Google refers to them – will be added in monthly updates to Material Theming. These new systems could include animations, stroking, shadowing, and more.

Google hopes that Material Theming and the companion site Material.io will give designers plenty of tools to create beautiful apps that adhere to Material Design while still being unique enough to differentiate the apps from Google products.

Editor’s Pick

Google looks to give Chrome a fresh coat of Material Design paint

Google remains tight-lipped about its future design direction, but the company is testing a Material Design design refresh of its Chrome web browser.

According to 9to5Google, you can enable the design refresh in version 68 of …

In the future, Google hopes to try to develop the ability for Material Theming to make design decisions based on abstract thoughts rather than basic color schemes and the like. For example, an app that’s focused on meditation could be described as “calming,” and Material Theming would theme it appropriately. Then, designers could complement abstract design thoughts with structured design ideas, like, “I want my app to be calming with a blue tone with soft edges.” Material Theming would then pop out the design.

This is all hypothetical at the moment, but at least Google is ready to give designers the tools they need to work within Material Design. After all, it’s one thing to hand designers a giant rulebook and say, “Here are the instructions,” and another thing to hand them a tool chest and say, “Here are the tools.”

NEXT: 15 best Material Design apps for Android

Go to Source
Author: C. Scott Brown

Go to Source
Author: Appster