[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


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


http://commons.wikimedia.org/wiki/Georges_Seurat

http://commons.wikimedia.org/wiki/Georges_Seurat

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)


http://pt.wikipedia.org/wiki/Shigeru_Miyamoto

http://pt.wikipedia.org/wiki/Shigeru_Miyamoto

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)


http://www.athostbwa.com/

http://www.athostbwa.com/

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/


http://adsoftheworld.com

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: [email protected]ítulo do E-mail: Trabalho 01 - Turma <XX> - <Nome>Formato: Word (.doc)


mailto:[email protected]


Elementos da linguagem visual

[email protected]




[cv - 2011.2] 02 - Elementos Básicos

Design

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