Compartilhar via


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 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.

Imagem ilustrando um gradiente de cor.

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.

Imagem ilustrando a tipografia.

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.

Imagem ilustrando ícones.

Í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.

Imagem ilustrando acrílico.

Acrílico

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

Imagem ilustrando o foco de revelação.

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.

Imagem ilustrando o som.

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.

Um filme curto com um cursor intermitente e as palavras Estilo de escrita sendo digitadas.

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.