Alfabeto Visual_Introdução ap Alfabeto Visual

1Modulo 2 - Perceção Visual
SanchoMesquita

Modulo 2 - Perceção Visual 2
§  Alfabeto visual
§  Signo, marca, sinal
§  Ponto
§  Linha
§  Proporção
§  Superfície e textura
§  Cores
§  Luz, sombra, volume
§  Espaço
§  Perspectiva
§  Composição
ESTAS LINGUAGENS,
SÃO OS ELEMENTOS
BÁSICOS PARA A
COMUNICAÇÃO
VISUAL ACONTECER.
SanchoMesquita

A evolução da linguagem escrita começou
com as imagens (pictografia), passou à
representação das unidades fonéticas (fonetismo)
e finalmente ao alfabeto.
SanchoMesquita

Cada passo foi, sem dúvida, um avanço em
direção a uma comunicação mais eficiente.
Mas o homem jamais limitou-se aos
desenhos simples do alfabeto.
SanchoMesquita

ž Pode-se afirmar que ele tem uma
propensão à informação visual. Algumas
das razões que a justificam são,
principalmente, a proximidade com a
experiência real e o caráter da informação.
SanchoMesquita

o  Não necessitamos ser visualmente cultos
para emitir ou entender mensagens
visuais. Estas capacidades são ligadas
ao homem involuntariamente.
SanchoMesquita

ž Todas as características da informação
visual justificam sua importante aplicação
na publicidade - comunicação que prima
pela velocidade.
SanchoMesquita

Como a comunicação moderna, ultra-
rápida, nos levou aos últimos limites da
linguagem, sentiu-se a necessidade de
recuperar as formas visuais da
comunicação, enfatizando os recursos
visuais, que podem expressar funções e
operações sem recorrer a letras ou
palavras.
SanchoMesquita

ž  Vale lembrar alguns princípios fundamentais:
a)  A sombra projetada é sempre mais intensa
que a sombra no próprio objeto.
b)  A luz direta produz uma sombra mais
contrastante do que a luz difusa.
c)  A sombra projetada sobre uma superfície
curva apresenta gradação.
SanchoMesquita

ž Espaço – a relação do observador com o espaço
é muito variável. Quando estamos a uma certa
distância de um objeto, temos uma idéia de
suas dimensões, quando nos aproximamos dele
essa idéia se transforma. A dimensão dos
objetos é proporcional à distância que estamos
em relação a eles.
SanchoMesquita

O pintor pode também criar a idéia de distância
utilizando as cores, ou seja, colocando cores
mais intensas em objetos mais próximos e uma
véu azulado que intensifica a idéia de
afastamento nos objetos de fundo.O efeito de
espaço pode ser definido também pelo
desenho com maior detalhamento dos objetos
mais próximos.
SanchoMesquita

ž Perspectiva – Uma imagem desenhada em
perspectiva não será jamais igual à
imagem captada pelos olhos, mas apenas
semelhante a imagem vista por um olho
só. Graças aos dois olhos é que
percebemos as 3 dimensões dos objetos,
os nossos dois olhos vêem a imagem de
um objeto de modo levemente diferente ,
o nossos cérebro é que as transforma e as
recompõe em uma figura tridimensional.
SanchoMesquita

ž Os elementos que chamamos de alfabeto
visual foram apresentados individualmente
e sozinhos parecem não significar muito
mas quando associados ganham vida.
ž Essa combinação de elementos é a
composição: escolhemos, selecionamos,
organizamos os componentes de nosso
trabalho de acordo com uma idéia inicial,
um projeto que busca resultado estético.
SanchoMesquita

ž Para usufruir de tudo que a arte proporciona,
tanto quanto produzimos como quando
apreciamos, desenvolvemos habilidades
relacionadas à observação, atenção, memória,
análise, síntese, orientação espacial, sentido
de dimensão, e aos pensamentos lógicos e
criativos que nos permitem perceber como os
elementos da linguagem artística foram
organizados
SanchoMesquita

SanchoMesquita

ž A arte coloca questões ao mundo, joga
perguntas para as quais não há resposta
pré-determinada. Cada indivíduo, reage aos
estímulos da arte de forma particular.
ž Essa leitura nada mais é que um exercício
de liberdade
SanchoMesquita

ž É A primeira unidade da imagem, tendo como
característica a simplicidade e
irredutibilidade (não pode ser reduzido), não
possuindo formato nem dimensão.
ž  O ponto constrói a imagem e funciona como
referência no espaço visual por ter um
grande poder de atração para a visão
humana.

