Projetar recursos para aplicativos do Windows

Este tópico fornece uma variedade de recursos relacionados ao design e à interface do usuário para criar aplicativos do Windows visualmente atraentes e amigáveis.

Fontes

O sistema de tipos do Windows ajuda você a criar estrutura e hierarquia em seu conteúdo para maximizar a legibilidade e a leitura em sua interface do usuário (para obter mais detalhes, consulte Família de fontes para Segoe UI).

As seguintes fontes são recomendadas:

• Variável de interface do usuário (consulte Tipografia no Windows)
• Ícones do Segoe Fluent (consulte a Fonte dos Ícones do Segoe Fluent)
• Segoe MDL2 (consulte Ícones do Segoe MDL2 Assets)

Kit de interface do usuário do Windows

O Kit de Design do Windows para Figma fornece um kit de ferramentas abrangente para ajudar desenvolvedores e designers a criar aplicativos do Windows visualmente consistentes e envolventes

O Kit de Design do Windows é uma biblioteca figma que inclui:

• componentes de interface do usuário: elementos predefinidos, como botões, alternâncias, controles deslizantes e muito mais.

• Padrões de design: modelos para navegação, caixas de diálogo e layouts.

• Estilos e tokens: cores predefinidas, tipografia e espaçamento.

Galeria WinUI

A seção Diretrizes de Design da Galeria WinUI oferece as melhores práticas e ferramentas para ajudá-lo a escolher e aplicar as cores, a tipografia e os ícones certos para seu aplicativo. A seção Acessibilidade inclui snippets de código e dicas para tornar seu aplicativo mais inclusivo e acessível a todos os usuários.

Kit de Orientações de Ativos da Microsoft Store

O Kit de Diretrizes de Ativos da Microsoft Store para Figma fornece modelos e ferramentas para ajudar a criar capturas de tela de alta qualidade, ícones de aplicativo e outros ativos para publicação na Microsoft Store.

Esse kit dá suporte ao processo completo de criação, teste e envio de ativos de aplicativos e jogos. Ele inclui diretrizes para o dimensionamento de logotipo e ícone, juntamente com visualizações que mostram como seu ícone será exibido na Loja após o envio ao Partner Center. Ele também oferece modelos personalizáveis para ajudar a produzir capturas de tela consistentes e polidas para seu aplicativo ou jogo.

Amostras

Confira a página Exemplos e recursos para obter a lista completa de todos os nossos exemplos de aplicativo do Windows.