Design para aplicativos do Windows
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 é exclusiva da Microsoft.
Para obter os blocos de construção para criar experiências do Windows, use WinUI. Esses componentes incorporam a linguagem de design do Fluent, para que você possa ter certeza de que está criando ótimas experiências dentro do ecossistema Fluent.
Princípios de design do Windows 11
O Windows 11 marca uma evolução visual do sistema operativo. Evoluímos a nossa linguagem de design juntamente com o Fluent para criar um design que seja humano, universal e que se pareça verdadeiramente com o Windows.
Os princípios de design abaixo nos guiaram ao longo da jornada de tornar o Windows a melhor implementação do Fluent.
Sem esforço
O Windows 11 é mais rápido e intuitivo. É fácil fazer o que quero, com foco e precisão.
Calma
O Windows 11 é mais suave e organizado; ele desaparece em segundo plano para me ajudar a manter a calma e o foco. A experiência parece calorosa, etérea e acessível.
Pessoal
O Windows 11 adapta-se perfeitamente à forma como utilizo o meu dispositivo. Ele se dobra e flexiona às minhas necessidades e preferências individuais para que eu possa realmente me expressar.
Membro da família
O Windows 11 equilibra uma aparência nova e atualizada com a familiaridade do Windows que eu já conheço. Não existe curva de aprendizado; Eu consigo aprender e usar imediatamente.
Completo + Coerente
O Windows 11 oferece uma experiência visualmente perfeita em todas as plataformas. Posso trabalhar em muitas plataformas e ainda ter uma experiência consistente com o Windows.
Experiências de assinatura do Windows 11
As experiências de assinatura 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
Cor ajuda os utilizadores a concentrar-se nas suas tarefas, indicando uma hierarquia e estrutura visuais entre os elementos da interface do utilizador. O Windows 11 usa cores para fornecer uma base calmante, aprimorando sutilmente as interações do usuário e enfatizando itens significativos apenas 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 visuais e símbolos que ajudam os utilizadores a entender e navegar no seu aplicativo. A iconografia do Windows 11 evoluiu em conjunto com a nossa linguagem de design. Cada glifo em nossa fonte de ícone do sistema foi redesenhado para abraçar uma geometria mais suave e metáforas mais modernas.
Materiais
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 dão vida às superfícies e ajudam-nos a distinguir entre aplicações focadas e não focadas.
Formas e geometria
Geometria descreve a forma, o tamanho e a posição dos elementos da interface do usuário na tela. Estes elementos de design fundamentais ajudam as experiências a sentirem-se 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ção. O sistema de tipos do Windows 11 ajuda você a criar estrutura e hierarquia em seu conteúdo para maximizar a legibilidade e a legibilidade em sua interface do usuário.
Movimento
Motion descreve a maneira como a interface anima e responde à interação do usuário. O movimento no Windows é reativo, direto e apropriado ao contexto. Ele fornece feedback para o input do utilizador e reforça paradigmas espaciais que suportam a orientação.
Windows developer