ž Os pontos podem agir agrupados obtendo um
efeito visual expressivo
com formas ordenadas ou
aleatórias em que o olho
reúne os pontos numa
única imagem
Imagem formada por pontos.
Garcia Junior. 2006.

ž Quando agrupamos os pontos muito
próximos, numa sequência ordenada uns após
os outros e do mesmo tamanho, causam à
visão uma ilusão de direcionamento e
acabamos visualizando-os como uma linha.
ž As linhas podem ser classificadas como:
¡  geométricas;
¡  gráficas;
¡  físicas
SanchoMesquita

ž São abstratas e tem apenas uma dimensão, o
comprimento;

ž linhas desenhadas ou traçadas numa
superfície qualquer;
Linhas gráficas delineando um desenho

ž Podem ser observada, principalmente, nos
contornos dos objetos, naturais ou
construídos, criada de maneira abstrata na
forma de uma perceção visual ilusória e
imaginária como fios de lã, fios de energia,
fissuras nos, horizonte etc.
Linhas físicas imaginárias na natureza.

ž A linha gráfica pode indicar a trajetória de
um ou vários pontos de maneira contínua
variando quanto:
¡  à espessura, (fina ou grossa);
¡  à forma (reta, sinuosa, quebrada ou mista);
¡  ao traçado (cheia, tracejada, pontilhada, traço e
ponto, etc) e;
¡  à posição (horizontal, vertical ou inclinada).

ž Destas características destacamos a forma e
a posição que, dependendo da intenção de
quem a desenha, a linha pode estar
carregada de movimento e energia,
assumindo diversas apresentações para
expressar vários significados.

ž Reta: linha ilimitada nos dois sentidos (sem
começo ou fim) e possui uma única direção.
ž Semirreta: linha que parte de um ponto de
origem e é ilimitada apenas num sentido de
crescimento.

ž Retas paralelas: linhas retas que não se
cruzam e todos os seus pontos possuem a
mesma distância.
ž Retas perpendiculares: linhas retas que se
cruzam tem “aberturas” iguais formando um
“canto reto”

ž Ângulo: é a “abertura” formada por duas
linhas semirretas que partem de um mesmo
ponto.
ž Curva: linha que muda o seu sentido de
direção podendo ser sinuosa, quebrada ou
mista.

ž  A linha, assim, pode ser rigorosa e técnica, servindo como
elemento fundamental em projetos diagramáticos de
construção mecânica e de arquitetura, além de aparecer
em muitas outras representações visuais em grande escala
ou de alta precisão métrica.
ž  Seja ela usada com flexibilidade e experimentalmente (fig.
3.11), ou com precisão e medidas rigorosas (fig. 3.12), a
linha é o meio indispensável para tornar visível o que ainda
não pode ser visto, por existir apenas na imaginação.
SanchoMesquita

ž  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
equilátero. Cada uma das formas básicas (fig. 3.13) tem as
suas características específicas, e a cada uma atribui uma
grande quantidade de significados, alguns por associação,
outros por vinculação arbitrária, e outros, ainda, através
de nossas próprias perceções psicológicas e fisiológicas.
SanchoMesquita

ž Geométricas: figuras ordenadas
perfeitamente (formas básicas, polígonos
etc), não tão facilmente reconhecidos na
natureza no seu estado mais puro;
As formas geométricas que
observamos no mundo real são
construídas pelo ser humano.

ž Orgânicas: formas ordenadas ou aleatórias
em estruturas não geométricas, observadas
principalmente na natureza, daí o seu nome
(asas de insetos, folhas de árvores, curso e
ramificações de um rio, etc).
As formas orgânicas são facilmente
observadas na natureza.

ž  As margens com que se usa a linha para representar um
esboço rápido ou um minucioso projeto mecânico
aparecem, na maior parte dos casos, em forma de
justaposição de tons.
ž  Vemos graças à presença ou à ausência relativa de luz, A
luz circunda as coisas, é refletida por superfícies
brilhantes, incide sobre objetos que têm, eles próprios,
claridade ou obscuridade relativa. As variações de luz ou
de tom são os meios pelos quais distinguimos oticamente a
complexidade da informação visual do ambiente.
SanchoMesquita
1
2

ž É a qualidade impressa numa superfície,
enriquecendo as impressões e sentidos que
teremos de determinada forma.
ž A textura pode ser classificada de duas
maneiras: quanto à sua natureza e quanto à
forma que ela se apresenta.
SanchoMesquita
1

ž  Textura tátil - é aquela que podemos tocar e
sentir fisicamente a sua característica peculiar
pelo tato, como, por exemplo, a aspereza de
uma lixa, a lisura de uma cerâmica polida;
ž  Textura ótica - é aquela existente apenas na
ilusão criada pelo olho humano, como, por
exemplo, a capa de um livro que reproduza a
imagem de uma parede rebocada ou as imagens
impressas num tecido que criam um padrão de
textura reconhecido pela visão, mas não sentido
pelo tato.

