cores
.jpg "Tela de bloqueio e aplicativo Receitas e Bebidas do Bing")
Você pode usar cores para transmitir significados ou expressar um astral ou uma emoção. As cores podem aprimorar o conteúdo de um aplicativo. Elas podem dar uma estrutura visual a um layout geral. E podem comunicar os valores e a personalidade de uma marca.
Como as cores são usadas no Windows
As cores no Windows têm a intenção de dar uma sensação de energia e vivacidade ao seu aplicativo. Elas são saturadas, vibrantes e autenticamente digitais, abrangendo toda a gama de cores permitida pela tecnologia de exibição. O Windows usa predominantemente cores sólidas e lisas, mas emprega técnicas variadas para criar profundidade, como transparência, camadas e combinação.
.jpg "Aplicativo Alarmes")
No Windows 8.1, as cores do sistema e as cores de aplicativos são diferentes. A cor do sistema é escolhida pelo usuário e o Windows a aplica às superfícies da interface do usuário principal no sistema, como a tela de fundo da tela inicial. A cor do aplicativo é uma cor exclusiva selecionada pelo desenvolvedor, independente da cor do sistema. A cor do aplicativo expressa a marca e a identidade do aplicativo.
A imagem a seguir mostra diferentes cores do sistema aplicadas à tela inicial.
.png "Telas iniciais com diferentes cores da tela de fundo")
A imagem a seguir mostra as cores de assinatura de três aplicativos diferentes. A cor do aplicativo é aplicada proeminentemente em todo o aplicativo para promover a marca.
.png "Aplicativos Email, OneDrive e Pessoas")
Como as cores podem trabalhar em seu favor
No Windows 8.1, você pode identificar visualmente seu aplicativo de forma exclusiva, escolhendo cores que reflitam a personalidade do aplicativo. Você pode usar cores de apoio adicionais para dar ainda mais energia à sua marca. Vejamos alguns exemplos.
Este aplicativo Foursquare usa uma combinação consistente das cores azul e verde para reforçar a marca Foursquare e promover uma navegação fácil.
.jpg "Resultados da pesquisa do aplicativo Foursquare")
A simplicidade visual e o uso arrojado das cores nos blocos são um convite à exploração. As cores também tornam intuitiva a orientação pelos diferentes níveis de informações do aplicativo, como as dicas, classificações e mais populares.
.jpg "Aplicativo Foursquare")
O aplicativo Lista de Leitura é outro ótimo exemplo de como as cores podem infundir personalidade em um aplicativo. Neste caso, o vermelho, que é a cor de assinatura do aplicativo, comunica a idade do conteúdo. A barra de cores na parte superior do aplicativo fica progressivamente mais escura em relação à data em que o usuário salvou o conteúdo. Isso fornece informações adicionais ao usuário, ao mesmo tempo em que amplia a personalidade do aplicativo por meio do uso de cores.
.png "Cabeçalhos de calendário no aplicativo Lista de Leitura")
.jpg "Aplicativo Lista de Leitura")
Tópicos relacionados
Diretrizes e lista de verificação de acessibilidade