Estilo para aplicativos do Windows

O estilo é o que faz o aplicativo se destacar. As diretrizes de estilo nessa seção ajudam a criar um Design fluente por meio de cor, tipografia e novos recursos, como material acrílico e realce de revelação.

Usamos o WinUI (biblioteca de interface do usuário do Windows) para fornecer os estilos mais recentes em nossos componentes de interface do usuário. Use a versão mais recente do WinUI para manter seus aplicativos atualizados com os estilos Fluent atuais do aplicativo Windows. Para obter mais informações sobre como fazer isso, confira Estilos XAML.

Image depicting a color gradient.

Cor

As cores tornam a orientação intuitiva por meio de vários níveis de informações de um aplicativo e são uma ferramenta essencial para reforçar o modelo de interação.

Image depicting typography.

Tipografia

Como a representação visual da linguagem, a tarefa principal da tipografia é ser clara. Seu estilo nunca deve atrapalhar essa meta. As diretrizes a seguir se concentram em como usar tipografia para ajudar os usuários a entender o conteúdo com facilidade.

Image depicting icons.

Ícones

Ícones bons se harmonizam com a tipografia e com o restante da linguagem do design. Eles não misturam metáforas e comunicam apenas o que é necessário, com a máxima rapidez e simplicidade possível.

Image depicting acrylic.

Acrílico

Crie uma sensação de profundidade com o acrílico, um pincel que cria superfícies translúcidas incríveis.

Image depicting reveal focus.

Foco de revelação

O foco de revelação é um efeito de iluminação para experiências de 3 metros, como Xbox One e telas de televisão, e anima a borda de elementos focalizáveis.

Image depicting sound.

Som

O som ajuda a completar a experiência do usuário do aplicativo e dá a eles aquele toque extra de áudio para combinar com a personalidade do Windows em todas as plataformas.

Short movie with a blinking cursor and then the words Writing style being typed out.

Estilo de escrita

O estilo de escrita pode fazer uma grande diferença entre uma experiência de usuário terrível e uma excelente.

Pincéis em XAML

É possível personalizar a aparência de seus aplicativos de muitas formas usando a estrutura XAML. Os estilos permitem definir propriedades de controle e reutilizar essas configurações para criar uma aparência consistente em vários controles.

Estilos de XAML

É possível personalizar a aparência de seus aplicativos de muitas formas usando a estrutura XAML. Os estilos permitem definir propriedades de controle e reutilizar essas configurações para criar uma aparência consistente em vários controles.

Espaçamento

Otimize o aplicativo do Windows e forneça uma experiência do usuário mais apropriada aos requisitos de funcionalidade e interação do seu aplicativo.

Raio de canto

Evoque familiaridade e confiança, e facilite a interface do usuário para que ele possa processar visualmente, com cantos arredondados.