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

Грандіозні плани по впровадженню нового корпоративного стилю компанії 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 у вигляді карток буде акуратно розсортований окремо по розширень, окремо по додатках і окремо по ярликах сайтів.

      Ссылка на основную публикацию