Material Design
Design matériel
Le design matériel est un système pour composants et interactions. Il utilise des surfaces superposées, un mouvement avec un objectif, des mises en page flexibles et des tokens de design partagés.
Un autre exemple
Une application de service Android utilise des rôles de couleur clairs et des éléments familiers. Elle ne montre l'élévation que quand des surfaces se chevauchent.
Parties principales
- 01Content surface
- 02Distinct visual treatment
- 03Action and readability check
Utilisez-le lorsque
Utilisez ses règles ou parties officielles lorsque les gens s'attendent à un comportement de plateforme familier. Cela aide aussi un système à croître de manière régulière.
Ne l'utilisez pas lorsque
Ne copiez jamais seulement l'apparence. Suivez également les règles de Material Design pour le comportement, les états et l'accessibilité.
Nom utilisé dans le code
Material tokens + components Avant d'expédier
Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience.
Outcome: Complete the task with Design matériel (Material Design). User context: Une application de service Android utilise des rôles de couleur clairs et des éléments familiers. Elle ne montre l'élévation que quand des surfaces se chevauchent. Design concept to apply: Design matériel (Material Design). Why it fits: Utilisez ses règles ou parties officielles lorsque les gens s'attendent à un comportement de plateforme familier. Cela aide aussi un système à croître de manière régulière. Do not use it when: Ne copiez jamais seulement l'apparence. Suivez également les règles de Material Design pour le comportement, les états et l'accessibilité. Design requirements: Set the content order, shared design values, and reusable components. Define how the layout changes by screen size and state. Keep useful design choices separate from decoration. Inclusion and resilience: Check contrast, zoom, languages, themes, and reduced motion when needed. Do not use color or effects as the only way to show meaning. Acceptance criteria: The design stays clear on phones and desktops, at zoom, in every theme, and in all supported languages. Interactive states stay clear and consistent. Evidence and limits (evidence boundary): C'est officiel pour cette source. D'autres plateformes ou équipes peuvent utiliser le terme d'une autre manière. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.
Vérifiez cette demande
Review how Design matériel (Material Design) is used now. Definition: Le design matériel est un système pour composants et interactions. Il utilise des surfaces superposées, un mouvement avec un objectif, des mises en page flexibles et des tokens de design partagés. Release checks: Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.