Linguagem - Visual - Site Construir

LINGUAGEM VISUAL
A linguagem visual leva a algum entendimento usando smbolos

grficos para gerar um sentimento ou uma ideia na cabea de
quem visualiza a imagem em questo. Ao compor uma pea de
comunicao visual, o designer ou artista estrutura o sentir e o pensar.
Na tarefa esto presentes o conhecimento dos elementos visuais como
representao de ideias e a organizao e a ordenao de tais
elementos em uma composio compreensvel e, antes de mais nada,
LEGVEL.
Obs.: O texto desta apresentao, dentre outras fontes, foi baseado nas informaes da homepage Linguagem Visual (2012).
www.construir.arq.br 1
LINGUAGEM VISUAL
Quanto mais abstrata a linguagem, mais dificilmente ser
compreendida com o mesmo significado para um nmero grande de
espectadores, por que cada um tem o seu repertrio mental de signos
e significados. A linguagem visual vista por estudiosos como
necessria para a formao das pessoas e sua socializao.
A comunicao visual formada por vrias categorias de expresso,

que vo desde o desenho a lpis no papel branco at o filme com as
tcnicas mais avanadas alcanadas pelo cinema. Para esta
comunicao ser elaborada, utiliza-se da linguagem visual constituda
por diversos elementos grficos, como o ponto, a linha, a forma, a cor,
o espao (2D ou 3D), o equilbrio, relao entre luz e sombra, tipo de
superfcie, etc.
PONTO
O ponto o comeo de tudo. O ponto grfico a base da linguagem
visual. Simboliza a existncia de algo sobre o nada. Expressa tambm
demarcao, ou seja, literalmente, pontuao de algo importante. O
ponto um timo recurso grfico para quando precisamos chamar a
ateno do expectador para algum ponto especfico num trabalho de
comunicao visual qualquer.
http://www.linguagemvisual.com.br/
PONTO
Eduardo Bajzek
PERSPECTIVA COM FUNDO PONTILHADO

PONTILHISMO
O pontilhismo uma tcnica de pintura que surgiu na Frana como um
movimento ps-impressionista. Trata-se de uma tcnica de pintura em
que o artista fez desenhos e representaes usando pequenos pontos
ou manchas, dando ao observador, um efeito tico diferente da
pintura.
http://maximodaarte.blogspot.com.br
LINHA
A linha constitui-se de uma sequncia de pontos. Pode ser reta ou
curva. A linha curva expressa suavidade, gradao, flexibilidade e
existe abundantemente na natureza. J a linha reta, angulosa, surge
mais como resultado da ao humana e sua produo tcnica.
LINHA
Google Images
CROQUIS DO ARQUITETO OSCAR NIEMEYER

FORMA
A forma, ou plano, formada pela unio de vrias linhas dispostas de
forma a contornarem um espao vazio, como se v na figura abaixo. A
forma delimita e separa um espao ento interno, de um espao
externo, infinito.
FORMA
Google Images
CORES
As cores conferem intensa carga emocional forma. Cada cor possui
uma dramatizao prpria muitas vezes chamada de psicologia das
cores e normalmente est associada a algum tema especfico. Por
exemplo o verde est muito relacionado natureza e atualmente, a
temas ecolgicos. O amarelo est relacionado amplamente ao sol e ao
ouro; riqueza.
CORES
Google Images
Google Images Google Images
CORES
CORES
Eduardo Bajzek
CORES
Eduardo Bajzek
CONTORNO
Bordas ou contornos reforam os limites da contorno. Quanto mais
espessa a borda, mais agressiva fica a figura, porm isto depende
tambm de outros fatores como o contraste entre a cor do
preenchimento e a cor da borda ou ainda o tipo da linha se
tracejada, pontilhada, etc.
CONTORNO
Google Images
Google Images
TEXTURA
A textura um recurso amplamente utilizado na comunicao visual
como simulao de materiais diversos na impresso em papel e em
outros veculos. Abaixo, uma forma quadrada simula a textura de
granito. Assim como as cores, a textura sugere um forte envolvimento
emocional com a real sensao de se estar na presena do material
simulado.
TEXTURA
Olegario de Sa & Gilberto Cioni
TEXTURA

