Обзор

Material 3 Expressive — это новейшая система дизайна для нашего самого маленького экрана: часов. Оптимизированная для круглого форм-фактора, она приносит обновление дизайна, которое подчеркивает премиум и более высокий уровень экспрессии. Проектируйте и создавайте красивые и выразительные приложения для часов с помощью Material 3 Expressive.

Принципы выразительного дизайна

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

Круглые объятия

Material 3 Expressive представляет собой каркас формы, разработанный для круглых экранов. Он использует весь холст для оптимизации обзорности и визуального баланса.

«Кнопка проверки внизу имеет изогнутый нижний край»

Премиум-движение и пружины

Material 3 Expressive обновления делают навигацию естественной, премиальной и последовательной при всех переходах. Движение теперь пространственно соединяет поверхности. Они более точно реагируют на жесты пользователя, делая навигацию более интуитивной.

Изменение формы

Material 3 Expressive представляет фреймворк изменения формы для списков и кнопок выбора, оптимизированный для более премиального ощущения. Списки имеют плавную прокрутку на круглом форм-факторе.

Насыщенный цвет

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

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

Вариативные шрифты

Material 3 Expressive заменяет все экземпляры Roboto на Roboto Flex. Базовая шкала типа адаптирована и оптимизирована для закругленного экрана часов.