macOS

Material translúcido

Vibrancy / Visual effect

Um material que integra uma superfície ao conteúdo visual que fica atrás dela.

BibliotecaRecentesFavoritosDocumentos

Seu espaço.

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

Quando usar

Integrar painéis e barras à aparência do sistema.

Cuidados e acessibilidade

Respeite reduzir transparência e preserve legibilidade em fundos variados.

Partes e comportamento

Material de superfície que se adapta ao contexto visual do sistema.

Não confunda

Um blur em CSS pode lembrar o material, mas não reproduz todo o comportamento nativo.

Peça assim para uma IA

Crie um componente de interface do tipo Material translúcido (Vibrancy / Visual effect) em português do Brasil. Um material que integra uma superfície ao conteúdo visual que fica atrás dela. Contexto de uso: Integrar painéis e barras à aparência do sistema. Estrutura: Material de superfície que se adapta ao contexto visual do sistema. Referência técnica: NSVisualEffectView. Requisito: Respeite reduzir transparência e preserve legibilidade em fundos variados. Considere também: Um blur em CSS pode lembrar o material, mas não reproduz todo o comportamento nativo. 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.

Consultar referência técnica ↗Copiar link deste termo ↗