В преддверии I/O 2022 Google обновил свою документацию по дизайну, добавив новейшие компоненты Material 3. Это стало продолжением первоначальных добавлений, сделанных в октябре.
В Material 2 нижняя панель приложений (как, например, в Google Tasks) имела плавающую кнопку действия (FAB), которая располагалась по центру и либо парила над панелью, либо для неё был специальный вырез. В Material 3 нижние панели приложений содержат FAB непосредственно у правого края экрана.
Предназначенные для отображения навигации и других ключевых действий, нижние панели приложений в результате стали выше, при этом у них больше нет тени (для создания эффекта высоты), и этот элемент совместим с Dynamic Color.
Нижние панели приложений привлекают внимание к важным действиям на экране и плавающей кнопке действия (FAB).
Тем временем Google добавил статьи о двух новых типах кнопок M3:
Кнопки-иконки помогают пользователям выполнять дополнительные действия одним касанием. Они используются, когда требуется компактная кнопка, например, на панели инструментов или в списке изображений.
Ранее известные как кнопки-переключатели (toggle buttons), они доступны в стандартном (1) и ограниченном (2) типах. Google также советует добавлять для них «всплывающую подсказку, которая описывает действие кнопки, а не название самой иконки» при наведении курсора.
Сегментированные кнопки помогают пользователям выбирать опции, переключать представления или сортировать элементы.
Теперь в сегментированных кнопках используется регистр предложений вместо заглавных букв.
Также появилась документация по текстовым полям, примечательным дополнением в которой стала совместимость с темами.
Наконец, в прошлом году в Android 12 был представлен новый дизайн переключателя, но сегодня в Material 3 он стал официальным. По сравнению с тем, что уже используется в Android, новый дизайн уже, но немного выше. Другим важным аспектом является возможность круглого ползунка переключателя содержать иконку.
Подробнее о Material:
- Google Новости готовят редизайн в стиле Material You [Галерея]
- Google Переводчик для Android выпускает два универсальных виджета в стиле Material You [Обновлено]
- Android 13 Beta 1: 12 новых двухцветных «Основных цветов» и стилей тем Material You
Дилан Руссель внёс вклад в написание этой статьи