Ler em inglês

Compartilhar via


Visuais

Observação

Este guia de design foi criado para o Windows 7 e não foi atualizado para versões mais recentes do Windows. Grande parte das diretrizes ainda se aplica em princípio, mas a apresentação e os exemplos não refletem nossas diretrizes de design atuais.

Os visuais incluem os elementos visuais diferentes dos controles. Essas diretrizes ajudam você a tomar decisões sobre layout, fontes, cor, ícones e assim por diante em seu aplicativo.

Nesta seção

Tópico Descrição
Layout
Layout é o dimensionamento, o espaçamento e o posicionamento do conteúdo em uma janela ou página. O layout efetivo é crucial para ajudar os usuários a encontrar o que estão procurando rapidamente, além de tornar a aparência visualmente atraente. O layout efetivo pode fazer a diferença entre designs que os usuários entendem imediatamente e aqueles que deixam os usuários intrigados e sobrecarregados.
Fontes
Os usuários interagem mais com o texto do que com qualquer outro elemento no Microsoft Windows. Segoe UI (pronuncia-se "SEE-go") é a fonte do sistema Windows. O tamanho da fonte padrão foi aumentado para 9 pontos.
Color
Color é um elemento visual importante da maioria das interfaces do usuário. Além da estética pura, a cor tem significados associados e provoca respostas emocionais. Para evitar confusão no significado, a cor deve ser usada de forma consistente. Para obter as respostas emocionais desejadas, a cor deve ser usada adequadamente.
Ícones
Ícones são representações pictóricas de objetos, importantes não apenas por razões estéticas como parte da identidade visual de um programa, mas também por razões utilitárias como abreviação para transmitir significado que os usuários percebem quase instantaneamente. O Windows Vista apresenta um novo estilo de iconografia que traz um nível mais alto de detalhes e sofisticação para o Windows.
Ícones padrão
Ícones padrão são os ícones de erro, aviso, informações e ponto de interrogação que fazem parte do Windows.
Animações e transições
O uso estratégico de animações e transições pode tornar seu programa mais fácil de entender, se sentir mais suave, mais natural e de maior qualidade e ser mais envolvente. Mas o uso gratuito de animações e transições pode tornar seu programa distrativo e até mesmo irritante.
Elementos gráficos
Elementos gráficos mostram relações, hierarquia e ênfase visualmente. Eles incluem telas de fundo, faixas, vidro, agregadores, separadores, sombras e alças.
Som
Som é o elemento de áudio da experiência do usuário. Quando usado adequadamente, o som pode ser uma forma eficaz de comunicação que estabelece uma relação não verbal e até mesmo emocional com seus usuários. Os sons podem ser usados sozinhos ou como um suplemento para a interface do usuário visual. Por exemplo, adicionar um efeito sonoro a uma notificação aumenta a probabilidade de que ele seja notado, especialmente se o usuário não estiver olhando para a tela quando ocorrer um evento.