ž  Geométrica – a organização de formas geométricas num padrão
dentro de uma área ou superfície acaba dando a esta, a
característica de uma textura. Isto acontece por que agrupamos
elementos semelhantes visualmente muito próximos.
ž  Orgânica – a superfície possui uma aparência de algo natural,
iludindo o olho como se pudesse ser percebida pelo toque.

ž  Trabalha em conjunto com a linha e com a forma
para iludir o nosso olhar criando um efeito
tridimensional na imagem, que está numa
superfície bidimensional, uma folha de papel,
por exemplo.
ž  As três dimensões são: altura, comprimento e
profundidade.
ž  Junto com o elemento da dimensão
relacionaremos o conceito de plano, que é uma
área da imagem que possui duas dimensões
(comprimento e largura) e que, através de sua
sobreposição, podemos obter uma ilusão da
terceira dimensão (altura).

ž  A representação da
dimensão de profundidade
no espaço bidimensional
(altura e largura) vai
depender da capacidade
que o olho tem de se
iludir quanto ao modo de
perceber a imagem. A
linha funciona como o
contorno das formas
obtidas que, por sua vez,
são projetadas na
superfície plana
bidimensional de modo
que pareçam estar em
diferentes planos.

ž  A superfície do papel que vocês estão a ler possui
apenas duas dimensões (altura e largura), logo
como podemos representar objetos com volume
tendo três dimensões e termos a ilusão da
terceira dimensão – a profundidade?
ž  Usando os truques da Perspetiva para enganar a
visão. O desenho em perspetiva reproduz o
efeito que temos quando observamos o ambiente
físico – as imagens apresentam-se cada vez
menores à medida que aumenta a distância de
quem observa. A ilusão de perspetiva pode ser
causada de duas maneiras no desenho artístico:

ž Tem como referência a linha do horizonte e
um ou mais pontos de fuga localizados nesta
linha para causar o efeito de profundidade;

ž Usa diferentes tonalidades de cores,
graduando conforme a distância que se quer
representar – quanto mais próxima do
observador, a figura que está em 1º plano os
tons são mais fortes e quanto mais distante
do observador os tons são mais fracos.

ž Quando trabalhamos com os elementos
visuais numa área específica bidimensional,
devemos prestar atenção na relação entre os
tamanhos das imagens. Esta relação entre os
tamanhos é a escala, também conhecida
como proporção.
Escala: relação de tamanhos entre as formas

ž Quando observamos qualquer imagem
procuramos sempre organizá-la e entendê-
la visualmente quanto à sua forma,
dimensão, tamanho e outros elementos.
ž Também procuramos um sentido para a nossa
observação, isto é, a direção que
percebemos na imagem.
ž  Podemos fazer relação das direções
principais com as três formas básicas:
quadrado – horizontal e vertical; triângulo –
inclinada; o círculo – a curva.

ž Cada direção básica expressa um sentido
próprio:
¡  horizontal – êxtase, calma;
¡  vertical – prontidão, equilíbrio;
¡  inclinada – instabilidade, atividade;
¡  curva – continuidade, totalidade.

ž Ao percorremos a imagem com os olhos
durante a observação seguindo uma ou várias
direções (horizontal, vertical, inclinado e
curva), estamos a trabalhar também com o
elemento básico do movimento.
ž O movimento funciona como uma ação que
se realiza através da ilusão criada pelo olho
humano. Podemos observar uma imagem
estática num papel e parecer que ela se está
a mover. Isso acontece devido à maneira
como os elementos básicos são arranjados e
combinados entre si para criar a ilusão do
movimento.

ž As técnicas visuais foram ordenadas em
polaridades, não só para demonstrar e
acentuar a vasta gama de opções
operativas possíveis na concepção e na
interpretação de qualquer manifestação
visual, mas também para expressar a
enorme importância da técnica e do
conceito em todos os meios de expressão
visual.
SanchoMesquita

ž  No processo de articulação visual, o contraste é uma força vital
para a criação de um todo coerente.
ž  Em todas as artes, o contraste é um poderoso instrumento de
expressão, o meio para intensificar o significado, e, portanto,
simplificar a comunicação.
ž  Embora a harmonia seja colocada como polaridade do contraste, é
preciso enfatizar que é necessário ter harmonia e contraste em uma
composição. A harmonia diminui a tensão entre os elementos,
fazendo com que eles combinem entre si. Isto nos dá a sensação de
tranquilidade e é visualmente agradável, facilitando o
entendimento da mensagem emitida pela composição.
ž  O contraste é o ponto de atenção desta composição e de sua
harmonia. Serve para tirar a monotonia de um projeto.
SanchoMesquita

