[cv - 2011.2] 02 - Elementos Básicos

Elementos da linguagem visual
Comunicação Visual - 8.11

sexta-feira, 19 de agosto de 11

Vamos começar?


Antes de começarmos qualquer coisa em comunicação visual,
precisamos entender quais são os elementos que compõem essa tal
linguagem.

Começaremos estudando os elementos mais básicos: Ponto, Linha e
Plano.


1 Elementos Básicos


“O ponto, a linha e o plano compõem os alicerces do design. Partindo
desses elementos, os designers criam imagens, ícones, texturas,
padrões, diagramas, animações e sistemas tipográﬁcos.”
(Lupton & Phillips, 2008)


Diagramas constroem relações entre
elementos que utilizam pontos, linhas e planos
para conectar dados. (Web Trend Map, 2007)


Texturas e padrões são contruídos a partir de
grandes grupos de pontos e linhas que se
repetem...


... revezando-se ou interagindo na formação de
superfícies singulares e atraentes.


a
A tipograﬁa compreende letras individuais que
se comportam como pontos.


...tais pontos compõem linhas e manchas de
texto. (CLM/BBDO, 2011)


A fotografia, inventada no início do século XIX, capta a luz refletida
automaticamente. As variações tonais da fotografia eliminaram a
trama intermediária de pontos e linhas.


1.1 Ponto


Em termos geométricos, um ponto é uma coordenada x, y.


Graﬁcamente, ele toma forma como um sinal, uma marca visível.


O ponto
simultaneamente
contrai-se para dentro e
irradia para fora.


Quando o ponto entra no espaço, uma relação imediata entre as partes é
estabelecida.


O ponto quebra o espaço de um modo neutro, sendo leve e internamente
balanceado.


A proporção do ponto com a sua área circulante é a consideração mais importante.


Outra consideração importante é a sua posição em relação às margens. O ponto
localizado no centro está assentado, confortável e estático, mas domina o espaço
circundante.

À medida que ele se move do centro, há um deslocamento na dominância - o fundo
se impõe e surge tensão.


Um segundo elemento desvia a atenção da relação com o espaço para a interação
entre os dois pontos


c

À medida que os pontos se aproximam, aumenta a tensão entre eles.


Se o espaço entre os pontos for quase nulo, sua presença assume maior
importância do que os próprios pontos.


Se os pontos ﬁcarem sobrepostos, principalmente se forem de tamanhos
diferentes, a tensão é de certo modo aliviada e surge a dicotomia entre o plano e a
aparência tridimensional.

Quanto mais próximos os pontos estiverem, mais potente será o senso de
identidade como objeto.

Quanto mais distantes, mais evidente será o sentido de estrutura induzido pelo
caminho invisível entre eles.

Exemplos


Um prédio visto por um satélite pode ser
considerado um ponto. (Google Maps, 2011)


La Parade (Georges Seurat, 1889)


Port de Marseilles (Paul Signac, 1906)


Marlene Dietrich (Vik Muniz, 2004)


Snopake: Lennon
(Impact BBDO Dubai, 2011)


El país con tacto: Forlan
(Punto Ogilvy, 2011)


VW Polo BlueMotion: Ocean
(Grabarz & Partner, 2011)


Adventure
(Atari, 1979)


Pac-Man
(Atari, 1980)


Mario
(Shigeru Miyamoto, 1981)


1.2 Linha


Uma linha pode ser compreendida como uma série inﬁnita de pontos,
ou a conexão entre dois pontos ou, ainda, o trajeto de um ponto em
movimento.


O caráter principal da linha é a conexão. Ela se apresenta como:

• Invisível, deﬁnida pelo efeito de atração entre dois pontos, ou;

• Visível como um objeto concreto, viajando para frente e para trás entre
o ponto inicial.


A idéia principal da linearidade é a de movimento e direção. Uma linha é
dinâmica, não estática.

O ponto cria foco, a linha separa espaços, cria barreiras, cerca e limita.


