Aula de Com. Visual - IFAM-2011

Comunicação Visual
decosalgado
A COMUNICAÇÃO
Fenômeno espontâneo, que usamos sem darmos

conta que esconde um processo muito complexo.
Quando comunicamos recorremos a

LINGUAGENS, a INSTRUMENTOS e a MEIOS
APROPRIADOS para o podermos fazer com
eficácia.
DECOSALGADO Comunicação Visual

COMUNICAÇÃO?
É a troca de mensagens entre pessoas. É a

capacidade que homens e animais têm de
emitir e receber mensagens.

LINGUAGEM
É um sistema (conjunto articulável) de

Signos que combinados entre si,
podem produzir uma multiplicidade
infinita de significados.

LINGUAGEM
Verbais
Não verbais
Mistas

Comunicação Visual
é todo meio de comunicação que faz

posse de elementos visuais para compor
sua mensagem, como: signos, imagens,
desenhos, gráficos, ou seja, tudo que
pode ser visto.

Composição da mensagem visual:
Informação e suporte visual.

Suporte Visual: texturas, forma,
estrutura, módulo, movimento etc.

Mensagem Visual
O conteúdo (significado) da mensagem e

uma forma (significante).
Podemos, assim, dizer que todas mensagens
visuais integram uma Função cognitiva e
uma função emotiva.

Praticamente tudo o que os seus
olhos vêem é comunicação visual:

A comunicação pode ser casual ou intencional

A comunicação casual

Imagens visuais não foram
criadas com a intenção de
comunicar uma mensagem
concreta

A comunicação intencional

A comunicação casual pode ser livremente
interpretada pelo receptor, seja uma
mensagem científica ou estética.

A comunicação intencional deve ser recebida
na totalidade de sua mensagem. O
significado pretendido, intencionalmente,
pelo emissor.

A comunicação intencional pode ser
examinada sob dois aspectos: informação
estética e informação prática.

Comunicação intencional prática, sem
componente estético, são: desenho técnico,
foto de reportagem, sinal de trânsito etc.

Comunicação intencional estética são
mensagens nos informa linhas harmônicas,
formas e relações volumétricas.
Importante lembrar que estética não é

compreendida igualmente a todos.
O emissor deve saber criar a linguagem para
identificar aquilo que quer passar como
mensagem.

Elementos básicos
da composição visual
O Ponto

O ponto é a unidade de
comunicação visual mais
simples.

Quando qualquer material líquido
ou duro, seja tinta ou um bastão,
atinge uma superfície, assume
uma forma arredondada, mesmo
que esta não simule um ponto
perfeito.

Logo pensamos nesse
elemento visual como um
ponto de referência ou um
indicador de espaço.

Quando os pontos estão tão próximos
entre si que se torna impossível
identificá-los individualmente, aumenta a
sensação de direção, e a cadeia de pontos
se transforma em outro elemento visual
distintivo: A LINHA.

A Linha

Também poderíamos definir a
linha como um ponto em
movimento.

Nunca é estática;
Flexibilidade e liberdade;
Decisiva;
Direção.

Formas

“Quando o homem primitivo tomou duas
pedras e colocou-as lado a lado, teria feito
aí o primeiro gesto para o desenvolvimento
da forma.”
Texto do livro Layout: o design da página impressa.

A linha descreve uma forma. Na
linguagem das artes visuais, a
linha articula a complexidade da
forma.

Existem três formas básicas: o
quadrado, o círculo e o triângulo
eqüilátero.

Ao quadrado se associam enfado,
retidão e esmero;

Triângulo, ação, conflito, tensão

Círculo, infinitude, proteção.

Todas as formas básicas são figuras
planas e simples, fundamentais, que
podem ser facilmente descritas e
construídas.

Ilusão: a visão modificada.
Com uso das formas.

O termo é aplicado a todas ilusões
que “enganam” o sistema visual
humano.

Texturas

Textura é o aspecto de uma superfície
ou seja, a "pele" de uma forma, que
permite identificá-la e distingui-la de
outras formas.

Quando tocamos ou olhamos para um
objeto ou superfície sentimos se a sua
pele é lisa, rugosa, macia, áspera ou
ondulada.

A textura é, por isso, uma sensação
visual ou táctil.

Quanto ao aspecto visual podemos
agrupar as texturas em: texturas
naturais e execução gráfica

Texturas naturais
Aquelas que resultam da intervenção natural

do meio ambiente ou que caracterizam o
aspecto exterior das formas e coisas
existentes na Natureza Ex.: Cascas de
troncos de árvores, madeira, folhas, rochas,
peles e outros revestimentos de animais.