ž  Com o tom, a claridade ou a obscuridade relativas de um campo
estabelecem a intensidade do contraste.
ž  Podemos ter contrastes entre tons. A divisão de um campo em
partes iguais pode demonstrar um contraste tonal, uma vez que o
campo é dominado pelo peso maior, ou seja, o tom mais escuro.
No caso, branco e preto, a sensação é de que o preto domina a
maior área.
SanchoMesquita

ž  “ O contraste é um fenômeno com o qual se podem diferenciar
cores atendendo à luminosidade, à cor de fundo sobre a qual se
projetam...”
ž  Quando duas cores diferentes entram em contraste direto, o
contraste intensifica as diferenças entre ambas. O contraste aumenta
quanto maior for o grau de diferença e maior for o grau de contacto,
chegando a seu máximo contraste quando uma cor está rodeada por
outra.
ž  O efeito de contraste é recíproco, já que afeta às duas cores que
intervêm. Todas as cores de uma composição sofrem a influência das
cores com as que entram em contato.
SanchoMesquita

Existem diferentes tipos de contrastes de cor:
ž  Contraste de Cor em si
ž  Contraste Claro-Escuro
ž  Contraste Quente-Frio
ž  Contraste de Cores Complementares
ž  Contraste Simultâneo
ž  Contraste Sucessivo
ž  Contraste de Qualidade
SanchoMesquita

SanchoMesquita

ž  Por meio de uma composição antagônica, ou seja, que tenha
opostos, a dinâmica do contraste poderá ser prontamente
demonstrada em cada exemplo visual básico que dermos. Se o
objetivo for atrair a atenção, a forma regular, simples será
dominada pela forma irregular, imprevisível. Ao serem justapostas,
as texturas desiguais intensificam o caráter único de cada uma.
ž  A função principal desta técnica é aguçar, por meio do efeito
dramático, mas ela pode, ao mesmo tempo e com muito
êxito, dar maior requinte à atmosfera e às sensações que
envolvem uma manifestação visual.
SanchoMesquita

ž  É o 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.
ž  A distorção da escala, pode chocar o olho ao manipular à força a
proporção dos objetos e contradizer tudo aquilo que, em função de
nossa experiência, esperamos ver. A ideia ou mensagem deve ser
lógica ao usar esta técnica. Tem de haver um motivo racional e
específico para a manipulação de objetos. Por exemplo, ao
colocarmos a maçã maior e em primeiro plano, podemos estar dando
a sensação de destaque. Mas ao colocarmos este objeto desta forma
sem nenhuma intenção, o resultado trará desconforto visual e fará
com que sua composição perca a harmonia.
SanchoMesquita

SanchoMesquita

ž  Escolha duas ideias conceituais opostas (amor-ódio, guerra-paz,
cidade-campo, organização-confusão).
ž  Num quadrado, faça uma colagem que represente o contraste
de ideias, utilizando técnicas visuais que reforcem o significado
através do material usado.
SanchoMesquita

Conteúdo
Forma
Artista Publico

O Equilíbrio é o elemento mais importante das técnicas visuais. A sua
importância fundamental, baseia-se no funcionamento da perceção
humana. È uma estratégia de design que equilibra dois “pesos”
SanchoMesquita
O equilíbrio, ou estabilidade, é a referência
mais forte e firme do homem.
Obtemos o equilíbrio de maneira mais fácil
na composição centralizada, ou na
composição simétrica.

ž A Instabilidade é o resultado da falta de
equilíbrio
SanchoMesquita

ž  A Simetria e a Assimetria são consequências do elemento
equilíbrio.
ž  A Simetria é o equilíbrio perfeito. É quando, ao dividirmos uma
obra verticalmente ao meio, encontramos, em ambos os lados,
uma repetição exatamente igual, como se as metades estivessem
espelhadas. A Assimetria nasce, portanto, da ausência desse
espelhamento.
SanchoMesquita
O cartaz do filme Dr.
Fantástico [Dr. Strangelove]
possui o espelhamento
que caracteriza a simetria.
O cartaz de Zabriskie Point é
totalmente assimétrico.

ž  A Regularidade existe quando há uma uniformidade não só dos
elementos, mas principalmente da disposição dos mesmos na
composição, dando uma ideia de certeza e invariabilidade.
ž  A Irregularidade preza pela falta de uniformidade, resultando
em composições inesperadas (Dondis, 2003).
SanchoMesquita
O cartaz do filme Trainspotting possui uma
uniformidade na disposição dos elementos, é
Regular. Já o cartaz de Vidas Amargas [East of
Eden] é Irregular.

