Какие выразительные редизайны Google Material 3 выходят [Обновлено]

Google анонсировала свой новый язык дизайна в мае. Redesign Material 3 Expressive с тех пор внедряется в приложения Google, но запуск Pixel 10 действительно дал старт этому процессу. Вот наш список того, что доступно и что еще предстоит выпустить на телефонах Android.

Обновлено 24.08: Обратитесь к таблице, чтобы узнать, что нового и обновленного.

В процессе внедрения

[Новое] Pixel Recorder

Этот редизайн Material 3 Expressive призван значительно упростить Recorder. Например, для большинства действий на странице записи есть выпадающее меню. Интерфейс захвата также был упрощен.

Подробнее

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

[Новое] Pixel Weather

На главной странице Pixel Weather увеличены карточки городов. Раньше можно было видеть 10 местоположений, теперь только шесть, но включены данные о максимуме и минимуме. Есть небольшие изменения в представлении города, а главное обновление — это нативные виджеты для домашнего экрана.

Подробнее

[Новое] Pixel Buds

Крупное обновление коснулось эквалайзера и настроек жестов для наушников Bud.

Подробнее

[Новое] Google Clock

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

Подробнее

[Новое] Google Calculator

В версии 9.0 скрыт ряд научных функций, а также появилась кнопка истории (но жест свайпа вниз остался).

Подробнее

Google Drive

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

Подробнее

Gmail

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

Gmail заимствует панель поиска, которая перемещает кнопку-гамбургер и переключатель профиля за пределы поля, которое теперь стало толще.

Google Wallet

«Wallet» был заменен логотипом приложения в верхнем левом углу, а список пропусков под каруселью теперь использует более толстые карточки. Страница последних действий была обновлена с использованием контейнеров.

Анимация NFC tap-to-pay получает M3 Expressive. Фон теперь полупрозрачный, а ваша карта подпрыгивает вверх и вниз как часть более анимированной анимации успеха. Google также представляет новый оверлей для пользователей Pixel с жестом двойного нажатия кнопки питания.

Digital Wellbeing

В стиле M3 Expressive обновлена только главная страница этого «приложения» (в разделе «Настройки»). Помимо контейнеров, пончиковая диаграмма стала толще. Это внедряется с бета-версией 1.30.x.

Google One

Приложение переходит на укороченную нижнюю панель, а карточки (и настройки) размещаются в более заметных контейнерах. Тем временем Google One удалил свои инфографики, сделав приложение более плотным.

Подробнее

Google Messages

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

Запущены 

[Новое] Google TV

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

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

Подробнее

[Обновлено] Google Keep

Google Keep использует новый компонент панели поиска M3 Expressive, который перемещает кнопку-гамбургер и переключатель профиля за пределы строки поиска, которая теперь стала толще. Другое основное обновление касается страницы заметок, где все кнопки (Архивировать, меню «плюс», дополнительные настройки и т. д.) размещены в контейнерах.

Подробнее

[Обновлено] Phone by Google

В отличие от других приложений, Phone by Google использует Material 3 Expressive как возможность для полного обновления. Нижняя панель изменяется с четырех вкладок на три, при этом «Избранное» и «Недавние» становятся «Главной». Появилась новая вкладка «Клавиатура», заменяющая FAB, а «Голосовая почта» осталась без изменений. Контакты теперь можно найти в навигационном меню. Все вызовы и списки (включая настройки) используют контейнеры.

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

Подробнее

[Обновлено] Google Photos

Новый индикатор резервного копирования в верхней части приложения заменяет «Google Photos». При запуске вы ненадолго видите анимированный логотип, превращающийся в «Резервное копирование завершено». Вы можете провести пальцем вниз (pull-to-refresh), чтобы увидеть циклические формы Material 3 Expressive на фоновом слое, который также показывает, сколько данных у вас хранится в облаке. Когда происходит резервное копирование, появляется волнообразный индикатор прогресса.

Подробнее

  • Google Photos Backup redesign
  • Google Photos Backup redesign
  • Google Photos Backup redesign
  • Google Photos Backup redesign
  • Google Photos Backup redesign

[Новое] Google Password Manager

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

Подробнее

[Обновлено] Google Calendar

Временные слоты (часы и дни) помещены в свой собственный закругленный контейнер в различных представлениях приложения (День, Неделя, Месяц). Это заменяет ранее использовавшиеся бледные линии, а в основном цвете Dynamic Color теперь есть сплошной фоновый слой.

Подробнее

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

[Новое] Find Hub

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

Подробнее

[Новое] Files by Google

На главной странице присутствует анимированный карусель Material 3 с панелью инструментов в форме пилюли для Quick Share и сканирования документов, а также используется навигационная панель. При открытии изображения появляется панель инструментов для редактирования и функция Circle to Search. В списках увеличены предварительные просмотры слева.

Подробнее

Google Контакты

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

Подробнее

Google Документы, Таблицы и Презентации

Обновления в этих трех приложениях касаются интерфейса редактора с новым индикатором выполнения Material 3 Expressive progress indicator при ожидании загрузки документов. По всей области используются кнопки в форме пилюли, а панель форматирования полностью модернизирована, в том числе с использованием компонента split button.

Подробнее

Google Meet

Google Meet — первое приложение, в котором широко внедрен редизайн Material 3 Expressive. На главной странице каждый звонок помещен в большую/высокую карточку в рамках активного использования контейнеров в M3E.

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

Подробнее