Грандіозні плани по впровадженню нового корпоративного стилю компанії Google - Material Design - передбачають в майбутньому зміну оболонки популярного браузера в світі Chrome. Поки що Material Design в актуальній версії браузера можна спостерігати тільки в розділі завантажень. Але при бажанні будь-який користувач може включити окремі експериментальні функції Chrome, щоб уже приступити до роботи з улюбленим браузером в його новому образі. Як включити окремі експериментальні функції Material Design в браузері Google Chrome, і що з цього вийде в підсумку - про це всім будемо говорити в цій статті. Але перш - кілька слів, власне, про сам стилі Material Design.
зміст:
- Новий стиль Google - Material Design;
- Експериментальні налаштування Chrome;
- Material Design в шапці Chrome;
- Розділ завантажень в стилі Material Design;
- Material Design для історії браузера;
- Розділ розширень і додатків в стилі 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 у вигляді карток буде акуратно розсортований окремо по розширень, окремо по додатках і окремо по ярликах сайтів.
Відмінного Вам дня!