ž  A ordem contribui para a síntese visual da simplicidade, uma
técnica visual que envolve a uniformidade da forma elementar,
livre de complicações ou elaborações secundárias. A sua
formulação visual oposta compreende uma complexidade visual
constituída por inúmeras unidades e forças elementares , e
resulta num difícil processo de organização do significado no
âmbito de um determinado padrão.
SanchoMesquita
O cartaz teaser do filme Os
Imperdoáveis [Unforgiven] preza
pela simplicidade, ao contrário do
cartaz polonês do filme Trem Mistério
[Mystery Train] de Andrzej Klimowski,
que é muito complexo e chega a ser
confuso quanto ao tema do
filme.

ž  As técnicas de unidade e fragmentação são parecidas com as da
simplicidade-complexidade, e envolvem estratégias de design que
conservem o mesmo parentesco. A unidade é um equilíbrio adequado de
diversos elementos que se percebem visualmente. A junção de mais
unidades deve harmonizar-se de modo tão completo que passe a ser vista
e considerada com um único elemento. A fragmentação é a decomposição
dos elementos e unidades de um design em partes separadas, que se
relacionam entre si, mas conservam o seu carater individual.
SanchoMesquita
No cartaz de Caminhos Perigosos
[Mean Streets] os vários elementos
unem-se, formando uma Unidade.
No cartaz do filme De Repente Amor
[A Lot Like Love] cada elemento é
independente.

SanchoMesquita
Positivo e negativo
As figuras 2.62 e 2.63 demonstram que positivo e negativo não se referem
absolutamente à obscuridade, luminosidade ou imagem especular, como
acontece na descrição de filmes e reproduções fotográficas. Quer se trate
de um ponto escuro num campo luminoso, como na figura 2.62, ou de um
ponto branco sobre fundo escuro, como na figura 2.63, o ponto é a forma
positiva, e o quadrado é a forma negativa. Noutras palavras, o que domina
o olho na experiência visual seria visto como elemento positivo, como
elemento negativo consideraríamos tudo aquilo que se apresenta de
maneira mais passiva.

ž  A minimização e o exagero são os equivalentes intelectuais da
polaridade economia-profusão, e prestam-se a fins parecidos,
ainda que num contexto diferente.
¡  A minimização é uma abordagem muito abrandada, que procura obter
do observador a máxima resposta a partir de elementos mínimos.
¡  O exagero deve recorrer a um relato profuso e extravagante,
ampliando sua expressividade para muito além da verdade, na
tentativa de intensificar e amplificar.
SanchoMesquita
O cartaz teaser de Malcom X é
um exemplo de Minimização de
exposição de conteúdo, enquanto
o cartaz de Refém [Hostage],
caracteriza o Exagero.

ž  A previsibilidade sugere, enquanto técnica visual, alguma ordem
ou plano extremamente convencional. Seja através da
experiência, da observação ou da razão, é preciso ser capaz de
prever de antemão como vai ser toda a mensagem visual, e fazê-
lo com base num mínimo de informação.
ž  A espontaneidade por outro lado, caracteriza-se por uma falta
aparente de planeamento. É uma técnica saturada de emoção,
impulsiva e livre
SanchoMesquita
O cartaz do filme Rambo III é
convencional, típico dos filmes de
ação, Previsível.
Já o cartaz do filme Pink Floyd -
The Wall, da banda Pink Floyd,
possui um resultado que aparenta
Espontaneidade.

ž  Numa mensagem visual, a sutileza é a técnica que escolheríamos para
estabelecer uma distinção apurada, que fugisse a toda obviedade e
firmeza de propósito. Embora a sutileza sugira uma abordagem visual
delicada e de extremo requinte, deve ser criteriosamente concebida para
que as soluções encontradas sejam hábeis e inventivas.
ž  A ousadia é, por sua própria natureza, uma técnica visual óbvia. Deve
ser utilizada pelo designer com audácia, segurança e confiança, uma vez
que seu objetivo é obter a máxima visibilidade
SanchoMesquita
O cartaz do filme Poltergeist: o
fenômeno [Poltergeist] ilustra a
técnica da Sutileza, enquanto que o
cartaz do filme Vem Dançar [Take the
Lead] apresenta a obviedade e a
audácia característica da Ousadia.

