Apresentação ihc felipe

187 visualizações

Publicada em

0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
187
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
2
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Apresentação ihc felipe

  1. 1. Visual Interface Design
  2. 2. Design gráfico e interfaces de usuário
  3. 3. Design visual de informações
  4. 4. Os Blocos de Construção Visual Design de Interface
  5. 5. • Forma • Tamanho • Valor • Matiz • Orientação • Textura • Posição
  6. 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.
  7. 7. Fornecer estrutura visual e fluxo em cada nível de organização
  8. 8. Alinhamento e a grade
  9. 9. • Adobe Lightroom faz uso muito eficaz do alinhamento com uma grade de layout.
  10. 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. 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.
  12. 12. Simetria e equilíbrio
  13. 13. • Simetria Diagonal em Bullets e numeração do Microsoft Word.
  14. 14. • Simetria vertical na paleta de ferramentas do Macromedia Fireworks.
  15. 15. Função orientada com Ícones
  16. 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.
  17. 17. Cor em interfaces visuais
  18. 18. Coerência não significa rigidez
  19. 19. Felipe Liber Zanella

×