Linguagem visual
As formas de linguagem são    dividas em:   Formas;   Cores;   Texturas;   O desenho de pode ser aprendido de forma se...
As cores na interface: vermelho pode ser relacionado a situações  de perigo, alarme, atenção, alerta, calor e comandos  d...
   Outro fator importante é considerar as características    físicas do sistema visual do usuário. Elas podem nos    indi...
ícones e textos:   Um ícone é uma imagem que se assemelha ao objeto    ao qual se refere. A importância de compreender o ...
Utilidades do ícone: O ícone é de reconhecimento mais rápido. O ícone permite que pessoas sem domínio ou domínio limitado ...
•   Numa interface digital, o afastamento entre as fontes    deve ser maior que em documentos impressos temos    que ter c...
   Função ilustrativa- podemos ter uma ilustração que    acompanhe um texto e representa visualmente uma idéia   Função ...
   Função operativa- Para operar qualquer aparelho    necessitamos de botões de áreas que podemos    escrever os mais com...
•   Equilíbrio Proporção e simetria- as imagens do    interface deve ter uma relação dinâmica ou estática esta é    quando...
   Cores e contrastes- as cores e as áreas claras e escuras    orientam a atenção do usuário para as partes do interface ...
   Visibilidade e legibilidade- numa interface temos    que poder ler tanto como os textos e as imagens de    forma confo...
Nomes: Viviana, Cristiane e Clarissa.
Próximos SlideShares
Carregando em…5
×

A linguagem visual pronto

269 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
269
No SlideShare
0
A partir de incorporações
0
Número de incorporações
29
Ações
Compartilhamentos
0
Downloads
4
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

A linguagem visual pronto

  1. 1. Linguagem visual
  2. 2. As formas de linguagem são dividas em: Formas; Cores; Texturas; O desenho de pode ser aprendido de forma semelhante ao aprendizado de outras linguagens, como a textual ou a musical.
  3. 3. As cores na interface: vermelho pode ser relacionado a situações de perigo, alarme, atenção, alerta, calor e comandos de interrupção; amarelo serve bem para advertências; verde é relacionado a passagem livre (saída), normalidade, vegetação e segurança; azul para frio, água (como em cartografia), céu e calma.
  4. 4.  Outro fator importante é considerar as características físicas do sistema visual do usuário. Elas podem nos indicar cuidados com fatores como daltonismo, onde a não distinção entre vermelho e verde é significativa. A área do centro do campo visual do usuário é mais sensível ao verde e ao vermelho. A área periférica do campo é mais sensível ao azul, preto, branco e amarelo. Se o usuário for de mais idade é aconselhado o uso de cores mais saturadas (com mais pigmentação).
  5. 5. ícones e textos: Um ícone é uma imagem que se assemelha ao objeto ao qual se refere. A importância de compreender o funcionamento dos ícones na interface e de como usá-los num projeto se dá pelo fato deles facilitarem muito as operações, economizarem espaço.
  6. 6. Utilidades do ícone: O ícone é de reconhecimento mais rápido. O ícone permite que pessoas sem domínio ou domínio limitado de leitura possam interagir com um software por meio da interface.* Ações, como: salvar, imprimir, recortar, confirmar, cancelar; * Navegação, indicando a direção e local onde irá chegar; * Operadores simples como os de vídeo, partes do sistema como discos, arquivos, e periféricos.
  7. 7. • Numa interface digital, o afastamento entre as fontes deve ser maior que em documentos impressos temos que ter cautela e manter uma unidade na interface por meio de estilo, tamanho e cores. Estas características podem auxiliar ou prejudicar o usuário durante a leitura. Se for possível, o ideal é usar apenas um estilo e tipo de fonte, e que seja adequada ao tema da interface. Um exemplo é o uso de fontes com aparência de antigo para um objeto de história medieval.
  8. 8.  Função ilustrativa- podemos ter uma ilustração que acompanhe um texto e representa visualmente uma idéia Função taxômica- para definir como elemento de uma interface(textos,ícones,animações,barras de menus) Função sinalização- quando o usuário esta fazendo um download da Internet aparece uma barra que vai sendo preenchida para sinalizar quanto falta o processo permitindo que o usuário escolha entre continuar ou cancelar.
  9. 9.  Função operativa- Para operar qualquer aparelho necessitamos de botões de áreas que podemos escrever os mais comuns são os botões de caixa de ferramentas setas de navegação ou menus com palavras ou ícones explicativos. Proximidade de Alinhamento- as imagens que pertencem ao mesmo grupo devem estar próximas . Esses traços são características como cor, contraste e forma estilo de desenho. Isso facilita a interpretação do usuário quanto ao significado da imagem. O alinhamento permite estabelecer uma ordem de leitura no interface.
  10. 10. • Equilíbrio Proporção e simetria- as imagens do interface deve ter uma relação dinâmica ou estática esta é quando temos pesos iguais ou todos os elementos centralizados.
  11. 11.  Cores e contrastes- as cores e as áreas claras e escuras orientam a atenção do usuário para as partes do interface são úteis para dar ênfase orientar a leitura isto é focar o assunto. Consistência identidade- uma interface pode ser por diversas partes ou paginas que dever ter consistência de identidade visual, devemos usar cores ,estilos de desenhos ,formas de textos animações como padrões que dão identidade ao interface.• Concisão- devemos usar as palavras certas no momento certo. No interface devemos usar as imagens adequadas nos lugares de ordem certos para o melhor aprendizado.
  12. 12.  Visibilidade e legibilidade- numa interface temos que poder ler tanto como os textos e as imagens de forma confortável. Neste caso a dimensão tem importância fundamental ex: os vídeos se a área do vídeo é muito pequena pode não ser possível ler os sinais produzido pela mãos.
  13. 13. Nomes: Viviana, Cristiane e Clarissa.

×