Sistema de design

Fluent Design

O sistema da Microsoft para criar experiências conectadas por componentes e princípios compartilhados.

MEU ESPAÇOTudo flui
por aqui.Continuar →

Exemplo didático · Representação visual do padrão

Quando usar

Criar experiências consistentes com produtos e componentes da família Fluent.

Cuidados e acessibilidade

Confira a plataforma e a geração do sistema que está usando.

Como reconhecer

Componentes consistentes, hierarquia, materiais e comportamento orientado por diretrizes.

Não confunda

Fluent é uma família de sistemas e implementações; não se resume ao efeito de acrílico.

Peça assim para uma IA

Crie uma interface no estilo Fluent Design (Fluent Design) em português do Brasil. O sistema da Microsoft para criar experiências conectadas por componentes e princípios compartilhados. Contexto de uso: Criar experiências consistentes com produtos e componentes da família Fluent. Estrutura: Componentes consistentes, hierarquia, materiais e comportamento orientado por diretrizes. Características visuais: Fluent UI. Requisito: Confira a plataforma e a geração do sistema que está usando. Considere também: Fluent é uma família de sistemas e implementações; não se resume ao efeito de acrílico. Adapte cores e tipografia ao projeto. Cubra estados inicial, foco, ativo, indisponível, carregamento, vazio e erro quando aplicáveis. Garanta contraste legível, comportamento responsivo, movimento reduzido e acesso por teclado. Use textos em PT-BR, valores em reais e datas no formato brasileiro quando houver. Explique quais partes exigem integração real e não simule sucesso sem concluir a operação.

Aprofundar a referência ↗Copiar link deste termo ↗