Material Design: new style of interface from Google and its application in the experimental settings of the Chrome browser

By | 10.12.2018



Material Design: the Google interface and its application in experimental settings of Chrome browser

Ambitious plans for introduction of new corporate style of Google Material Design for future change shell most popular browser in the world Chrome. Yet Material Design in the current version of the browser can be seen in the download section. But if desired, any user may include certain experimental features in Chrome to get to work with your favorite web browser in its new guise. How to include certain experimental features of Material Design in the Google Chrome browser, and what happens in the end – everybody will tell you in this article. But first, a few words, actually, about the style Material Design.

Contents:

  • New style of Google Material Design;
  • Experimental settings Chrome;
  • Material Design in Chrome cap;
  • The downloads section in the style Material Design;
  • Material Design to the browser history;
  • Section extensions and apps with Material Design.
  • 1. New style of Google Material Design

    Material design – as you can see from the translation into the Russian language the name of the new style Google, is intended to give realism to interface the company’s products. At first glance, flat and three-dimensional effects devoid of Material Design, if you look closer, in fact, complicated and multi-layered. He formed a subtle, unobtrusive play of shadows cast by the elements. If selected by clicking a computer mouse or touch on touch devices elements of Material Design will give a more saturated shade, but at the same time, without any abrupt contrast effects. The elements of Material Design rich solid colors, clearly defined edges, but without sharp corners. Switching between interface elements is carried out smoothly, without sharp accents. The basis of Material design is the principle of a typographic print with a readable (smoothed) fonts, non-irritating to the eye background colors, correct spacing between elements, focusing attention in the right places, intuitive navigation.

    To create a new style was due to the necessity of giving unity to all web services and software products Google. A single style of user interface will allow the audience to identify the company as a Creator of its products and distinguish them from web and software products of other developers.

    Material Design is a fairly young project. Officially, he was featured at Google in the summer of 2014, but is already implemented in many products of Google. So, in the style Material Design made the interface of Android, starting with version 5.0. This style translated many web service interfaces, Google cloud storage, Google Drive (and with it the office web application Documents, Sheets, Slides), notes, Google Keep, designer web forms Google Forms, analyzer of trends in search queries, Google Trends, store Android-Google Play content, Google+ social network and other.

    Material Design: новый стиль интерфейса от Google и его применение в экспериментальных настройках браузера Chrome

    For comparison: at the date of writing this article is not moved to Material Design and stayed with the old interface, these web services like YouTube, calendar Google Calendar, site news, Google News, the search service at the library of digitized books Google Books and others.

    2. Experimental settings Chrome

    Individual elements of Material Design in Google Chrome included in the experimental settings of the browser. Access can be obtained when you enter into the address bar values:

    chrome://flags

    Making changes in the experimental settings – at least with regards to Material Design, at least with regards to any other functions, you need to remember about the possibility to revert to the default settings Chrome.

    Material Design: новый стиль интерфейса от Google и его применение в экспериментальных настройках браузера Chrome

    Looking ahead, we note that after applying all possible elements of Material Design in experimental settings Google Chrome will not look as refined product with modified design. Today, in addition to the above mentioned the downloads section in the style Material Design that comes pre-installed with current versions of Chrome, the transformation to the new interface give a few components of the browser.

    3. Material Design in Chrome cap

    Hat as up to date as of writing version of Chrome looks like this:

    Material Design: новый стиль интерфейса от Google и его применение в экспериментальных настройках браузера Chrome

    In the experimental settings, find the option «Design of Material Design» in the drop down list offered the position of «Material Design». At the bottom a button to restart the browser to apply the new settings. Click it.

    Material Design: новый стиль интерфейса от Google и его применение в экспериментальных настройках браузера Chrome

    But after restarting drastic changes in the header Chrome will not see. Find a new look menu buttons, familiar to many of the Android interface, as well as the color change of the bookmark folders. Earlier, the yellow folders will turn grey. And that’s all.

    Material Design: новый стиль интерфейса от Google и его применение в экспериментальных настройках браузера Chrome

    4. The downloads section in the style Material Design

    To see Material Design in Chrome without the use of experimental settings, simply open the downloads section. Downloaded files are displayed as expected in this style, cards. At the top of the window find the search box by names of the downloaded files

    Material Design: новый стиль интерфейса от Google и его применение в экспериментальных настройках браузера Chrome

    as well as a button available for the downloads section of options, again, in the style of Android.

    Material Design: новый стиль интерфейса от Google и его применение в экспериментальных настройках браузера Chrome

    In experimental settings, the lovers of the old design downloads section of Chrome can bring back a familiar interface. You need to find the option «Enable Material Design on the page «Downloads» in the drop-down list to set the «off» position and restart the browser.

    Material Design: новый стиль интерфейса от Google и его применение в экспериментальных настройках браузера Chrome

    5. Material Design to the browser history

    Looks like the history section of Google Chrome in the new style Material Design, so far, unfortunately, we do not know. Surely this will be a great convenience, because, in theory, to find the desired site in the chaos of all visited for a few days we will carefully lined up the cards. The transition section of the history of Material Design on Chrome experimental settings provided, but no effect will receive. Browser history just won’t appear. Perhaps in the near future, the option of experimental settings «to Turn on the Material Design» will be working.

    Material Design: новый стиль интерфейса от Google и его применение в экспериментальных настройках браузера Chrome

    6. Section extensions and apps with Material Design

    Recent available in date option the transition to Material Design (good working) is the transformation in the new style section extensions and Chrome applications. Recall to begin the traditional view of this section that in the framework of the existing interface switching tab in the browser settings.

    Material Design: новый стиль интерфейса от Google и его применение в экспериментальных настройках браузера Chrome

    To see the extensions section of the style Material Design, in experimental settings looking for the option «Enable extensions Material Design» and click the word «Include». Restart the browser.

    Material Design: новый стиль интерфейса от Google и его применение в экспериментальных настройках браузера Chrome

    After restarting Chrome clad in Material Design section of the extension will no longer be available as a separate tab in the settings section. Access to the list of installed extensions and apps you can get alternative by using the «Additional tools» in the Chrome menu.

    Material Design: новый стиль интерфейса от Google и его применение в экспериментальных настройках браузера Chrome

    Or in another way- by calling on any of the extension buttons on the toolbar of the browser context menu and selecting «Manage extensions».

    Material Design: новый стиль интерфейса от Google и его применение в экспериментальных настройках браузера Chrome

    And here is the Material Design in the section of extensions and applications:

    Material Design: новый стиль интерфейса от Google и его применение в экспериментальных настройках браузера Chrome

    Will see the same nice background coloring, as in the download section. Installed the Chrome content in the form of cards will be carefully graded separately on the extensions, separate applications and separate labels sites.




    Добавить комментарий

    Ваш e-mail не будет опубликован. Обязательные поля помечены *