Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

A linguagem visual pronto

302 views

Published on

  • Be the first to comment

  • Be the first to like this

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.

×