Material 3 Expressive (M3) был создан для удовлетворения потребностей пользователей в современных, актуальных и уникальных впечатлениях. Expressive также позволяет дизайнерам отражать определенные эмоции и чувства в макете и представлении интерфейса.
Цвет и типографика
Цветовая система расширяется, чтобы принять более глубокие тональные палитры M3 и более широкий набор токенов, а более простая шкала типографики использует переменные оси шрифтов для большей выразительности, делая взаимодействие более выразительным и приятным.
Цветовая тематика
Новые токены позволяют применять больше цветов в различных темах и в контексте системы дизайна в целом.
Вариативные шрифты
Обновленные рекомендации по переменным шрифтам и их настраиваемым осям выходят за рамки 1P и охватывают также варианты использования 3P, такие как Roboto Flex, имеющий аналогичный набор переменных осей.
Ось переменного шрифта в движении
Использование переменной оси шрифта для передачи выразительной обратной связи по движению и для того, чтобы сделать взаимодействие более выразительным и приятным в использовании.
Примеры вариантов использования:
- Динамическая толщина шрифта
- Динамическая ширина шрифта
- Динамическая толщина и ширина шрифта
Тип ролей
Наряду с обновленной и оптимизированной шкалой шрифтов мы также представляем новые роли шрифтов, которые специально обслуживают заметные узоры на Wear.
Эти новые роли типов поддерживают несколько вариантов использования, включая Arc Text для заголовков поверхностей, проактивный контент с живым пространством и роль типа, специально предназначенную для цифр, которая позволяет использовать более крупные и стилизованные размеры текста для строк, которые не нужно локализовать.
Форма и движение
Мы также склоняемся к языку форм гораздо более обширным и осмысленным образом, используя гибкие формы контейнеров для применения скругления и заострения радиуса угла для поддержки списков морфинга форм и состояний кнопок. Мы представляем кнопки, обнимающие края, как новый владеемый и знаковый шаблон дизайна для круглых устройств на Wear.
Контейнеры, прилегающие к краям
Представляем контейнеры круглой формы, которые максимально используют пространство внутри круглого форм-фактора.
Примененная форма
Использование угловых радиусов и уникальных форм в качестве контейнеров для воплощения выразительного дизайна, включая восхитительные анимации загрузки, интересные макеты, кнопки с изменяющейся формой и адаптивные группы кнопок.
Радиус угла
Использование угловых форм Material 3 для обеспечения разнообразия, различия и взаимосвязи между формами контейнеров.
Сгруппированные контейнеры
Контейнеры компонентов используют гибкие методы компоновки для динамической адаптации к доступному пространству. Они могут равномерно распределять это пространство для симметрии или стратегически размещать элементы для установления визуальной иерархии, подчеркивать важный контент и направлять взаимодействие с пользователем с помощью выразительных и направляющих движение визуальных подсказок.
