A linguagem visual pronto

13
Linguagem visual Linguagem visual

description

 

Transcript of A linguagem visual pronto

Page 1: A linguagem visual pronto

Linguagem visualLinguagem visual

Page 2: A linguagem visual pronto

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.

Page 3: A linguagem visual pronto

As cores na interface: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.

Page 4: A linguagem visual pronto

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).

Page 5: A linguagem visual pronto

ícones e textos:í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.

Page 6: A linguagem visual pronto

Utilidades do ícone: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.

Page 7: A linguagem visual pronto

• 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.

Page 8: A linguagem visual pronto

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.

Page 9: A linguagem visual pronto

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.

Page 10: A linguagem visual pronto

• 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.

Page 11: A linguagem visual pronto

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.

Page 12: A linguagem visual pronto

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.

Page 13: A linguagem visual pronto

Nomes: Viviana, Cristiane e Clarissa.