Обзор
Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.
Material 3 Expressive — это новейшая система дизайна для нашего самого маленького экрана: часов. Оптимизированная для круглого форм-фактора, она приносит обновление дизайна, которое подчеркивает премиум и более высокий уровень экспрессии. Проектируйте и создавайте красивые и выразительные приложения для часов с помощью Material 3 Expressive.
Принципы выразительного дизайна
Выразительный дизайн возвышает каждый слой пользовательского интерфейса с помощью продуманных форм, анимации, цвета и типографики.
Круглые объятия
Material 3 Expressive представляет собой каркас формы, разработанный для круглых экранов. Он использует весь холст для оптимизации обзорности и визуального баланса.
Премиум-движение и пружины
Material 3 Expressive обновления делают навигацию естественной, премиальной и последовательной при всех переходах. Движение теперь пространственно соединяет поверхности. Они более точно реагируют на жесты пользователя, делая навигацию более интуитивной.
Изменение формы
Material 3 Expressive представляет фреймворк изменения формы для списков и кнопок выбора, оптимизированный для более премиального ощущения. Списки имеют плавную прокрутку на круглом форм-факторе.
Насыщенный цвет
Цветовая система расширяется, чтобы принять более глубокие тональные палитры и более широкий набор токенов, включенных в Material 3 Expressive. Добавление третьего акцентного цвета, а также большего количества вариантов токенов и более конкретных цветовых ролей привносит в систему дизайна как глубину, так и разнообразие.
Вариативные шрифты
Material 3 Expressive заменяет все экземпляры Roboto на Roboto Flex. Базовая шкала типа адаптирована и оптимизирована для закругленного экрана часов.
Контент и образцы кода на этой странице предоставлены по лицензиям. Java и OpenJDK – это зарегистрированные товарные знаки корпорации Oracle и ее аффилированных лиц.
Последнее обновление: 2025-07-29 UTC.
[[["Прост для понимания","easyToUnderstand","thumb-up"],["Помог мне решить мою проблему","solvedMyProblem","thumb-up"],["Другое","otherUp","thumb-up"]],[["Отсутствует нужная мне информация","missingTheInformationINeed","thumb-down"],["Слишком сложен/слишком много шагов","tooComplicatedTooManySteps","thumb-down"],["Устарел","outOfDate","thumb-down"],["Проблема с переводом текста","translationIssue","thumb-down"],["Проблемы образцов/кода","samplesCodeIssue","thumb-down"],["Другое","otherDown","thumb-down"]],["Последнее обновление: 2025-07-29 UTC."],[],[],null,["# Overview\n\nMaterial 3 Expressive is the latest design system for our smallest\nscreen: the watch. Optimized for the round form factor, it brings a design\nupdate which emphasizes premium and a greater level of expression. Design and\nbuild beautiful and expressive watch apps with Material 3 Expressive.\n\nExpressive design principles\n----------------------------\n\nExpressive design elevates each UI layer with thoughtful shape, animation,\ncolor, and typography treatments.\n\n### Embrace round\n\n\nMaterial 3 Expressive introduces a shape framework designed for round\nscreens. It uses the entire canvas to optimize glanceability and visual\nbalance. \n\n\u003cbr /\u003e\n\n### Premium motion and springs\n\n\nMaterial 3 Expressive updates make navigation feel natural, premium, and\nconsistent across all transitions. Motion now spatially connects surfaces.\nThey respond more accurately to user gestures, making navigation more\nintuitive. \n\n\u003cbr /\u003e\n\n### Shape morphing\n\n\nMaterial 3 Expressive introduces a shape morphing framework for lists and\nselect buttons, optimized for a more premium feel. Lists feature smooth\nscrolling on a round form factor. \n\n\u003cbr /\u003e\n\n### Rich color\n\n\nThe color system expands to adopt the deeper tonal palettes and wider\ntoken set included with Material 3 Expressive. The addition of a third\naccent color, along with more token variants and more specific color roles,\nbrings both depth and variety to the design system. \n\n\u003cbr /\u003e\n\n### Variable fonts\n\n\nMaterial 3 Expressive replaces all instances of Roboto with Roboto Flex.\nA baseline type scale is tailored and optimized for the watch's rounded screen. \n\n\u003cbr /\u003e"]]
