Material Design 2.0 и Android P

Google показал обновлённую дизайн-систему Material Design 2.0 ^[1] на конференции I/O. Это серьёзное изменение визуального стиля и расширение инструментария, первые звоночки которого появились ещё в марте ^[2].

Визуально Android P продолжил сближение с iOS (различия между платформами стираются с обеих сторон):

• Много скруглений ^[2], что сильно перекликается с iOS 10-11. Возможно, это сделано с прицелом на безрамочные телефоны, которых становится всё больше — это лучше сочетается с их скруглёнными краями экрана.

  

  

• Цвет настроения — белый ^[3]. Больше нет яркой шапки приложения и серых подложек, сплошное белое пространство с минимумом акцентов. В каких-то приложениях Google встречается цветная нижняя панель и сама идея акцентных цветов не уходит из гайдлайнов ^[4] но тенденция явная (включая веб Gmail ^[5] и Drive ^[6]).

  

• Навигация по операционке в духе iPhone X. Паттерн «рукоятки» ^[7] вместо кнопки «домой» с почти аналогичной механикой, отказ от отдельной кнопки списка приложений (также вызывается свайпом снизу), ну и ставшая официальной в последние годы нижняя панель навигации. Всё это помогает управлять современными телефонами, которые стали не только больше, но ещё и выше за счёт безрамочности. Кстати, в некоторых новых приложениях Google инструменты навигации почти везде внизу ^[8]. Осталось упростить кнопку «назад» (она уже пропала с домашнего экрана).

  

Можно назвать это вкусовщиной, но первая версия Material Design имела своё лицо и можно было говорить о характере бренда, выраженном в интерфейсе. Кто-то жаловался, что гайдлайны слишком жёсткие и делают приложения однояйцевыми. Но для многих компаний это был сильный ориентир — как можно создать ощущение единства продуктов без использования логотипа. Хотя поддерживать две платформы станет проще.

С другой стороны, теперь Material Design поддерживает более продвинутую тематизацию ^[9], чем просто замена цвета. Можно менять шрифтовую сетку, скругления элементов интерфейса (точнее, даже их форму — например, можно сделать диагональные скосы), иконки. К этому прилагается плагин для Sketch ^[10] (можно быстро примерить стиль на свой макет) и библиотека иконок ^[11] (в пяти стилях). Недавно обновлённые продукты Google также используют этот подход ^[12] (хотя их стиль как раз выхолощенный).

https://vk.com/video-157244248_456239017 ^[13]

И самое главное — теперь это полноценная дизайн-система с компонентами в коде ^[14], а не просто масштабные гайдлайны и шаблоны к ним с какими-то разрозненными примерами. Эти компоненты также поддерживают тематизацию, так что система выглядит целостной (сами компоненты начали появляться год назад). Новый сайт Material Design ^[1] сделал фокус на две составляющие — дизайн и разработка — более явным. Они также запустили давно обещанный инструмент Gallery ^[15], аналог Zeplin и Wake. Но это как-то вяло на фоне обещаний, данных после покупки Pixate (основатель ушёл в Figma) и Form (Гугл подтверждает репутацию сгнаивателя купленных компаний).

Из других интересных деталей анонса:

• Четыре цвета логотипа как основа визуального языка ^[16]. Это хорошо получилось в Gmail для веба — иконка «+» и цвета индикаторов чётко наследуют идею.

  

• Новый стиль иллюстраций Google ^[8].

  

• Похоже, для своих продуктов компания перейдёт на шрифт Google Sans ^[17].

  

• Самоограничения на использование телефона ^[18] и отдельных приложений ^[19]. Пользователь сам задаёт их, после этого приложение становится чёрно-белым, мотивируя прерваться. В ночное время телефон полностью переходит в такой режим.

  

• Проще настраивать частоту уведомлений ^[18]. Если пользователь несколько раз скрывает уведомление от приложения без прочтения, Android предложит скрыть его вообще. Наушники Pixel Buds могут зачитывать некоторые уведомления голосом ^[20].
• Интеграция сторонних приложений в результаты поиска и контекстные меню в качестве Slices и поиск по выделенному слову.

  

  

• Мобильный Сhrome поддержит дополненную реальность ^[21].
• Экспериментальная камера Google Lens научилась делать больше ^[22] и станет частью стандартного приложения ^[23].

Бета-версию уже можно поставить ^[24] на некоторые телефоны. Финальная версия появится осенью. Засучиваем рукава, работы будет много.

Автор: jvetrau

Источник ^[25]