Compartilhar via

Visuais

Nota

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 nossa 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 eles estão procurando rapidamente, além de tornar a aparência visualmente atraente. O layout efetivo pode fazer a diferença entre os designs que os usuários entendem imediatamente e aqueles que deixam os usuários confusos 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.
de Cores
 Cor é 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 motivos estéticos como parte da identidade visual de um programa, mas também por motivos utilitários 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 perturbador e até irritante.
elementos gráficos
Elementos gráficos mostram relações, hierarquia e ênfase visualmente. Eles incluem planos de fundo, faixas, vidro, agregadores, separadores, sombras e alças.
de som
 Sound é 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 ocorrer um evento.
  • Last updated on