Aperçu

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.

"Le bouton de validation en bas a un bord inférieur incurvé"

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.

"La troisième couleur d'accentuation permet à un bouton d'arrêt dans une application de chronomètre d'apparaître en rouge, même si l'application utilise déjà le bleu et le rose comme couleurs d'accentuation."

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.