ž  A Exatidão utiliza-se da reprodução perfeita da realidade,
muitas vezes utilizando-se das ilusões óticas já
comentadas; enquanto a Distorção modifica esta
reprodução, de modo que ela se afaste da regularidade e
até mesmo da realidade, sendo útil para obter resultados
intensos (Dondis, 2003).
SanchoMesquita
O cartaz teaser de Touro Indomável
[Raging Bull] reproduz com
perfeição uma cena do filme; já o
cartaz de Chelsea Girls, filme de
Andy Warhol, é um resultado
intenso obtido através da
manipulação da realidade
(Distorção).

ž Essas técnicas se diferenciam pela ausência
(Plano), ou presença (Profundidade) de
perspetiva:
¡  O Plano é estritamente bidimensional, enquanto
que a Profundidade imita o tridimensionalíssimo
(Dondis, 2003).
O teaser de Pacto de Justiça [Open
Range], sem perspectiva, caracteriza
p Plano.
O cartaz de Os Intocáveis [The
Untouchables] possui Profundidade.

ž  Na Singularidade apenas um tema é focado na composição,
sem que outros estímulos interfiram neste protagonismo;
enquanto que na Justaposição vários estímulos são
utilizados e interagem entre si para transmitir uma
mensagem através de uma inespicificidade, sugerindo uma
comparação (Dondis, 2003).
O cartaz do filme O Veredicto
[The Verdict] foca apenas um
tema na composição
(Singularidade); enquanto o
cartaz de Fama [Fame] usa a
Justaposição para criar
interações entre vários temas
(música, dança, romance, etc).

SanchoMesquita
Perceção visual, no sentido da psicologia e das ciências cognitivas é
uma de várias formas de perceção associadas aos sentidos. É o
produto final da visão consistindo na habilidade de detetar a luz e
interpretar (ver) as consequências do estímulo luminoso, do ponto
de vista estético e lógico.

SanchoMesquita
Teorias da perceção visual
O maior problema no estudo da perceção visual é, o que as pessoas
veem não é uma simples tradução do estímulo da retina (ou seja, a
imagem na retina). Assim, pessoas interessadas na perceção
têm tentado há muito tempo explicar o que o processamento visual
faz para criar o que realmente vemos.

SanchoMesquita
Tanto na máquina quanto no
olho, os raios luminosos
atravessam um meio
transparente e são dirigidos
para uma superfície sensível à
luz. Na máquina fotográfica, o
meio transparente é a lente e a
superfície sensível à luz é o
filme. No olho, a luz atravessa
a córnea, o humor aquoso e o
cristalino e se dirige para a
retina, que funciona como o
filme fotográfico em posição
invertida; a imagem formada
na retina também é invertida.
O Mecanismo da Visão

SanchoMesquita
O nervo ótico transmite o impulso
nervoso provocado pelos raios
luminosos ao cérebro, que o
interpreta e nos permite ver os
objetos nas posições em que
realmente se encontram.
O cérebro reúne em uma só
imagem os impulsos nervosos
provenientes dos dois olhos.
A capacidade do aparelho visual
humano para perceber os relevos
deve-se ao fato de serem diferentes
as imagens que cada olho envia ao
cérebro. Com somente um dos
olhos, temos noção de apenas duas
dimensões dos objetos: largura e
altura. Com os dois olhos, passamos
a ter noção da terceira dimensão, a
profundidade.

SanchoMesquita
O mundo que percebemos é o
resultado da relação entre as
propriedades do objeto e a natureza
do indivíduo que observa.
A visão não é um registro mecânico
de elementos, mas sim a captação
de estruturas.
significativas para uma pessoa
(Teoria da Gestalt).
“Perceber e ver o que vemos”

SanchoMesquita
Processo de perceção visual
O processo de perceção baseia-se na
ação, na probabilidade e na
experiência. A imagem que vemos é
um estímulo processado e
interpretado pelo cérebro, o qual dá
significado a mesma.
A visão é uma forma de inferência
inconsciente: visão é uma questão de
derivar uma interpretação provável a
partir de dados incompletos.
Inferência requer assunções/
conclusões prévias
sobre o mundo.

SanchoMesquita
Luz e Imagem
Todo objeto iluminado por qualquer luz, reflete essa luz. Alguns
pontos refletem mais, e são brilhantes; outros menos, sendo
pontos escuros. Tanto o brilho como a cor do objeto dependem
do tipo de sua superfície.
São assumidos no processamento de informações visuais que a
luz vem de cima e que objetos são vistos de cima e não de baixo

SanchoMesquita
Imagem e Comunicação visual
A comunicação por meio de imagens e elementos visuais
relacionados é denominada "comunicação visual". Na realidade,
ela é predadora de todas as linguagens escritas.
• As imagens paradas variam desde as representações mais
concretas às subjetivas e abstratas. Imagens paradas confiam
em formas e cores para reproduzir significados.
Foi também sugerido que os seres humanos usam uma forma de
"alfabeto visual" para interpretar e compreender imagens.

