Google анонсирует экспрессивный редизайн Material 3 для Android 16

На мероприятии The Android Show: I/O Edition компания Google сегодня анонсировала масштабный экспрессивный редизайн Material 3 для Android 16, который выйдет позже в этом году, начиная с устройств Pixel.

M3 Expressive для Android 16

С помощью Material 3 Expressive Google стремится добавить интерфейсу эмоциональность, делая всё более увлекательным и простым в использовании.

Google хвастается естественными, «пружинистыми» анимациями. Например, при закрытии уведомления вы почувствуете «приятную тактильную вибрацию», а другие находящиеся рядом уведомления «тонко отреагируют на ваше движение». Другие примеры включают «закрытие приложения в списке недавних приложений, игры со слайдером громкости или свайп вниз шторки [уведомлений]».

Размытие фона в панели быстрых настроек и уведомлений, а также в многозадачности Recents, добавляет ощущение глубины и сохраняет контекст при навигации по устройству. Обновленный дизайн включает новые адаптивные компоненты, «выделенную» типографику и «обновленные динамические цветовые темы».

Реклама — прокрутите дальше, чтобы увидеть больше контента

Google утверждает, что производительность останется высокой, и эти обновления не повлияют на время автономной работы.

Эти изменения (для Pixel) начинаются на экране блокировки: Google переместила некоторые элементы. Например, при наличии уведомлений дата и информация о погоде «At a Glance» теперь располагаются справа от угловых часов. В противном случае они появляются под полным временем, прямо над кругом отпечатка пальца.

Live Updates будет отображать уведомления от приложений для доставки, совместных поездок и навигации на экране блокировки и всегда включенном дисплее (AOD). Когда телефон разблокирован, вы можете нажать на метку Live Updates рядом со временем, чтобы отобразить полное уведомление, а также оно появится первым в списке уведомлений.

В строке состояния появились новые значки, которые в целом разделяют элементы. «At a Glance» на главном экране стал немного компактнее.

Когда вы потянете шторку вниз, вы заметите размытие, благодаря которому обои (в приведенном выше примере) видны на заднем плане. Внизу расположены кнопки в форме таблеток для истории уведомлений, очистки всех уведомлений и настроек оповещений.

Этот эффект присутствует при открытии полной панели быстрых настроек с изменяемыми по размеру плитками, позволяющими разместить больше действий. В целом, плитки QS переходят от таблеток к закругленным прямоугольникам при активации. Вверху находится более квадратный слайдер яркости с заметной ручкой, а слайдер громкости получил такое же оформление.

Этот экспрессивный редизайн Material 3 появится в Android 16 позже в этом году, начиная с устройств Pixel. Material 3 Expressive также начнет появляться в приложениях Google, включая обновленный Google Keep и новый виджет Gemini, относящиеся к этому новому языку дизайна.

• Wear OS 6 получает экспрессивный редизайн Material 3, Gemini
• Gemini появится в Android Auto с Live, автоматическим переводом и многим другим [Видео]
  • Gemini все еще заменяет Assistant на Google TV, но не раньше «конца этого года»
• Приложение Google «Find My Device» теперь называется «Find Hub»
  • Google добавит UWB для трекеров Android «в этом месяце», а также интеграцию с багажом и авиакомпаниями
• Расширенная защита Google добавит кнопку максимальной безопасности в Android 16
  • Key Verifier предоставит расширенную защиту от мошенничества в Google Сообщениях
• Google заявляет, что в США ежедневно отправляется 1 миллиард сообщений RCS после принятия iPhone

M3 Expressive для приложений

Material 3 Expressive описывается как эволюция Material 3, который был анонсирован в 2021 году. Это не «M4» и не новая версия системы дизайна. Google заявляет: «Экспрессивные интерфейсы оказывают эмоциональное воздействие, способствуя связи, вызывая чувства или настроение через визуальный дизайн и взаимодействие».

Он начинается с пятнадцати новых или обновленных компонентов, которые более настраиваемы благодаря новым «вариантам форм, выделенному тексту и другим экспрессивным обновлениям». Новые компоненты сегодня включают: Группы кнопок, Меню FAB, Индикаторы загрузки, Раздельные кнопки и Панели инструментов.

Тем временем Google обновила: Панели приложений, Карусели, Обычные кнопки, Расширенные FAB, FAB, Кнопки с иконками, Панели навигации, Навигационные рейлы и Индикаторы прогресса.

Затем у нас есть новая система Motion-physics, которая «делает взаимодействия и переходы более живыми, плавными и естественными».

Пространственные пружины имитируют физику реального движения объектов, делая анимацию четкой и предсказуемой. Эффект пружин создает плавные переходы для изменений цвета и прозрачности.

Material 3 Expressive использует стили типографики для выделения иерархии информации и важных действий:

Новые стили текста для переменных и статических шрифтов могут использоваться для выражения диапазона эмоциональных состояний, автоматической регулировки переменных для удобочитаемости и поддержки смелых редакционных макетов.

Google предлагает новый набор из 35 форм, которые могут использоваться для аватаров, обрезки изображений и других декоративных деталей.

Встроенная анимация морфинга форм позволяет плавно переходить от одной формы к другой. Это может быть динамично или так же просто, как переход квадрата в круг.

Что касается цвета, то расширенный диапазон призван «усилить иерархию и выделить ключевые действия».

Экспрессивные экраны из спекулятивного приложения для обмена сообщениями, демонстрирующие диапазон возможных цветовых тем

Google предлагает разработчикам экспрессивные приемы, чтобы «помочь направить внимание зрителя на наиболее важные элементы экрана». Это включает использование форм, цветов, типографики, контейнеров и анимации.