Material Design
Material Design
Material Design è un sistema per componenti e interazioni. Usa superfici stratificate, movimenti con uno scopo, layout flessibili e token di design condivisi.
Un altro esempio
Un'app di servizi Android usa ruoli di colore chiari e parti familiari. Mostra l'elevazione solo quando le superfici si sovrappongono.
Parti principali
- 01Content surface
- 02Distinct visual treatment
- 03Action and readability check
Usalo quando
Usa le sue regole o parti ufficiali quando le persone si aspettano un comportamento familiare della piattaforma. Aiuta anche un sistema a crescere in modo costante.
Non usarlo quando
Non copiare mai solo l'aspetto. Segui anche le regole di Material Design per comportamento, stati e accessibilità.
Nome usato nel codice
Material tokens + components Prima di spedire
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 Material Design (Material Design). User context: Un'app di servizi Android usa ruoli di colore chiari e parti familiari. Mostra l'elevazione solo quando le superfici si sovrappongono. Design concept to apply: Material Design (Material Design). Why it fits: Usa le sue regole o parti ufficiali quando le persone si aspettano un comportamento familiare della piattaforma. Aiuta anche un sistema a crescere in modo costante. Do not use it when: Non copiare mai solo l'aspetto. Segui anche le regole di Material Design per comportamento, stati e 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): È ufficiale per quella fonte. Altre piattaforme o team potrebbero usare il termine in modo diverso. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.
Controlla questa richiesta
Review how Material Design (Material Design) is used now. Definition: Material Design è un sistema per componenti e interazioni. Usa superfici stratificate, movimenti con uno scopo, layout flessibili e token di design condivisi. 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.