TEXTURA
TOM
O tom relaciona-se com contraste. O tom expressado pelo grau de
intensidade de um preenchimento preto ou colorido e est
intrinsecamente fundamentado na relao luz e sombra.
TOM
TOM
DIREO
A disposio dos elementos de linguagem visual num plano pode
conduzir o olhar a um certo sentido espacial. Linhas ou retngulos
verticais repetidos podem sugerir a ideia de altura, elevao, elegncia.
Elementos mais horizontais expressam uma ideia de amplitude, de
espao e grande estabilidade. Elementos diagonais possuem uma forte
instabilidade intrnseca. Parecem que vo cair a qualquer momento e
devem ser usados sempre com cautela e boa justificativa como tudo
na comunicao visual. O tringulo amarelo abaixo demonstra
claramente o sentido apontando direita.
24
DIREO
DIREO
Google Images
DIREO
Google Images
3D DO MUSEU EXPLORATRIO DE CINCIAS DA UNICAMP LINHAS HORIZONTAIS
DIREO
Google Images
ESCADA DIAGONAL (DESIGN DE Gabriella Gustafson e Mattias

Sthlbom)
DIREO
Google Images
PIRMIDE DE QUEPS
Desenho em corte com figuras indicando uma escala aproximada
da Passagem de Teste de Giz, mostrando os dois corredores
inclinados em rampa, um tnel de acesso vertical no ponto de
encontro, e a continuao do corredor direita em direo
cmara mort.
Desenho de Flinders Petrie com insero de escalas humanas.
DIREO
Google Images
DIREO
Google Images
ESCALA
A proximidade de elementos em diferentes tamanhos associados seja
pela forma, ou pela cor, ou por ambas, como no caso abaixo passa
uma forte ideia de escala pela possibilidade de comparao que
permitem.
ESCALA
Google Images
ESCALA
Google Images
ESCALA
Google Images
CASA KUMAGAI NO JAPO: ESCALA FORA DO CONVENCIONAL
ESCALA
Google Images
ARQUITETURA GTICA CATEDRAL DE NOTRE DAME

MOVIMENTO E RITMO
O movimento na comunicao visual pode ser obtido atravs de vrios
recursos, porm todos esto associados repetio de alguns
elementos ou seja, ao ritmo com o qual so repetidos. Abaixo
observa-se claramente a queda do retngulo vermelho atravs da
gradao do tom da cor e tambm atravs da repetio do elemento
em posies especficas que apontam a queda. J a bola azul expressa
um ntido movimento horizontal direita atravs da repetio de
algumas linhas direcionais na horizontal em tom suave de cinza.
MOVIMENTO E RITMO
Google Images
MOVIMENTO E RITMO
Google Images
MOVIMENTO E RITMO
Google Images
PAISAGISMO NO ENTORNO DA BURJ KHALIFA, EM DUBAI
MOVIMENTO E RITMO
Google Images
PAISAGISMO NO ENTORNO DA BURJ KHALIFA, EM DUBAI

VOLUME E PERSPECTIVA
A noo de perspectiva obtida com a simulao de dois planos, com a
criao de uma relao entre eles. No caso muito simples abaixo,
observe que todas as linhas diagonais do cubo, isto , as linhas que
relacionam o primeiro plano ao plano de fundo, apontam para um
mesmo ponto de fuga invisvel no horizonte, ou seja, se as
estendssemos para trs do cubo, elas acabariam se encontrando
num ponto em comum.
Google Images
Construo geomtrica de uma perspectiva.

Gravura por Henricus Hondius
Google Images
Google Images
Perspectiva, simetria e ponto-

de-fuga na arte renascentista.
Pintura de Rafael (1483/1520)

em uma sala do Palcio do
Vaticano por encomenda do
Google Images
Papa Jlio II 44
Google Images
Perspectiva com uso de software grfico
SOMBRA
O sombreamento um recurso que ajuda muito a aludir noo de 3D.
Abaixo, a sombra sob (ou em volta) do quadrado cinza cria a noo de
que o quadrado est elevado sob a superfcie branca.
SOMBRA
BORDA E SOMBRA http://www.linguagemvisual.com.br/ 46

SOMBRA
LUZ E SOMBRA
Eduardo Bajzek
LUZ E SOMBRA
Eduardo Bajzek
NEGATIVO
O negativo um recurso amplamente utilizado para a produo de
efeitos e destaques nas peas de comunicao visual. O padro com o
qual os olhos esto acostumados a cor branca ou clara de fundo com
os elementos comunicacionais escuros no primeiro plano. O negativo
constitui-se da inverso deste padro, com o fundo escuro e os
elementos do primeiro plano em cores claras. No recomendado para
textos extensos porque um efeito que cansa a viso pela pouca
luminosidade que reflete (o preto, maioria na pgina, absorve luz)
sendo por tal motivo que a maioria dos livros e mesmo websites
possuem fundos brancos e textos escuros.
NEGATIVO
NEGATIVO
NEGATIVO ENTRE CORES 51
NEGATIVO
Google Images
NEGATIVO
Google Images
NEGATIVO
Eduardo Bajzek
ESPAOS NEGATIVOS ORGANIZAM O DESENHO DAS CADEIRAS

CONTRASTE
O contraste merece um espao prprio porque na verdade ele a base
de toda comunicao visual. Contraste significa fundamentalmente
distino. a distino de um elemento em relao a outro. Na
linguagem visual, o contraste se encontra essencialmente sob as
seguintes formas:
Equilbrio Tenso
Nivelamento Aguamento
Atrao Agrupamento
Positivo Negativo
em relao a ltima forma listada que o contraste se encontra e

