Visão geral
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
O Material 3 Expressive é o sistema de design mais recente para nossa tela
menor: o relógio. Otimizado para o formato redondo, ele traz uma atualização
de design que enfatiza o aspecto premium e um nível maior de expressão. Crie e
desenvolva apps de relógio bonitos e expressivos com o Material 3 Expressive.
Princípios de design expressivo
O design expressivo eleva cada camada da interface com tratamentos de forma, animação,
cor e tipografia.
Rodada de adoção
O Material 3 Expressivo apresenta um framework de forma projetado para telas
redondas. Ele usa toda a tela para otimizar a visualização e o equilíbrio
visual.
Movimento e molas premium
As atualizações Expressivas do Material 3 tornam a navegação natural, premium e
consistente em todas as transições. O movimento agora conecta as superfícies de forma espacial.
Eles respondem com mais precisão aos gestos do usuário, tornando a navegação mais
intuitiva.
Transformação de forma
O Material 3 Expressivo apresenta um framework de transformação de forma para listas e
botões de seleção, otimizado para uma sensação mais premium. As listas têm rolagem
suave em um formato redondo.
Cores vivas
O sistema de cores se expande para adotar paletas tonais mais profundas e um conjunto
de tokens mais amplo incluído no Material 3 Expressive. A adição de uma terceira
cor de destaque, junto com mais variantes de token e papéis de cores mais específicos,
traz profundidade e variedade ao sistema de design.
Fontes variáveis
O Material 3 Expressivo substitui todas as instâncias de Roboto por Roboto Flex.
Uma escala de tipo de base é personalizada e otimizada para a tela arredondada do relógio.
O conteúdo e os exemplos de código nesta página estão sujeitos às licenças descritas na Licença de conteúdo. Java e OpenJDK são marcas registradas da Oracle e/ou suas afiliadas.
Última atualização 2025-07-26 UTC.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 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"]]