Execução gráfica: obter texturas
artificiais, pode-se utilizar os seguintes
processos: fricção, impressão, decalque
e construção

Nas primeiras manifestações de comunicação
visual percebe-se a predileção natural pela
simetria da natureza.
Com a emergência da Grécia e outras

civilizações do Mar Egeu. Uso da secção
áurea.
Os arquitetos de baseavam na proporção de

divisão. Uma linha em duas partes.

A simetria é uma característica que pode ser
observada em algumas formas geométricas,
equações matemáticas ou outros objetos. O
seu conceito está relacionado com o de
isometria (e às operações geométricas
associadas: reflexão, reflexão deslizante,
rotação e translação).

Através da reflexão, uma imagem é
invertida em relação a um eixo,
formando-se uma imagem espelhada da
original.

Ideal clássico. Egípcios, gregos e
romanos criaram estilos fortemente
baseados no equilíbrio monolíticos.
Sempre determinados em um eixo central.

Assimetria
Enquanto o império romano expandia na
Europa o conceito de simetria.
No Japão nascia uma nova forma

arquitetônica. Adaptando a ambientes,
geologia e uso da madeira.

O sistema tem como base módulos. Vindo
da arquitetura japonesa quando pensava a
estrutura dos tatamis.

Mas também conseguimos encontrar
equilíbrios assimétricos.

Princípios: proporção e equilíbrio
O ser humano tem o gosto inato pela

proporção.

Distribuição igual de peso.

Elemento chave para o sucesso de um
design.

No estilo simétrico é fácil entender o
equilíbrio formal de um layout. O centro
com apoio e área uniformemente
dividida.

Equilíbrio assimétrico traz contraste,
animação, vida e informalidade ao
layout.

Triângulo Visual
Repetição de elementos visuais chaves

em grupos de três, geralmente localizados
de forma equidistantes, criando uma
conexão triangular.

Estimulo Físico – Percepção - Entendimento

E o entendimento?
Cérebro lado direito e esquerdo

Passagem
Proibida

Passagem
Proibida

Passagem
Proibida

Passagem
Proibida
Hemicampo esquerdo Hemicampo direito

Centro visual direito Centro visual esquerdo
Reconhecimento visual Reconhecimento verbal

Assimetria tem grande valor

COR
O que é cor?
Segundo Houaiss (1980, p.228), cor é um substantivo feminino que
significa “impressão produzida no olho pela luz, segundo sua
própria natureza ou a maneira pela qual se difunde nos objetos /
aparência dos corpos segundo o modo como absorvem ou refletem
a luz”. Para Guimarães (2000, p.12), “a cor é uma informação
visual, causada por um estímulo físico, percebida pelos olhos e
decodificada pelo cérebro”.

Para existir:
A luz, a visão e o anteparo(ou objeto).

Isaac Newton – Decomposição da Luz/Prisma
As sete cores básicas observadas no

espectro são: vermelho, laranja,
amarelo, verde, azul, anil (ou índigo) e
violeta.

Cor-Luz e Cor-Pigmento

Cor luz – síntese aditiva – formada pela soma
das radiações luminosas refletidas
Cor pigmento – mescla subtrativa – formada

a partir de pigmentos que agem como filtros,
selecionadores da luz incidente

?

Cores Primárias
São as cores básicas a partir das quais
se obtém todas as cores do espectro.

No processo de síntese aditiva, cor-luz, o
vermelho, o verde e azul-violeta são
chamadas de primárias. A mistura dessas
luzes coloridas produz o branco.

No processo de síntese subtrativa,
cor-pigmento, as primárias são magenta,
amarelo e cyan . A mistura, em partes iguais,
dessas três cores produz o preto.

Cores Secundárias
Resultam da mistura de duas cores primárias.
+ =

Cores Terciárias
Resultam da mistura de uma cor primária com
uma cor secundárias.
+ =

Cor Complementar
É aquela formada por duas cores primárias, em
oposição à cor primária que não entrou na sua
formação, ou seja, é a cor oposta no círculo cromático
As complementares se harmonizam mutuamente.

Cor Complementar
É aquela formada por duas cores primárias, em
oposição à cor primária que não entrou na sua
formação, ou seja, é a cor oposta no círculo cromático
As complementares se harmonizam mutuamente.

Cores neutras

As dimensões da cor
A primeira é a gama (ou matiz), que é a grandeza que
diferencia uma cor da outra, a que dá origem aos nomes.
Essa diferença está diretamente relacionada ao
comprimento de onda ou ao pigmento.

