Diretrizes de design

A seção Diretrizes aborda os principais blocos de construção do design do aplicativo Windows. Esses tópicos definem os padrões, regras e comportamentos que garantem que seu aplicativo se sinta intuitivo, polido e alinhado com o Fluent Design. De cor e tipografia a movimento, layout e materiais, cada fundação ajuda você a tomar decisões consistentes que escalam em páginas, recursos e fatores de forma.

Use esses conceitos básicos como um guia em todo o processo de design, seja mapeando suas primeiras telas, refinando padrões de interação ou garantindo que sua interface do usuário corresponda às convenções do Windows. Explorar esses fundamentos antecipadamente pode economizar tempo de desenvolvimento, reduzir o retrabalho e levar a melhores experiências para seus usuários.

---

Color
Use a cor para estabelecer hierarquia, comunicar o significado e criar uma identidade visual coesa..

Comandando
Apresentar ações em padrões claros e consistentes que ajudam os usuários a entender o que podem fazer.

Elevação
Aplique profundidade e camadas para orientar o foco e reforçar a estrutura da interface.

Geometria
Use relações espaciais, de forma e de dimensionamento para criar layouts equilibrados e previsíveis.

Iconografia
Comunique ações e conceitos rapidamente com ícones familiares e propositativos.

Layout
Organize o conteúdo com grades, espaçamento e padrões de alinhamento que melhorem a clareza e o fluxo.

Materiais
Aprimore sua interface do usuário com materiais fluentes como Mica e Acrílico para adicionar profundidade e calor.

Movimento
Use o movimento para fornecer comentários, orientar a atenção e criar interações suaves e responsivas.

Navegação
Ajude os usuários a percorrer seu aplicativo com padrões de navegação previsíveis e bem estruturados.

Som
Use indicações de áudio para fornecer comentários, reforçar ações e dar suporte à acessibilidade.

Tipografia
Defina o tom e melhore a legibilidade com opções de tipo e hierarquia consistentes.

Usabilidade
Verifique se seu aplicativo é fácil de usar por meio de interações intuitivas, recursos claros e acessibilidade.

Widgets
Estenda seu aplicativo com superfícies interativas e de fácil visualização que exibem informações e ações principais.

Escrever
Use uma linguagem clara, concisa e útil para melhorar a compreensão e reduzir a carga cognitiva.