Elementos 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 orientações ainda se aplica em princípio, mas a apresentação e os exemplos não refletem as nossas orientações de conceção atuais .

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

Nesta secção

Tópico	Descrição
Layout	Layout é o dimensionamento, espaçamento e posicionamento do conteúdo dentro de uma janela ou página. Um layout eficaz é crucial para ajudar os usuários a encontrar o que estão procurando rapidamente, além de tornar a aparência visualmente atraente. Um layout eficaz pode fazer a diferença entre designs que os usuários entendem imediatamente e aqueles que deixam os usuários confusos e sobrecarregados.
Fontes	Os usuários interagem com o texto mais do que com qualquer outro elemento no Microsoft Windows. Segoe UI (pronuncia-se "SEE-go") é a fonte do sistema Windows. O tamanho padrão da fonte foi aumentado para 9 pontos.
Cor	A cor é um elemento visual importante da maioria das interfaces de usuário. Para 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	Os ícones são representações pictóricas de objetos, importantes não só por razões estéticas como parte da identidade visual de um programa, mas também por razões utilitárias como abreviatura para transmitir significado que os usuários percebem quase instantaneamente. O Windows Vista introduz um novo estilo de iconografia que traz um nível mais elevado de detalhe e sofisticação ao Windows.
ícones padrão	Os í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, mais suave, mais natural e de maior qualidade, e ser mais envolvente. Mas o uso gratuito de animações e transições pode tornar o seu programa perturbador e até mesmo irritante.
Elementos gráficos	Os elementos gráficos mostrar relações, hierarquia e ênfase visualmente. Eles incluem fundos, banners, vidro, agregadores, separadores, sombras e alças.
Som	de 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é 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 ocorre um evento.