A segunda é o valor (ou luminosidade), que representa o
grau de luminosidade (claro-escuro), ou brilho.
Pode-se dizer que o valor de uma cor é o grau de claridade
ou obscuridade contido numa cor

A terceira dimensão é a intensidade (ou croma), que
representa a pureza ou saturação da cor. Se uma cor é pura
(um vermelho, por exemplo), diz-se que ela é saturada e
possui um croma alto. Se esse vermelho é misturado com
outra cor (o branco, por exemplo), ele vai perdendo seu
croma.

“A cor provoca portanto, uma vibração
psíquica. E seu efeito físico superficial é
apenas, em suma, o caminho que lhe
serve para atingir a alma”. (Kandinsky)

O caso: camisa amarela,
vermelha e branca

E se por acaso falar de luz e raios como
sendo coloridos ou dotados de cor, devo ser
entendido como falando não filosófica (...)
Neles nada mais há do que um certo poder e
disposição para excitar a sensação desta ou
daquela cor. (Isaac Newton)

Quem tem a cor então? Refração*

O vermelho em luz do sol se torna marrom
quando exposto em luz branca de lâmpada
de vapor de sódio.

A cor como fenômeno e não objeto.

VERMELHO
AZUL
VERDE
ROSA
Pureza; paz; perfeição; frescura e bondade.
Muito utilizado, principalmente nos suportes
digitais, representa na cultura ocidental a
“vida" e o “casamento" ao passo que nas
culturas orientais a “morte"; “tristeza" e
“angústia“.

Energia; força; paixão; fogo; calor e poder.
Sendo uma cor masculina e que apela á
ação, também pode significar amor e
romance.
Universo; noite; autoridade; clássico; sério;
poderoso; elegante e sofisticado.
A aplicação de fundos pretos em formatos
digitais não é muito utilizada, mas a junção
com outras cores é vivamente aconselhado

Confiança; liberdade; viagens; profissionalismo;
saúde; tranqüilidade; paciência; cooperação;
conforto e segurança.
É uma das cores mais utilizadas e normalmente
“tranqüilas", sendo também associada ao céu,
mar e inteligência.

Luz; pureza; compreensão; atenção;
alegria; inteligência e organização.
Normalmente também representa
o entusiasmo, o calor, a energia e a
felicidade.
Dignidade; sofisticação;
espiritualidade e mistério.
O roxo mais escuro está associado
à nobreza e “riqueza", enquanto
que os tons mais claros estão mais
associados ao romance e nostalgia.
Dinheiro; saúde; prosperidade; comida;
natureza; esperança; crescimento;
partilha e responsabilidade.
O verde também representa a
Primavera, renovação e fertilidade.

É uma versão mais “suave" do
vermelho. Está mais relacionado com o
romance, serenidade e calma. É uma
cor tipicamente feminina.

A cor laranja representa vitalidade;
jovialidade; fogo; coragem; confiança;
amizade; calor; entusiasmo; excitação e
energia. Para além de ser uma cor
vibrante e que “estimula o apetite" está
associada ao Outono.

Cinza é uma cor conservadora
que simboliza a segurança, a
maturidade e a realidade.

Segundo Faber Birren,
“a cor é mais ligada à emoção do que a

forma”

“as cores excitam as sensações, afloram as
emoções e fazem surgir idéias que se
movimentam, provocando a tristeza, a alegria”
Goethe

Sinestesias : conexão entre sentidos que
ocorre em contato com as cores. Tato,
gosto, odor, peso, temperatura, etc.

Quando se escolhe uma cor deve-se
lembrar que a mesmo irá atingir
diretamente na emoção humana.

Quando se escolhe uma cor
deve-se lembrar que a mesmo irá
atingir diretamente na emoção
humana.

As cores tem forma?

As cores tem forma? SIM!

O amarelo tem movimentos excêntricos.
Espalha-se pelos lados.

O Azul tende a movimentos concêntricos

O vermelho movimento em si, sem radiação

O verde parece um triangulo esférico. Entre o
Azul e amarelo.

O ser humano prefere as cores puras

A cores e a idade
Cores claras e vivas = jovens

Cores brilhantes e Saturadas = adultos
Cores sombrias e sem intensidade = idosos

Geografia e as cores
A influencia do ambiente natural

Classe Social e as cores

CONTRASTE
O contraste é o efeito que permite ressaltar
o peso visual de um ou mais elementos ou
zonas de uma composição mediante a
oposição ou diferença apreciável entre
elas, permitindo-nos atrair a atenção de
espectador para eles.

Contraste de tons

Obtemos contraste entre elementos que
possuem tons (claridade-escuridão)
opostos. Neste caso, o maior peso terá o
elemento mais escuro, destacando o mais
claro sobre ele com mais intensidade
quanto maior for a diferença tonal.

