Diretrizes de design

A secção de Diretrizes cobre os blocos fundamentais do design de aplicações para Windows. Estes tópicos definem os padrões, regras e comportamentos que garantem que a sua aplicação seja intuitiva, polida e alinhada com o Fluent Design. Desde a cor e tipografia até ao movimento, layout e materiais, cada base ajuda-o a tomar decisões consistentes que escalam entre páginas, funcionalidades e formatos.

Use estes fundamentos como guia ao longo do seu processo de design — quer esteja a mapear os seus primeiros ecrãs, a refinar padrões de interação ou a garantir que a sua interface corresponde às convenções do Windows. Explorar estas bases cedo pode poupar tempo de desenvolvimento, reduzir retrabalhos e levar a melhores experiências para os seus utilizadores.

---

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

Comando
Apresente as ações em padrões claros e consistentes que ajudem os utilizadores a compreender o que podem fazer.

Elevação
Aplica profundidade e camadas para guiar o foco e reforçar a estrutura da tua interface.

Geometria
Use formas, tamanhos e relações espaciais para criar layouts equilibrados e previsíveis.

Iconografia
Comunique ações e conceitos rapidamente com ícones familiares e com propósito.

Esquema
Organize o conteúdo com grelhas, espaçamentos e padrões de alinhamento que melhorem a clareza e o fluxo.

Materiais
Melhore a sua interface com materiais fluentes como Mica e Acrílico para adicionar profundidade e calor.

Movimento
Use o movimento para fornecer feedback, orientar a atenção e criar interações fluidas e responsivas.

Navegação
Ajude os utilizadores a moverem-se pela sua aplicação com padrões de navegação previsíveis e bem estruturados.

Som
Use pistas sonoras para dar feedback, reforçar ações e apoiar a acessibilidade.

Tipografia
Define o tom e melhora a legibilidade com escolhas de tipos consistentes e hierarquia.

Usabilidade
Garanta que a sua aplicação é fácil de usar através de interações intuitivas, oportunidades claras e acessibilidade.

Widgets
Expanda a sua aplicação com superfícies interativas e visíveis que revelem informações e ações essenciais.

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