O documento discute princípios de design de interface visual, incluindo usar propriedades visuais para criar hierarquia, fornecer estrutura e fluxo em cada nível de organização, e integrar estilo e função de forma abrangente. Ele também discute como alinhamento e grade de layout, simetria, ícones orientados à função e cor podem ser usados para melhorar a compreensão do usuário e a navegação na interface.
6. Princípios de Design de
Interface Visual
• Use propriedades visuais para elementos do grupo e
crie uma hierarquia clara.
• Forneça estrutura visual e fluxo em cada nível da
organização.
• Use imagens coesas, coerentes e contextualmente
apropriada.
• Integre estilo e função abrangente e propositadamente.
• Evite ruído visual e desordem.
9. • Adobe Lightroom faz uso muito eficaz do alinhamento
com uma grade de layout.
10. • Este exemplo de uma grade do layout
prescreve o tamanho e a posição de
diversas áreas da tela empregado por um
Web site.
11. Criando um caminho lógico
• Movimento dos olhos através de uma interface
deve formar um caminho lógico que permite aos
usuários realizar com eficiência e eficácia as
metas e tarefas.
16. • Representar a ação de um objeto melhorar a
compreensão.
• Cuidado com metáforas e representações que podem
não ter os significados pretendidos para o seu público-
alvo.
•
• Funções relacionadas de um grupo visualmente para
fornecer o contexto, tanto espacialmente, ou, se este
não for o caso, o uso de cores ou outros temas visuais
comuns.
• Mantenha ícones simples; evitar detalhe visual
excessivo.
• Reutilizar elementos quando possível, para que os
usuários precisem aprender apenas uma vez.