Conforme se diminui a tonalidade do
elemento mais escuro o contraste vai
perdendo intensidade, sendo necessário
redimensioná-lo se quisermos manter o
mesmo contraste.

Contraste de Cores

Dois elementos com cores
complementares se reforçam entre si,
assim como uma cor quente e outra fria.

Contraste de Cores

Dois elementos com cores
complementares se reforçam entre si,
assim como uma cor quente e outra fria.

Contraste de cor pode ser usado para dar
maior dimensão ou sensação de
proximidade a um elemento em uma
composição, situando-o sobre uma cor
que contraste com ele.

Contraste de contornos

Os contornos irregulares destacam de
forma importante sobre os regulares ou
reconhecíveis.

Este tipo de contrastes é adequado para
dirigir a atenção do usuário a certos
elementos de uma composição

Contraste de escala

Produzido pelo uso de elementos a
diferentes escalas das normais ou de
proporções irreais, conseguindo-se o
contraste por negação da percepção
aprendida.

Este sistema de contraste é muito usado
em pintura e fotografia.

GESTALT
TÉCNICAS VISUAIS APLICADAS
Clareza
Facilidade e rapidez de leitura.
Imediato.

Simplicidade
Número de elementos visuais
reduzidos. Facilita a leitura
rápida e sua compreensão.

Complexidade
Exige tempo de observação.
Maior dificuldade de entendimento.

Minimidade
Simplicidade com o mínimo de
elementos formais.
Linguagem mais clara.

Profusão
Riqueza, variedade.

Coerência
Organização e manutenção da
linguagem formal em sua
leitura.

Incoerência
Conflito ou uso de muitas
linguagens formais.

Exageração
Elementos formais em excesso.
Todos com expressão visual intensa
e amplificada.

Arredondamento
Sensação de continuidade, de
leveza, de maciez.
Sem quebra na leitura.

Transparência física
Possível perceber o que está
atrás. Finalidades funcionais,
comunicação de leveza e
delicadeza.

Transparência sensorial
Efeitos pictórios
convencionais ou pro meio de
computadores.

Opacidade
Ocultar elementos ou parte deles.
Desperta a curiosidade.

Redundância
Repetição de elementos formais.
Cria ritmo e movimento.

Ambigüidade
Forma geométrica indefinida.
Causa surpresa visual.

Espontaneidade
Falta aparente de planejamento
visual. Grande carga
emotiva e impulsiva. Elementos
são inseridos de
maneira livre, mas obedecem a
uma composição.

Aleatoriedade
Elementos formais que
obedecem um esquema
rítmico, mas não seqüencial.

Fragmentação
Decomposição dos elementos
formais em peças separadas mas
que tem relação.

Sutileza
Elegância.
Estilo fino e delicado.

Difusidade
Causa sensação de sonho,
diluição.
Pode ter elementos desfocados

Distorção
Força o realismo, produz
efeitos dramático.

Profundidade
Sensação de amplitude.
Perspectiva.

Superficialidade
Representação bidimensional
ou chapada (ausência
de perspectiva).

Seqüencialidade
Elementos organizados.
Lógica e continuidade.

Sobreposição
Organização de elementos uns
sobre outros. Podem
ser translúcidos, opacos ou
transparentes. Expressa
interação de estímulos visuais.

Correção óptica
Refinamento ou correção no
trato da forma do objeto
ou nas linhas que contornam
ou delimitam as organizações
formais.

Ruído visual
Interferências ou distorções que
perturbam a
harmonia. Pode criar pontos de
interesse.

Deco Salgado
andre.salgado@ifam.edu.br

Aula de Com. Visual - IFAM-2011

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Aula de Com. Visual - IFAM-2011

Enviado por

Direitos autorais:

Formatos disponíveis

Comunicação Visual

Fenômeno espontâneo, que usamos sem darmos

Quando comunicamos recorremos a

DECOSALGADO Comunicação Visual

É a troca de mensagens entre pessoas. É a

DECOSALGADO Comunicação Visual

É um sistema (conjunto articulável) de

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

é todo meio de comunicação que faz

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

O conteúdo (significado) da mensagem e

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

Importante lembrar que estética não é

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

Texto do livro Layout: o design da página impressa.

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

Com uso das formas.

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

Aquelas que resultam da intervenção natural

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

Com a emergência da Grécia e outras

Os arquitetos de baseavam na proporção de

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual

No Japão nascia uma nova forma

DECOSALGADO Comunicação Visual

DECOSALGADO Comunicação Visual