Material Design
Design de Material
Design de Material é um sistema para componentes e interações. Ele utiliza superfícies em camadas, movimento com propósito, layouts flexíveis e tokens de design compartilhados.
Outro exemplo
Um app de serviços do Android usa cores com papéis claros e partes conhecidas. Ele mostra profundidade só quando as áreas se sobrepõem.
Partes principais
- 01Content surface
- 02Distinct visual treatment
- 03Action and readability check
Use-o quando
Use suas regras ou partes oficiais quando as pessoas esperam um comportamento familiar da plataforma. Isso também ajuda o sistema a crescer de maneira constante.
Não o use quando
Nunca copie apenas a aparência. Siga as regras do Material Design para comportamento, estados e acessibilidade também.
Nome usado no código
Material tokens + components Antes de lançar
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 de Material (Material Design). User context: Um app de serviços do Android usa cores com papéis claros e partes conhecidas. Ele mostra profundidade só quando as áreas se sobrepõem. Design concept to apply: Design de Material (Material Design). Why it fits: Use suas regras ou partes oficiais quando as pessoas esperam um comportamento familiar da plataforma. Isso também ajuda o sistema a crescer de maneira constante. Do not use it when: Nunca copie apenas a aparência. Siga as regras do Material Design para comportamento, estados e acessibilidade também. 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): É oficial para essa fonte. Outras plataformas ou equipes podem usar o termo de outra maneira. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.
Conferir este pedido
Review how Design de Material (Material Design) is used now. Definition: Design de Material é um sistema para componentes e interações. Ele utiliza superfícies em camadas, movimento com propósito, layouts flexíveis e tokens de design compartilhados. 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.