Aperçu
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Material 3 Expressive est le dernier système de conception pour notre plus petit écran: la montre. Optimisé pour le facteur de forme rond, il apporte une mise à jour de la conception qui met l'accent sur l'aspect haut de gamme et un plus grand niveau d'expression. Concevez et créez des applications pour montres attrayantes et expressives avec Material 3 Expressive.
Principes de conception expressive
La conception expressive élève chaque couche d'interface utilisateur grâce à des traitements réfléchis de la forme, de l'animation, de la couleur et de la typographie.
Étape d'acceptation
Material 3 Expressive introduit un framework de formes conçu pour les écrans ronds. Il utilise l'intégralité du canevas pour optimiser la lisibilité et l'équilibre visuel.
Mouvement et ressorts premium
Les mises à jour de Material 3 Expressive rendent la navigation naturelle, haut de gamme et cohérente pour toutes les transitions. Le mouvement connecte désormais les surfaces de manière spatiale.
Elles répondent plus précisément aux gestes des utilisateurs, ce qui rend la navigation plus intuitive.
Morphing de forme
Material 3 Expressive introduit un framework de morphing de forme pour les listes et les boutons de sélection, optimisé pour une expérience plus haut de gamme. Les listes offrent un défilement fluide sur un facteur de forme rond.
Couleur riche
Le système de couleurs s'étend pour adopter les palettes tonales plus profondes et l'ensemble de jetons plus large inclus avec Material 3 Expressive. L'ajout d'une troisième couleur d'accentuation, ainsi que de plus de variantes de jetons et de rôles de couleur plus spécifiques, apporte à la fois de la profondeur et de la variété au système de conception.
Polices variables
Material 3 Expressive remplace toutes les instances de Roboto par Roboto Flex.
Une échelle typographique de référence est adaptée et optimisée pour l'écran arrondi de la montre.
Le contenu et les exemples de code de cette page sont soumis aux licences décrites dans la Licence de contenu. Java et OpenJDK sont des marques ou des marques déposées d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/07/26 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 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"]]