Aqui, você encontrará diretrizes de design e exemplos para criar experiências de aplicativos do Windows. O Windows 11 incorpora a linguagem de design e os princípios do Fluent para uma aparência coesa que é exclusivamente da Microsoft.
Para obter os blocos de construção para criar experiências do Windows, use o WinUI. Esses componentes incorporam a linguagem de design do Fluent, para que você possa ter certeza de que está criando ótimas experiências no ecossistema do Fluent.
Princípios de design do Windows 11
O Windows 11 marca uma evolução visual do sistema operacional. Evoluímos nossa linguagem de design junto com o Fluent para criar um design humano, universal e que realmente se pareça com o Windows.
Os princípios de design abaixo nos orientaram durante todo o percurso para tornar o Windows a melhor implementação da categoria do Fluent.
Sem esforço
O Windows 11 é mais rápido e intuitivo. É fácil fazer o que eu quero, com foco e precisão.
Simples
O Windows 11 é mais suave e organizado. Ele esmaece em segundo plano para ajudar a manter a atenção e o foco. A experiência parece calorosa, etérea e acessível.
Pessoal
O Windows 11 se adapta perfeitamente à maneira como uso meu dispositivo. Ele se adapta às minhas necessidades e preferências individuais para que eu possa realmente me expressar.
Familiar
O Windows 11 equilibra uma aparência nova e atualizada com a familiaridade do Windows que eu já conheço. Não há nenhuma curva de aprendizado; basta começar a usar.
Completo + coerente
O Windows 11 oferece uma experiência visualmente perfeita entre plataformas. Posso trabalhar em muitas plataformas e ainda ter uma experiência Windows consistente.
Experiências de assinatura do Windows 11
As experiências exclusivas são os elementos de design que o Windows 11 usa para expressar sua linguagem visual, mantendo uma aparência coerente em todas as experiências Fluent.
Cor
A cor ajuda os usuários a se concentrarem em suas tarefas indicando uma hierarquia visual e uma estrutura entre elementos da interface do usuário. O Windows 11 usa cores para fornecer uma base relaxante, aprimorando sutilmente as interações do usuário e enfatizando itens significativos somente quando necessário.
Elevação e camadas
Elevação e camadas é o conceito de sobreposição de uma superfície com outra, criando duas ou mais áreas visualmente distintas dentro da mesma superfície. O Windows 11 usa elevação e camadas como base para a hierarquia de aplicativos.
Iconografia
A iconografia é um conjunto de imagens e símbolos visuais que ajudam os usuários a entender e navegar pelo aplicativo. A iconografia do Windows 11 evoluiu em conjunto com nossa linguagem de design. Cada glifo em nossa fonte de ícones do sistema foi reprojetado para adotar uma geometria mais suave e metáforas mais modernas.
Materiais
Os materiais são efeitos visuais que fazem com que as superfícies da interface do usuário se pareçam com artefatos da vida real. O Windows 11 usa materiais para manter a interface do usuário conectada ao seu ambiente. Os materiais trazem superfícies à vida e nos ajudam a distinguir entre aplicativos focados e desfocados.
Formas e geometria
A geometria descreve a forma, o tamanho e a posição dos elementos da interface do usuário na tela. Esses elementos de design fundamentais ajudam as experiências a parecerem coerentes em todo o sistema de design. O Windows 11 apresenta geometria atualizada que cria uma experiência mais acessível, envolvente e moderna.
Tipografia
Como representação visual da linguagem, a principal tarefa da tipografia é comunicar informações. O sistema de tipos do Windows 11 ajuda você a criar estrutura e hierarquia em seu conteúdo para maximizar a legibilidade na interface do usuário.
Movimento
O movimento descreve a maneira como a interface anima e responde à interação do usuário. O movimento no Windows é reativo, direto e de contexto apropriado. Ele fornece comentários para a entrada do usuário e reforça paradigmas espaciais compatíveis com a descoberta de caminho.
Colaborar conosco no GitHub
A fonte deste conteúdo pode ser encontrada no GitHub, onde você também pode criar e revisar problemas e solicitações de pull. Para obter mais informações, confira o nosso guia para colaboradores.
Comentários do Windows developer
O Windows developer é um projeto código aberto. Selecione um link para fornecer comentários: