[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áficos.”(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 tipografia compreende letras individuais que se comportam como pontos.

asexta-feira, 19 de agosto de 11

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

Graficamente, 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

À 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 ficarem 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 infinita 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, definida 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 fina 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 superficial sem desviar a atenção de seu movimento e direção.

Várias linhas finas 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.

Exemplos

Linhas contém grande expressividade gráfica 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 definí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.

Exemplos

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

K-nino: Happyness(Athos\TBWA, 2010)

Frostbite (Activision, 1983)

Double Dragon (Access & Associates, 1988)

Echochrome (Game Yarouze, 2008)

Bibliografia

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

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

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

Exercício

DefiniçãoO 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.comTí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

Design

Transcript of [cv - 2011.2] 02 - Elementos Básicos

Acesso 2011.2 texto 13

Apostila de Custos i 2011.2

[cv - 2011.2] 14 - grids

Afo Afrfb 2011.2 - Aula 03

Acidente Vascular Encefálico - S1 2011.2

Antibióticos 2011.2

Afo Afrfb 2011.2 - Aula 06

Booklet Writing Days 2011.2

[cv - 2011.2] 07 - gestalt

[cv - 2011.2] 03 - elementos visuais

Aula - Projetos e Project 2011.2

Estudando Para o Exame 2011.2

[cv - 2011.2] 05-níveis de linguagem

AULAS 2011.2 Pneum%E1tica Atual

[cv - 2011.2] 16 - grids (cont)

[cv - 2011.2] 08 - tangram

Informa 2011.2 ESPM Jr.

SIMULADO OAB 1º Fase 2011.2

Aula Carboidrato 2011.2

Elementos básicos da CV