Material Design новий стиль інтерфейсу від Google і його застосування в експериментальних налаштуваннях браузера Chrome

Грандіозні плани по впровадженню нового корпоративного стилю компанії Google - Material Design - передбачають в майбутньому зміну оболонки популярного браузера в світі Chrome. Поки що Material Design в актуальній версії браузера можна спостерігати тільки в розділі завантажень. Але при бажанні будь-який користувач може включити окремі експериментальні функції Chrome, щоб уже приступити до роботи з улюбленим браузером в його новому образі. Як включити окремі експериментальні функції Material Design в браузері Google Chrome, і що з цього вийде в підсумку - про це всім будемо говорити в цій статті. Але перш - кілька слів, власне, про сам стилі Material Design.

зміст:

  1. Новий стиль Google - Material Design;
  2. Експериментальні налаштування Chrome;
  3. Material Design в шапці Chrome;
  4. Розділ завантажень в стилі Material Design;
  5. Material Design для історії браузера;
  6. Розділ розширень і додатків в стилі Material Design.

1. Новий стиль Google - Material Design

Матеріальний дизайн - як бачимо з перекладу на російську мову назви нового стилю Google, покликаний надати реалістичність інтерфейсу продуктів компанії. На перший погляд плоский і позбавлений тривимірних ефектів Material Design, якщо придивитися ближче, насправді непростий і багатошаровий. Він сформований витонченою, ненав'язливою грою тіней, що відкидаються елементами. При їх виборі кліком комп'ютерної миші або дотиком на сенсорних пристроях елементи Material Design будуть віддавати більш насичену тінь, але, в той же час, без будь-яких різких контрастних ефектів. У елементів Material Design насичені однотонні кольори, чітко окреслені краю, але без гострих кутів. Перемикання між елементами інтерфейсу здійснюється плавно, без різких акцентів. В основі Material design лежить принцип типографського друку з читабельними (згладженими) шрифтами, нераздражающімі очей фоновими кольорами, правильними відступами між елементами, фокусуванням уваги в потрібних місцях, інтуїтивної навігацією.

Створення нового стилю було обумовлено необхідністю надання єдності всім веб-сервісів і програмних продуктів Google. Єдиний стиль інтерфейсу дозволить користувальницької аудиторії ідентифікувати компанію як творця її продуктів і відрізняти їх від веб-і програмних продуктів інших розробників.

Material Design - ще досить молодий проект. Офіційно він був представлений на конференції Google влітку 2014 року, але вже сьогодні впроваджено в багато продуктів компанії Google. Так, в стилі Material Design виконаний інтерфейс мобільної платформи Android, починаючи з версії 5.0. На цей стиль переведені багато веб-інтерфейси сервісів Google: хмарне сховище Google Drive (а разом з ним і офісні веб-додатки "Документи", "Таблиці", "Презентації"), замітки Google Keep, конструктор веб-форм Google Forms, аналізатор трендів пошукових запитів Google Trends, магазин Android-контенту Google Play, соцмережа Google+ та інші.

Для порівняння: на дату написання цієї статті не перейшли на Material Design і залишилися зі старим інтерфейсом такі веб-сервіси компанії, як відеохостинг YouTube, персональний календар Google Calendar, сайт новин Google News, сервіс пошуку по бібліотеці оцифрованих книг Google Books і інші.

2. Експериментальні налаштування Chrome

Окремі елементи Material Design в Google Chrome включаються в експериментальних налаштуваннях браузера. Доступ до них можна отримати при введенні в адресний рядок значення:

chrome: // flags

Вносячи зміни в експериментальні налаштування - хоч стосовно Material Design, хоч стосовно будь-яких інших функцій, необхідно пам'ятати про можливість повернути до початкового значення Chrome.

Забігаючи наперед, відзначимо, що після застосування всіх можливих елементів Material Design в експериментальних налаштуваннях Google Chrome не буде виглядати як доопрацьований продукт зі зміненим дизайном. На сьогоднішній день, крім згаданого вище розділу завантажень в стилі Material Design, що встановлено в актуальних версіях Chrome, перетворення в новий інтерфейс піддаються деякі складові браузера.

3. Material Design в шапці Chrome

Шапка актуальною на дату написання версії Chrome виглядає так:

У розділі експериментальних налаштувань знаходимо опцію "Оформлення Material Design" і в списку, що випадає виставляємо позицію "Material Design". Внизу вікна з'явиться кнопка перезапуску браузера для застосування нових налаштувань. тиснемо її.

Однак після перезапуску кардинальних змін в шапці Chrome не побачимо. Виявимо лише новий вид кнопки меню, знайомий багатьом по інтерфейсу Android, а також зміну кольору папок з закладками. Раніше жовтого кольору папки стануть сірими. І все.

4. Розділ завантажень в стилі Material Design

Щоб побачити Material Design в Chrome без застосування експериментальних налаштувань, досить відкрити розділ завантажень. Завантажені файли відображаються, як і годиться в цьому стилі, картками. Вгорі вікна виявимо поле пошуку за назвами завантажених файлів,

а також кнопку доступних для розділу завантажень опцій, знову ж таки, в стилі Android.

В експериментальних налаштуваннях цінителі старого дизайну розділу завантажень Chrome можуть повернути назад звичний інтерфейс. Для цього потрібно відшукати опцію "Включити Material Design на сторінці" Завантаження ", в випадаючому списку виставити положення" Відключено "і перезапустити браузер.

5. Material Design для історії браузера

Як виглядає розділ історії Google Chrome в новому стилі Material Design, поки що, на жаль, ми не дізнаємося. Напевно це буде небувале раніше зручність, адже, по ідеї, шукати потрібний сайт в хаосі всього відвіданого за кілька днів будемо по акуратно збудованим в ряд картками. Перехід розділу історії Chrome на Material Design експериментальними настройками передбачається, але на ділі ніякого ефекту не отримаємо. Історія браузера просто не буде відображатися. Можливо, в недалекому майбутньому опція експериментальних налаштувань "Включити історію Material Design" стане робочої.

6. Розділ розширень і додатків в стилі Material Design

Остання доступна на сьогоднішній день опція переходу на Material Design (благо, робоча) - це перетворення в новий стиль розділу розширень і додатків Chrome. Нагадаємо для початку традиційний вид цього розділу, який в рамках існуючого інтерфейсу відображається перемикається вкладкою в настройках браузера.

Щоб побачити розділ розширень в стилі Material Design, в експериментальних налаштуваннях шукаємо опцію "Включити розширення Material Design" і тиснемо напис "Увімкнути". перезапускаємо браузер.

Після перезапуску Chrome одягнений в Material Design розділ розширень більше не буде доступний окремої вкладкою в розділі налаштувань. Доступ до переліку встановлених розширень і додатків можна отримати альтернативним шляхом через пункт "Додаткові інструменти" в меню Chrome.

Або по-іншому - викликавши на будь-який з кнопок розширень на панелі інструментів браузера контекстне меню і вибравши пункт "Керувати розширеннями".

А ось і сам Material Design в розділі розширень і додатків:

Побачимо ту ж приємну фонову забарвлення, що і в розділі завантажень. Встановлений контент Chrome у вигляді карток буде акуратно розсортований окремо по розширень, окремо по додатках і окремо по ярликах сайтів.

Відмінного Вам дня!