Google has been working upon its new Material Design, and has been gradually implementing this design feature in its apps and services. This new face of design has proved successful since the past two years for all of Google’s apps. This is why Google wants to implement the same on the content on its browser. Thus, to ensure a consistent and high-quality user experience for its customers, Google recently announced that its upcoming Chrome browser will be adopting the Material Design too as its default rendering. This new release – the version 49.2 will be known as Chrome MD.
This new version will override site-defined CSS in deference to the Material Design specification. Everything from colours to fonts to images will be rendered according to Google’s design language. Anjeet Singh, Assistant Director of Marketing Production at Google design said, “We developed Material Design to provide our customers with the optimum user experience, and we believe they deserve that quality every time they use a Google product.”
In addition to rebranding the Web, another impact of this new update from Google will be a faster Web experience. This will be made possible by limiting the variables that its browser will be forced to render, which will increase the initial rendering of pages by around 17%. Generally, when no styles are defined, browsers need to poll for possible style definitions. But, Chrome MD skips this step and renders according to its internal style system, thus rendering Web pages faster than plain HTML with no CSS. Also, Chrome MD adopted Accelerated Mobile Pages which considerably reduces the browser’s workload.
Now, let us take a look at the various style options that have been restricted.
All text will be rendered using a single embedded font-family in Chrome MD. Moreover, it will be rendered in either black or white, which will be automatically selected based on the background colour. There will be rigid typography rules for sizes and line heights, and there will be no italic option.
The colour palette of Material Design is restricted to 256 colours. Thus, Chrome MD will not render any colour other than those 256 colours. For any colour other than this range, Chrome MD will render the colour closest to its closest Material Design equivalent. Moreover, gradients will not render at all. However, the lightest tint found in the gradient will be rendered.
Just like colour, even images will be restricted to the same. Every pixel in a bitmap image will render in one of the 256 defined colours. Even SVG colour values will be automatically converted.
A single CTA is mandatory to be included on a page. If not found, Chrome MD will render its own action button that will link to Google search results for whatever the bots determine as the primary keyword for the page.
Anjeet Singh has recommended all web designers to utilize the Material Design. He said, “Our primary concern is for the quality of our customers’ experience. And so we recommend all web designers employ Material Design best-practices to ensure they deliver a consistent experience for their clients across all devices and platforms.” You must hire the most professional website development company to design the most modern website for your business that can fulfill all the needs of Material Design.