Diretrizes de construção de ícones do Windows 10

Os aplicativos em execução em versões do Windows com suporte ao Bloco Dinâmico têm opções adicionais de como o ícone do aplicativo é exibido em seu bloco. Os aplicativos que optam por fornecer imagens de bloco devem fornecer imagens para todos os tamanhos de bloco em todos os fatores de escala comuns.

A Atualização de outubro de 2020 do Windows 10 introduziu blocos do Menu Iniciar com reconhecimento de tema, que selecionam a cor da tela de fundo do bloco com base no tema do usuário, em vez de usar a cor especificada na seção VisualElement do manifesto do aplicativo. Os aplicativos ainda podem escolher uma cor que se adapte à cor da tela de fundo do bloco para versões do Windows 10 anteriores a outubro de 2020.

Criando um bloco baseado em ícones

A maneira mais fácil de ter uma ótima aparência em Live Tiles é apenas exibir o ícone do seu aplicativo em um plano de fundo transparente. Esta é a maneira "padrão" de fazer ladrilhos. Para obter essa aparência, você pode criar imagens lado a lado com planos de fundo transparentes ou apenas permitir que o Windows exiba o ícone do aplicativo em um bloco normal.

Criando um bloco de sangria total

Quando necessário, os aplicativos podem criar imagens de Bloco Dinâmico sem margens para personalizar totalmente seu bloco. Normalmente, essa funcionalidade é usada por jogos. Aplicativos que não são de jogos geralmente não devem usar blocos sem margens, pois isso fará com que seu bloco se destaque desajeitadamente em comparação com os blocos baseados em ícones "padrão". Ladrilhos de sangria total podem ser usados para obter vários looks.

Os aplicativos que usam um bloco sem margens podem criar seu ícone do tamanho que desejarem. Para fazer isso, basta tornar seu ícone do tamanho que você gostaria que ele exibisse quando o bloco fosse mostrado. Os ícones de aplicativos nunca devem ocupar o bloco completo. Certifique-se de usar pelo menos 16% de margens de cada lado.

Alguns aplicativos, geralmente jogos, podem querer exibir uma imagem sem margens em vez de um ícone. Nesse caso, não use margens - a imagem deve ocupar todo o espaço disponível.