Google обновила документацию по Material Design 3 c новыми плавающими кнопками действия, переключателями и многим другим

За несколько часов до I/O 2022 компания Google обновила свою документацию по дизайну, добавив в нее последние компоненты Material 3.

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

Нижние панели приложений предназначены для навигации и других ключевых действий, и с приходом Material 3 они стали выше, в результате чего больше нет тени (для повышения высоты), а сама панель совместима с динамическими цветами Android 12. 

Нижние панели приложений привлекают внимание к важным действиям на экране и плавающей кнопке действий (FAB).

Кроме того, Google добавил статьи для еще двух типов Material 3 кнопок:

Кнопки-иконки помогают людям выполнять дополнительные действия одним нажатием. Они используются, когда требуется компактная кнопка, например, на панели инструментов или в списке изображений.

Ранее известные как кнопки-переключатели, кнопки-иконки бывают стандартного (1) и содержащего (2) типов. Google рекомендует при наведении на них включать "всплывающую подсказку, описывающую действие кнопки, а не название самого значка".

Сегментированные кнопки помогают людям выбирать опции, переключать виды или сортировать элементы.

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

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

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

Источник: 9to5Google