Material You делает короткую нижнюю панель официальной, добавляя больше «выразительной» анимации

На конференции I/O 2023 команда Material представила обзор того, что ждет приложения Google на больших экранах, таких как складные устройства и планшеты. Одной из таких целей стало повышение выразительности Material You, и теперь это воплощается в жизнь, а также появится короткая нижняя панель.

Официально нижняя (навигационная) панель Material 3 должна быть высокой. Большинство собственных приложений следуют этому правилу, но есть несколько заметных исключений, например, новая упрощенная нижняя панель Google Maps.

Как поделился Дилан Руссель сегодня (и видно выше), Material 3 скоро сделает это официальной «Короткой навигационной панелью». Это существующий дизайн, но с меньшими полями сверху и снизу. Тем временем такие приложения, как Gmail, отказались от меток, чтобы быть еще более компактными.

На средних экранах, таких как складные устройства, Короткая навигационная панель размещает метки рядом с иконкой.

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

В контексте планшетов и складных устройств Google считает, что больший холст позволяет приложениям быть более выразительными. Material продемонстрировал:

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

Material 3 получает новые компоненты в поддержку этого видения, начиная с переключателей Toggle Buttons, которые при нажатии меняются с закругленного прямоугольника на прямоугольник с более острыми углами, а затем на «пилюлю» при переключении.

Еще более приятными являются группы кнопок Button Groups, где расширяющаяся кнопка заставляет другие вокруг нее сжиматься.

В области движения есть две категории. Пространственная (Spatial) — это когда компоненты меняют границы или формы, а Эффект (Effect) отражает изменения, такие как сдвиг цветов при касании. Длительность включает Медленную (Slow), Стандартную (Default) и Быструю (Fast).

Наконец, в разделе компонентов — широкая навигационная панель (Wide Navigation Rail, которая отличается от выдвижного меню).

Больше о Material You: