Descripción general
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Material 3 Expressive es el sistema de diseño más reciente para nuestra pantalla más pequeña: el reloj. Está optimizado para el factor de forma redondo y ofrece una actualización de diseño que enfatiza la calidad premium y un mayor nivel de expresión. Diseña y compila apps para relojes atractivas y expresivas con Material 3 Expressive.
Principios del diseño expresivo
El diseño expresivo eleva cada capa de la IU con tratamientos de forma, animación, color y tipografía bien pensados.
Ronda de abrazos
Material 3 expresivo presenta un framework de formas diseñado para pantallas redondas. Usa todo el lienzo para optimizar la visibilidad y el equilibrio visual.
Movimiento y resortes premium
Las actualizaciones expresivas de Material 3 hacen que la navegación se sienta natural, premium y coherente en todas las transiciones. El movimiento ahora conecta espacialmente las superficies.
Responden con mayor precisión a los gestos del usuario, lo que hace que la navegación sea más intuitiva.
Transformación de formas
Material 3 expresivo presenta un framework de transformación de formas para listas y botones de selección, optimizado para brindar una sensación más premium. Las listas incluyen un desplazamiento suave en un factor de forma redondo.
Colores vivos
El sistema de colores se expande para adoptar las paletas tonales más profundas y el conjunto de tokens más amplio que se incluye en Material 3 expresivo. La adición de un tercer color de contraste, junto con más variantes de tokens y roles de color más específicos, aporta profundidad y variedad al sistema de diseño.
Fuentes variables
Material 3 expresivo reemplaza todas las instancias de Roboto por Roboto Flex.
Una escala de tipo de referencia se adapta y optimiza para la pantalla redonda del reloj.
El contenido y las muestras de código que aparecen en esta página están sujetas a las licencias que se describen en la Licencia de Contenido. Java y OpenJDK son marcas registradas de Oracle o sus afiliados.
Última actualización: 2025-07-26 (UTC)
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2025-07-26 (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"]]
