As in previous years, this year, Google still invested a little effort on Material Design to push the whole design language into the whole Google product system. At present, the overall design style of Material Design is operated by the independent department within Google, not relying on specific products, and has a lot of cooperation with external designers. Material Design is no longer a simple design language or aesthetic specification, it has a lot of dimensions, even to the design process, and has a number of independent design tools to help designers to help people better finish the design.
But recently, a new video about Material Design has gone crazy on Youtube, and the style of Material Design in the video has been further evolved and redesigned, very interesting. And what’s more interesting is that the video was soon put off, and it was incomparably curious.
After careful understanding, it was found that the video came from designer Adam Grabowski and Nicolo Bianchino. The two designers, though not inside of Google, were external collaborating designers of the previous Material Design department, who had participated in the related design and CO produced video content.
Video is widely spread on social media, and many of the internal employees of Google are also involved in video forwarding on Twitter. In this view, video itself is not the content of the sneak run, but it is also unofficial release. It should be really defined as a senior hard core Material Design style enthusiast. I understand the two creation based on it.
At the end of the video, the designer did not use the words of Material Design, but used the Google Material, on the one hand, to distinguish the design style of the current Material Design, on the other hand, to avoid the relevant copyright and legal issues.
In addition to the details of other interface designs left out, the design style presented in the video shows an obvious continuation of the main spirit of the current Material Design design, including the “paper” metaphor, but mainly in the shadow of the element. The use of card elements and large color blocks is clearly reduced, with the help of whiten and typesetting. With more fresh white background and linear icons, it creates a more modern and simple UI design.
1. font typesetting
The overall design of the font extends the features of the previous modern and geometric contour, but the width of the font is properly fined, and the overall visual experience is more modern.
In the layout layout, through the strong contrast of different sizes and sizes, the overall sense of hierarchy is constructed.
2. color matching
At present, when the color matching is demonstrated, the four classic colors of the Google brand are used, which is the same as the flat color matching used in the Material Design.
However, in the demonstration process, not all background presentations used white.
Since the redesign is more simple and modern, the use of icons and other elements, most of the use of linear monochrome icons, is also reflected in the UI interface.
4. UI design
Let’s take a look at the design style of the previous Material Design, typical card designs, large color blocks and very prominent shadows. In the whole layout, the UI control with color is a typical CTA element, and is also the most advanced on the level.
In contrast, in this redesign, the shadow is retained, but it is generally desalinated and more subtle, and the eye – catching round button is more than the white button + color icon.
On the other hand, the selected items are also marked with very light colors, which gives a vivid expression to the use of “subtle” colors in this edition.
The sense of hierarchy in the UI layout is no longer distinct from the use of color blocks and cards, but more with the use of whiten and distance control to give the entire UI a sense of hierarchy. The selected elements, for example, are superimposed with light colors that match the current UI color, which makes the UI design more consistent and unified. These designs are generally considered to be more “modern”, more in line with the spirit of minimalism, and more in line with current design trends.
5. APP design
The following is the current UI design of Google’s APP, which can be said to be a very standard Material Design.
In contrast, the redesigned APP’s UI interface is very consistent with the features of “All-White”, which has been removed, and a large area of white background creates a sense of modern simplicity. In order to carry out this experience, color icons are mostly replaced by shaded white buttons and colorful linear icons.
With the desalination and reduction of UI controls in priority, the content of text and pictures has been improved throughout the layout, and users will be more likely to notice text and picture content.
Although the redesign was not officially created by Google, it was also associated with the Material Design team at Google. Since it can be released and shared, naturally, it is not a strategic design material. But this design is very consistent with the current trend of design, in the design ideas, and Google design ideas have a consistent place, otherwise it will not be so much recognized by the internal staff of the Google.
Perhaps in the future Material Design, we can see a common place with this design. Who knows?