Check out Google’s new Material Design 3

With the Material You theme people are now able to customize devices as their like. The color palette has very expressive colors users modify to their demands and interest. Material You debuted in 2021 and then Google brought it into most of the apps. Recently, the Gmail app, they also design based on Material You. Now, the company on Material.io introduced some samples of Material You Design 3.

The company redesigned Material Design with 3 elements this month. Material.io is an online textbook for designing the app’s UI.

For this refresh, the Material.io team showcased new features and components while also demonstrating how Material 3 principles can be extended to solve product-specific use cases, in our case, a rich library of information to help designers and developers build beautiful products.

Through the Material.io user can design their device’s UI with the dynamic Color that leverages a set of imagery ranging in style, color, and subject matter.

The dynamic color transformation creates a holistic visual experience by having the site reflect the content a reader is consuming, and demonstrates Material Design 3’s new color system which uses a unique palette of tones and compliments.

Add Realmicentral to your Google News feed.   Follow US On Google News

On other hand, you can design UI based on a dark theme. Google made it so that key images respond to the different modes. The site also avoids green, given red-green colorblindness, and uses other colors as per requirement. In terms of site navigation, Google combined the new navigation rail with the navigation drawer using a simple hover. It helps in interaction which gives readers a sense of ergonomic speed and quickly provides an overview of the site’s content with relative ease. Tabs and tables of contents are the other primary forms of navigation.

In this now you use new bullet points as cookie shapes:

Applying these shapes to bullet points at such a small scale, and randomly rotating them with some simple CSS provides a sense of understated iconoclasm, pushing visual expression for the sake of expression, rather than strict utility.

This enables you to design on the motion front, there are full-screen pages, vertical slides, and lateral transitions. Similarly:

Icons react by increasing in weight while hovering and decreasing in weight upon press; this again again provides a sense of magical energy and utility. For navigation components, icons become filled when an item is selected.

Material Design 3 First

Lastly, Material You really give new look to the device UI. Customize your devices as you like.

If you like our news and you want to be the first to get notifications of the latest news, then follow us on Twitter and Facebook page and join our Telegram channel. Also, you can follow us on Google News for regular updates.

Leave a Comment