SanchoMesquita
Alfabetização Visual
Chamamos alfabetização visual à sensibilidade à forma como as
imagens são utilizadas e manipuladas para conter mensagens
precisas e reunirem informação.
Na sua forma mais básica, a alfabetização visual é a capacidade de
entender o que está sendo visto numa imagem, incluindo certas
convenções tais como perspetiva e profundidade

ž  Gestalt é uma teoria - uma escola de pensamento, que
estuda como os seres humanos percebem as coisas. Ela
anuncia que a nossa perceção não se dá por “pontos
isolados”, mas, sim, por uma visão de “todo”.
ž  Não vemos partes isoladas, mas relações. Isto é, uma parte
na dependência de outra parte. Para a nossa percepção,
que é resultado de uma sensação global, as partes são
inseparáveis do todo e são outra coisa que não elas
mesmas, fora desse todo.
SanchoMesquita

ž GESTALT – A boa organização da forma.
¡  Equilíbrio X Instabilidade
¡  Tensão X Harmonia
¡  Nivelamento X Aguçamento
¡  Ângulo Inferior Esquerdo
¡  Peso visual
¡  Atração e agrupamento
¡  Positivo e Negativo

ž Tensão = Falta de estabilidade; Perturbação
do equilíbrio.
ž Harmonia = equilíbrio entre os elementos.
O raio do círculo cria uma tensão
na imagem pois saiu do centro da
figura. Gera movimento e tensão.

ž  A composição está centralizada, porém existe tensão e
aguçamento em virtude dos elementos decorativos do
fundo.
ž  O aguçamento ocorre quando de uma composição
harmônica ocorre uma surpresa inesperada.

ž  Harmonia é o oposto de Tensão.
ž  Nesta composição harmônica, feita a partir do quadrado
central existe ainda o Nivelamento, isto é, não oferece
nenhuma surpresa visual. Poderíamos dizer que é estático.

ž  O olho favorece o ângulo inferior esquerdo, devido a
tendência dos eixos vertical e horizontal; Influência do
modo ocidental de leitura;
ž  Existem valores, ou pesos, diferentes para ALTO-BAIXO e
DIREITA-ESQUERDA

ž  Agrupamento cujo critério é a semelhança ou
similaridade (exemplo: fotos).
ž  A desorientação se dá pela mudança inesperada
da direção, ou orientação.

ž  GESTALT - Vemos
primeiro o TODO e
depois as PARTES. Existe
uma força de atração
entre os elementos.
Agrupamento por
atração devido a
SIMILARIDADE dos
elementos.

ž O isolamento também contribui para agrupar
elementos

ž Conflito
ž Desordem
ž Ilegibilidade
ž Quebra da leitura
ž Excesso de imagens

SanchoMesquita
Principios da Unidade
Uma unidade pode ser unido num único elemento, que se encerra
em si mesmo, ou como parte de um todo.
Ainda, numa conceituação mais ampla, pode ser entendida como
o conjunto de mais de um elemento, configurando o "todo"
propriamente dito, ou seja, o próprio objeto.
As unidades formais, que configuram um todo, são percebidas,
geralmente, através de relações entre os elementos (ou
subunidades) que as constituem.
Uma ou mais unidades formais podem ser segregadas ou
percebidas dentro de um todo por meio de diversos elementos
como: pontos, linhas, planos, volumes, cores, sombras, brilhos,
texturas e outros, isolados ou combinados entre si.

SanchoMesquita
Principios da Segregação
Segregação significa a capacidade perceptiva de separar, identificar,
evidenciar ou destacar unidades formais em um todo compositivo ou
em partes deste todo.
Naturalmente, pode-se segregar uma ou mais unidades, dependendo
da desigualdade dos estímulos produzidos pelo campo visual (em
função das forças de um ou mais tipos de contrastes).
A segregação pode ser feita por diversos meios tais como: pelos
elementos de pontos, linhas, planos, volumes, cores, sombras,
brilhos, texturas e outros.

SanchoMesquita
Capacidade percetiva de separar, identificar, evidenciar ou
destacar unidades formais em um todo compositivo ou partes
desse todo.
Principios da Segregação