Uma linha ﬁna não contém centro ou massa e expressa apenas direção e um efeito
no espaço que a cerca.


Quebrar a linha aumenta a atividade superﬁcial sem desviar a atenção de seu
movimento e direção.


Várias linhas ﬁnas em conjunto criam uma textura, semelhante à criada por um
agrupamento denso de pontos de tamanho semelhante.


Separar as linhas aumenta a atenção para suas identidades e também para os
intervalos entre elas.


Uma mudança de peso entre um grupo de linhas, junto com o intervalo entre elas,
cria ilusão de profundidade.


Se algumas linhas cruzarem os outras, a percepção de profundidade é realçada.


Se algumas linhas cruzarem os outras, a percepção de profundidade é realçada -
ainda mais se o seu peso também for diferenciado.


Duas linhas muito próximas criam uma terceira linha, negativa. Esse mesmo efeito é
conseguido com um elemento positivo sobre o preto único.


A junção de duas linhas torna-se o ponto inicial dos dois movimentos.
Múltiplas junções criam senso de direção alterada de um movimento.


Linhas que entram e saem de um formato reforçam o sentido de seu movimento.


Se os pontos iniciais ou finais estiverem contido no formato a direção muda para
específica e resulta em um aumento significativo da tensão com o espaço ou formas
em volta.

Um conjunto de linhas produz ritmo. Igualmente espaças, um conjunto de linhas
produz um tempo regular, estático; diferenças na medida de comprimento produzem
tempo dinâmico.

Linhas contém grande expressividade gráﬁca e
muita energia.


Self-Portrait with Grey Felt Hat
(Van Gogh, 1887)


Women going to the market of Chimbote.
(Sebastião Salgado, 1998)


Coal miniers
(Sebastião Salgado, 1989)


Nanmee Horse: Contour, 1
(Access & Associates, 2011)


Bon Voyage Magazine: Flag
(LaBase, 2011)


Pong (Nolan Bushnell e Ted Dabney, 1972)


Enduro (Activision, 1983)


1.3 Plano


O plano é uma superfície contínua que se estende em altura e largura.


O plano, assim, nada mais é que um grande ponto cujo contorno
externo torna-se um atributo importante.


Uma superfície plana será mais ou menos deﬁnível como ponto dependendo do
volume de espaço que a circunda.


O plano pode ser paralelo à superfície da imagem ou inclinar-se e recuar no espaço.


Um plano com contorno simples parece mais denso do que um plano com contorno
complexo.


McDonald's Happy Meal: Batman.
(Leo Burnett, 2010)


K-nino: Happyness
(AthosTBWA, 2010)


Frostbite
(Activision, 1983)


Double Dragon
(Access & Associates, 1988)


Echochrome
(Game Yarouze, 2008)


Bibliograﬁa


Lupton, Ellen. Novos Fundamentos do Design. São Paulo: Cosac Naify,
2008.

Samara, Timothy. Elementos do Design: guia do estilo gráﬁco. Porto
Alegre: Bookman, 2010.

Ads of The World. Disponível em: http://adsoftheworld.com/


Exercício


Deﬁnição
O trabalho consiste na busca e análise de imagens de páginas web ou
jogos eletrônicos que sirvam como exemplo do bom uso dos conceitos
vistos na aula: ponto, linha e plano.


Desenvolvimento:
O trabalho é individual e cada aluno deverá coletar 2 imagens para
cada conceito - 6 imagens ao total - e, além de descrever como cada
conceito for usado, descrever sobre equilíbrio, tensões e dinâmicas
existentes em cada tela.


Entrega:
Data de entrega: 26/08
Enviar para: comvisual20112@gmail.com
Título do E-mail: Trabalho 01 - Turma <XX> - <Nome>
Formato: Word (.doc)


Elementos da linguagem visual
eduardonovais@virtual.ufc.br


[cv - 2011.2] 02 - Elementos Básicos

Mais conteúdo relacionado

Mais de Eduardo Novais (20)

Último (13)

[cv - 2011.2] 02 - Elementos Básicos