trabalhado mais frequentemente na comunicao visual. O contraste
positivo/negativo a propriedade visual que permite a distino dos
elementos em relao ao espao circundante devido diferena entre
seus tons de luz. 55
CONTRASTE
Para ser percebido, ou distinguido do entorno com nitidez mxima, o
elemento, normalmente em tom positivo, ter que estar em meio a um
entorno negativo. o caso do quadrado na figura abaixo est em alto
contraste, ou contraste mximo - em que o quadrado s percebido
porque est num tom (preto) inverso ao do entorno (branco). Quanto
mais opostamente intenso o grau de intensidade de um preenchimento
em relao ao espao sob o qual se encontra, maior ser o contraste.
CONSTRASTE
Abaixo est uma figura de pouco contraste devido diferena de
tonalidade de cinza do quadrado em relao ao fundo, tambm cinza,
porm levemente mais claro:
CONSTRASTE
CONSTRASTE
Google Images
CONSTRASTE
Google Images
CONTRASTE
Google Images
TOM SOBRE TOM

O efeito de tom sobre tom basicamente um efeito de contraste, ou
seja, um efeito no qual diferentes tonalidades de uma mesma cor so
confrontadas, uma imediatamente aps a outra, como pode-se
observar abaixo. A figura acima no deixa de ser um grfico com tom
sobre tom tambm, porm grficos assim costumam ser denominados
como escala de cinza.
TOM SOBRE TOM
Google Images Google Images
TOM SOBRE TOM
Google Images
TOM SOBRE TOM
Google Images
REFERNCIAS
DIRCEU VEIGA. Consulta geral homepage. Disponvel em: <http://www.coffeeonpaper.com/>. Acesso em: 1
set. 2012.
DREAMSTIME. Consulta geral s imagens da homepage. Disponvel em: <http://www.dreamstime.com/>.

Acesso em: 1 set. 2012.
EDUARDO BAJZEK. Consulta geral s imagens do blog. Disponvel em:

<http://ebbilustracoes.blogspot.com.br/>. Acesso em: 1 set. 2012.
GOOGLE IMAGES. Consulta geral de imagens com temas sobre linguagem visual. Disponvel em:
<https://www.google.com.br/imghp?hl=pt-BR&tab=ii>. Acesso em: 1 set. 2012.
LINGUAGEM VISUAL. Consulta geral homepage. Disponvel em: <http://www.linguagemvisual.com.br/>.

OLEGARIO DE SA & GILBERTO CIONI. Consulta geral aos projetos da homepage. Disponvel em:
<http://www.saecioni.com.br/>. Acesso em: 1 set. 2012.
TXAI ZELNICK. Consulta geral s imagens do blog. Disponvel em: <http://txaizelnickdesigns.blogspot.com.br/>.

WILSON MEDEIROS. Consulta geral s imagens do blog. Disponvel em:

<http://www.wilsonmedeiros.blogspot.com.br/>. Acesso em: 1 set. 2012.

Linguagem - Visual - Site Construir

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Linguagem - Visual - Site Construir

Caricato da

Copyright:

Formati disponibili

LINGUAGEM VISUAL

A linguagem visual leva a algum entendimento usando smbolos

A comunicao visual formada por vrias categorias de expresso,

PERSPECTIVA COM FUNDO PONTILHADO

CROQUIS DO ARQUITETO OSCAR NIEMEYER

Google Images Google Images

Olegario de Sa & Gilberto Cioni

Olegario de Sa & Gilberto Cioni

Olegario de Sa & Gilberto Cioni

Olegario de Sa & Gilberto Cioni

Olegario de Sa & Gilberto Cioni

3D DO MUSEU EXPLORATRIO DE CINCIAS DA UNICAMP LINHAS HORIZONTAIS

ESCADA DIAGONAL (DESIGN DE Gabriella Gustafson e Mattias

CASA KUMAGAI NO JAPO: ESCALA FORA DO CONVENCIONAL

ARQUITETURA GTICA CATEDRAL DE NOTRE DAME

PAISAGISMO NO ENTORNO DA BURJ KHALIFA, EM DUBAI

PAISAGISMO NO ENTORNO DA BURJ KHALIFA, EM DUBAI

Construo geomtrica de uma perspectiva.

Perspectiva, simetria e ponto-

Pintura de Rafael (1483/1520)

Perspectiva com uso de software grfico

BORDA E SOMBRA http://www.linguagemvisual.com.br/ 46

ESPAOS NEGATIVOS ORGANIZAM O DESENHO DAS CADEIRAS

em relao a ltima forma listada que o contraste se encontra e

TOM SOBRE TOM

Google Images Google Images

TOM SOBRE TOM

DREAMSTIME. Consulta geral s imagens da homepage. Disponvel em: <http://www.dreamstime.com/>.

EDUARDO BAJZEK. Consulta geral s imagens do blog. Disponvel em:

LINGUAGEM VISUAL. Consulta geral homepage. Disponvel em: <http://www.linguagemvisual.com.br/>.

TXAI ZELNICK. Consulta geral s imagens do blog. Disponvel em: <http://txaizelnickdesigns.blogspot.com.br/>.

WILSON MEDEIROS. Consulta geral s imagens do blog. Disponvel em:

Potrebbero piacerti anche