SanchoMesquita
Principios da Unificação
A unificação da forma consiste na igualdade ou semelhança
dos estímulos produzidos pelo campo visual, pelo objeto.
A unificação se verifica quando os fatores de harmonia,
equilíbrio, ordenação visual e, sobretudo, a coerência da
linguagem ou estilo formal das partes ou do todo estão
presentes no objeto ou composição.
Importante salientar que, obviamente, a unificação também
se manifesta em graus de qualidade, ou seja, varia em função
de uma melhor ou pior organização formal.
Nesse caso poder-se-á atribuir índices qualificativos numa
dada leitura. Em tempo, dois princípios básicos concorrem
também fortemente para a unificação da organização formal,
que são as leis de proximidade e semelhança quando
presentes em partes ou no objeto como um todo conforme se
verá mais á frente.

SanchoMesquita
Principios da Unificação
Igualdade ou semelhança de estímulos. A unificação ocorre
quando há harmonia, equilíbrio, ordenação visual e coerência.

SanchoMesquita
SEMELHANÇA: Ou “similaridade”, possivelmente a lei mais óbvia, que
define que os objetos similares tendem-se a agrupar.
A similaridade pode acontecer na cor dos objetos, na textura, por
intensidade, odor, peso, tamanho, forma etc. e se dá em igualdade de
condições.
Estas características podem ser exploradas quando desejamos criar
relações ou agrupar elementos na composição de uma figura.
Por outro lado, o mau uso da similaridade pode dificultar a perceção
visual como, por exemplo, o uso de texturas semelhantes em
elementos do “fundo” e em elementos do primeiro plano.
O princípio da Semelhança

SanchoMesquita
Eventos semelhantes agruparam-se entre si:
O X O X O X O X O X O X O

SanchoMesquita
Elementos similares são percebidos como um conjunto

SanchoMesquita
Gestalt
PROXIMIDADE: Os elementos são agrupados de acordo com a
distância a que se encontram uns dos outros. Logicamente,
elementos que estão mais perto de outros numa região tendem a
ser percebidos como um grupo, mais do que se estiverem
distante de seus similares.
O princípio da proximidade basicamente diz que quando vários
itens estão próximos entre si, formam uma unidade visual única,
coesa, e não mais parcerão distintos.
E mais: esta relação que forma o “um” sugere que estes
elementos são relacionados, de alguma maneira.
O princípio da proximidade

SanchoMesquita
Elementos próximos são percebidos como um conjunto

SanchoMesquita
Gestalt
Elementos próximos são percebidos como um conjunto

SanchoMesquita
O princípio da Boa Continuidade é o acompanhamento de uns
elementos por outros, de modo que uma linha ou uma forma continuem
em uma direção ou maneira já conhecidas.
Boa Continuidade está relacionada à coincidência de direções, ou
alinhamento, das formas dispostas.
Se vários elementos de um quadro apontam para o mesmo canto, por
exemplo, o resultado final “fluirá” mais naturalmente. Isso
logicamente facilita a compreensão.
Os elementos harmônicos produzem um conjunto harmônico. O
conceito de boa continuidade está ligado ao alinhamento, pois dois
elementos alinhados passam a impressão de estarem relacionados.
O princípio da Boa Continuidade

SanchoMesquita
O princípio da Boa Continuidade
Impressão visual de como as partes se sucedem de modo coerente,
sem quebras ou interrupções na sua fluidez visual.

SanchoMesquita
Gestalt
O cérebro procura constantemente conetar elementos para compor
figuras.
Identifica o simples ao complexo, em 1º lugar.
O princípio da boa continuidade (alinhamento)

SanchoMesquita
cada elemento constituinte de um layout deve ter uma conexão visual
com outro elemento.
Isso pode ser feito alinhando os elementos que precisam passar a ideia de
que são ligados.
Mesmo estando distantes um do outro, estes elementos, se corretamente
alinhados, transmitem a ideia de “relacionamento”.

SanchoMesquita
Screen shots com exemplos

SanchoMesquita
O princípio da Clausura ou fechado
CLAUSURA: Ou “fechado”,
o princípio de que a boa forma se completa, se fecha sobre si mesma,
formando uma figura delimitada.
O conceito de clausura relaciona-se ao fechamento visual, como se
completássemos visualmente um objeto incompleto.
Ocorre geralmente quando o desenho do elemento sugere alguma
extensão lógica, como um arco de quase 360º sugere um círculo.

SanchoMesquita
Gestalt
O princípio da Clausura ou fechado
Elementos que estão encerrados ou fechados por uma linha são
considerados como pertencendo a um grupo.

SanchoMesquita

The end

Alfabeto Visual_Introdução ap Alfabeto Visual

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Alfabeto Visual_Introdução ap Alfabeto Visual

Ähnlich wie Alfabeto Visual_Introdução ap Alfabeto Visual (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Alfabeto Visual_Introdução ap Alfabeto Visual