domingo, 6 de novembro de 2011

Elementos Básicos da Comunicação Visual


Sempre que alguma coisa é projetada, pintada, desenhada, esboçada ou esculpida, a substância visual da obra é composta a partir de uma lista básica de elementos. Não se devem confundir os elementos visuais com os materiais ou o meio de expressão, a madeira, a argila, a tinta ou o papel. 
Os elementos visuais constituem o básico do que vemos e seu número é reduzido:

  • o ponto,
  • a linha,
  • a forma,
  • a direção,
  • o tom,
  • a cor,
  • a textura,
  • a dimensão,
  • a escala,
  • o movimento.


Por poucos que sejam, são a matéria-prima de toda a informação visual em termos de opções e combinações seletivas. 
É fundamental assinalar que a escolha dos elementos visuais e a manipulação destes, tendo em vista o efeito pretendido, está nas mãos do artista, do artesão e do designer; ele é o visualizador. O que ele decide fazer com estes elementos é sua arte e seu ofício, e as opções são infinitas. 

O Ponto 
O ponto é a unidade de comunicação visual mais simples. Quando qualquer material líquido ou duro, seja tinta ou um bastão, atinge uma superfície, assume uma forma arredondada, mesmo que esta não simule um ponto perfeito. Logo pensamos nesse elemento visual como um ponto de referência ou um indicador de espaço. 

 

A Linha 
Quando os pontos estão tão próximos entre si que se torna impossível identificá-los individualmente, aumenta a sensação de direção, e a cadeia de pontos se transforma em outro elemento visual distintivo: a linha. Também poderíamos definir a linha como um ponto em movimento, pois quando fazemos uma marca contínua, ou uma linha, nosso procedimento se resume a colocar um marcador de pontos, sobre uma superfície e movê-lo segundo uma determinada trajetória, de tal forma que as marcas assim formadas se convertam em registro. 
Nas artes visuais, a linha tem, por sua própria natureza, uma enorme energia. Nunca é estática; apesar de sua flexibilidade e liberdade, a linha não é vaga: é decisiva, tem propósito e direção, vai para algum lugar, faz algo de definitivo. 

 

A Forma 
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 eqüilátero. 

 

Cada uma das formas básicas tem suas características específicas, e a cada uma se atribui uma grande quantidade de significados, alguns por associação, outros por nossas próprias percepções. Ao quadrado se associam enfado, retidão e esmero; ao triângulo, ação, conflito, tensão; ao círculo, infinitude, proteção. Todas as formas básicas são figuras planas e simples, fundamentais, que podem ser facilmente descritas e construídas.

O quadrado é uma figura de quatro lados, com ângulos retos rigorosamente iguais nos cantos e lados que têm exatamente o mesmo comprimento. 

 

O círculo é uma figura continuamente curva, cujo contorno é, em todos os pontos eqüidistante de seu ponto central. 

 

O triângulo eqüilátero é uma figura de três lados, cujos ângulos e lados são todos iguais. 

 

A partir da combinação das formas básicas, derivam todas as outras formas. 


Direção
Todas as formas básicas expressam três direções visuais básicas e significativas: o quadrado, a horizontal e vertical; o triângulo, a diagonal, o círculo, a curva.

 

Cada uma das direções tem forte significado associativo e é um valioso instrumento para a criação.

Horizontal – Vertical – relação com o equilíbrio e a estabilidade

 

Diagonal – tem referência direta com a idéia de estabilidade, é a formulação oposta, a força direcional mais instável e provocadora. Seu significado é ameaçador e quase perturbador.

 

Curva – tem significados associados a abrangência e a repetição.

 

Tom

O tom é o atributo distinguível de uma cor. Este varia de intensidade quanto à saturação da cor.

 

O valor tonal representa para nós a intensidade de luminosidade, criando a ilusão do tridimensional. Juntamente com a perspectiva, o tom trás por meio da representação gráfica a sensação de volume.

 

Cor

É necessário entender que a cor não têm existência material. A palavra cor designa tanto a percepção do fenômeno (sensação) como as radiações luminosas diretas ou refletidas por determinados corpos que o provocam.
Existem muitas teorias sobre as cores e sua denominação é complicada. Devido a sua complexidade, não iremos nos aprofundar neste assunto.

Basicamente a cor depende de:

Estímulos – que causam sensações cromáticas e estão divididos em dois grupos: os das cores-luz, e os das cores-pigmento.

Percepção – percebe-se neste fato, as sensações causadas pela cor.
A cor apresenta uma infinidade de variações geradas por meio de estímulos e sensações.

Para quem trabalha com as cores-luz (televisão – imagem digital), as cores primárias são: vermelho, verde e azul (RGB – red, green e blue). A mistura dessas três cores em quantidades iguais, produz o branco.
Para quem trabalha com as cores-pigmento (gráfica, artistas), as cores primárias são: vermelho, amarelo e azul, e a mistura dessas cores em igual quantidade resulta na cor preta.
O nome técnico dados a estas cores é CMYK (cian, magenta, yellow e black). Este sistema é usado nas gráficas para a impressão por fotolitos, nos jornais, revistas, livros e tudo o que é impresso, pois a impressão obtida por pintura de superfície, assim como a impressora do computador, que tem os três cartuchos de tinta com as cores pigmento primárias e outro cartucho preto.

 

A cor, tanto luz quanto pigmento, tem um comportamento único, mas nosso conhecimento da cor na comunicação visual vai pouco além da coleta de observações em relação a ela.

A cor tem três dimensões que podem ser definidas e medidas.
Matiz ou croma, é a cor em si. Os matizes são medidos pelas três cores primárias e possuem características individuais. O amarelo é a cor que se considera mais próxima da luz e do calor; o vermelho é a mais ativa e emocional; o azul é positivo e suave. O amarelo e o vermelho tendem a expandir-se; o azul, a contrair-se. Quando são associadas por meio de misturas, novos significados são obtidos. O vermelho, provocador, é abrandado ao misturar-se com o azul, e intensificado ao misturar-se com o amarelo. As mesmas mudanças de efeito são obtidas com o amarelo, que se suaviza ao misturar-se com o azul.
Saturação, é a pureza relativa de uma cor, do matiz ao cinza. A cor saturada é primitiva e simples. As cores menos saturadas levam à neutralidade cromática e até mesmo à ausência de cor.
Acromático, é o brilho relativo, do claro ao escuro. Este fato ocorre quando tiramos totalmente a cor de um elemento colorido. Podemos deixá-lo monocromático ou simplesmente do preto ao branco, ou seja, na escala dos cinzas.
O fato é que revelamos muitas coisas ao mundo, sempre que optamos por uma determinada cor.


Textura
A textura é o elemento visual que com freqüência serve de substituto para as qualidades de outro sentido, o tato. Podemos apreciar e reconhecer a textura tanto por meio do tato, quanto da visão, ou ainda pela combinação de ambos. É possível que uma textura não apresente qualidades táteis, mas apenas óticas, como no caso das linhas de uma página impressa, dos padrões de um determinado tecido ou dos traços superpostos de um esboço. Onde há uma textura real, as qualidades táteis e óticas coexistem, não como tom e cor, mas de forma única, que permite à mão e ao olho uma sensação individual, ainda que projetemos sobre ambos um forte significado associativo.
O aspecto da lixa e a sensação por ela provocada, têm o mesmo significado intelectual, mas não o mesmo valor. O julgamento do olho costuma ser confirmado pela mão através da objetividade do tato. “Será um entalhe ou uma imagem em realce?”
A textura relaciona-se com a composição de uma substância por meio de variações mínimas na superfície do material. E pode-se também representar a textura por meio de fotografias e composições gráficas. Utilizamos a representação ou a própria textura para deixarmos o trabalho cada vez mais realista.



Escala
Todos os elementos visuais são capazes de se modificar e se definir uns aos outros. O processo constitui o que chamamos de escala. A cor é brilhante ou apagada, dependendo da justaposição; assim como os valores tonais relativos passam por enormes modificações visuais, dependendo do tom que lhes esteja ao lado ou atrás. Em suma, o grande não pode existir sem o pequeno e vice e versa.
A escala é muito usada para representar uma medida proporcional real.
Para a comunicação visual é importante que a proporção seja muito bem utilizada.

 

Dimensão
A dimensão existe no mundo real. Não só podemos senti-la, mas também vê-la. Mas em nenhuma das representações bidimensionais da realidade, como o desenho, a pintura, a fotografia, o cinema e a televisão, existe um dimensional real, ela é apenas implícita. A ilusão pode ser reforçada de muitas maneiras, mas o principal artifício para simulá-la é a perspectiva. Os efeitos produzidos pela perspectiva podem ser intensificados pela manipulação tonal, por meio do claro-escuro, a luz e sombra.
A perspectiva tem fórmulas exatas, com regras múltiplas e complexas. Recorre à linha para criar efeitos, mas sua intenção final é produzir uma sensação de realidade.

 

Movimento
Como no caso da dimensão, o elemento visual do movimento se encontra mais freqüentemente implícito do que explícito no modo visual. Contudo, o movimento talvez seja uma das forças visuais mais dominantes.
As técnicas, porém, podem enganar o olho; a ilusão de textura ou dimensão parecem reais devido ao uso de uma intensa manifestação de detalhes, como acontece com a textura, e ao uso da perspectiva, da luz e sombra intensificadas, como no caso da dimensão.
Porém, o movimento existe somente no olho do espectador, por meio do fenômeno fisiológico da “persistência da visão.”
Algumas das “propriedades da visão” podem constituir a razão incorreta do uso da palavra movimento para descrever tensões e ritmos compositivos nos dados visuais quando, na verdade, o que está sendo visto é fixo e imóvel.
Com as misturas de elementos podemos criar ilusoriamente a sensação do movimento.

 

Todos esses elementos, ponto, linha, forma, direção, tom, cor, textura, escala, dimensão e movimento são componentes imprescindíveis para os meios visuais. Tem o potencial da transformação de forma fácil e direta. São elementos básicos para uma composição e sua utilização de maneira adequada trazem harmonia para qualquer trabalho, seja ele artesanal ou digital, profissional ou amador. 

domingo, 30 de outubro de 2011

Kukinha!

Eu e a minha fiel companheira Yara Chan (dona do blog Traços Modernos) fizemos um layout de site. Confiram:




Kukinha.com.br
  

Nosso site é um site de culinária, onde o leitor terá opções de pratos rápidos, práticos e saborosos.
Os menus são de fácil navegação e visualização.
Na parte superior, logo abaixo do cabeçalho temos o menu principal com os links da página inicial, principais pratos, sobremesas, pratos rápidos, vídeos, News (notícias) e nossos contatos.
No lado esquerdo temos nosso cardápio de categorias, onde o leitor tem muitas opções de pratos salgados e doces, além de bebidas, tudo com muita facilidade em acessar e fácil visualização.
No lado direito temos informações sobre a nossa empresa, onde o leitor pode obter todos os nossos contatos, até mesmo para enviar sugestões de pratos que poderão ser publicados no site.
Temos uma imagem de fundo que remete ao conceito de culinária.
Utilizamos fontes de fácil compreensão.
Todo o layout do site foi trabalhado com as cores marrom, amarelo, laranja, branco e vermelho, que são cores fortes e provocativas que prendem a atenção do leitor, e provocam o apetite e a vontade de fazer aquele determinado prato.
E como não poderia deixar de ser, temos o nosso prato “destaque” no centro da página, logo abaixo o leitor poderá comentá-lo e enviar sua própria receita.

Revele os segredos de Victoria!

Essa é uma campanha interativa criada pela Miami Ad School, de Nova York, para a marca Victoria's Secret.
É uma propaganda onde os donos de celular com leitor de código QR, poderão desvendar os segredos de cada modelo! 
Vejam só que interessante:










Interessante, não é?

domingo, 23 de outubro de 2011

Viva a vida com mais Humor!!!

Eu e a Yara Chan (dona do blog Traços Modernos) fizemos uma propaganda da linha Humor. Vejam só como ficou:



Natura Humor:
O humor é o resultado da produção de serotonina no cérebro.
Ele traz alegria ao nosso dia-a-dia e proporciona leveza aos tensos momentos de nossa vida.
Foi para mulheres práticas e bem humoradas que o produto foi desenvolvido.
O caminho olfativo original é diferenciado e se destaca entre os demais itens de perfumaria.
Esses perfumes trazem fragrâncias femininas e sensuais, com notas florais frutais e toques de pêra, cassis, cereja, jasmim, vanila, etc.
Ideal para mulheres femininas e despojadas, que buscam momentos de descontração e bem-estar.
Natura humor é uma das marcas de maior sucesso entre o público jovem.

Espalhe Humor!


Cores utilizadas na propaganda:
 
A propaganda em si foi trabalhada, na sua maioria, com cores quentes e chamativas.

Vermelho (frasco em destaque, nos corações e no vestido):  A cor de destaque da propaganda. Vermelho é uma cor provocativa, apaixonada, dinâmica e atraente. Uma cor que tem tudo a ver com  o publico feminino. Na propaganda, a cor vermelha serve para dar destaque ao produto e a mulher desenhada na propaganda, o que significa que a fragancia está voltada exclusivamente para a mulher;

Rosa
(frasco em segundo plano e na frase embaixo do logo): Outra cor sempre relacionada ao publico feminino. O rosa é uma cor delicada, romantica e divertida. O rosa aparece no frasco e na frase embaixo do logotipo para ressaltar essa ideia e ser associado ao nome da marca;

Laranja (frasco ao fundo da propaganda): Laranja é uma cor quente de de destaque. Essa cor ajuda a equilibrar a propaganda entre os produtos e o fundo. Laranja é uma cor que é sempre relacionada a energia e a diversão, o que também se relaciona, novamente, ao nome da linha de produtos: Humor! O laranja está na propaganda para servir como um "link" entre os elementos e a representação da alegria na propaganda;

Amarelo (fundo da propaganda e nos personagens): Alegria, luz e atenção: é o que significa o amarelo. Ela está em toda a propaganda: no fundo e nos personagens. Isso ressalta a ideia de alegria, diversão e energia da marca. Essa cor sugere alegria na relação, alegria na vida.  É uma cor luminosa e muito forte para atrair a atenção;

Preto (logotipo da linha, logotipo da empresa e contorno dos personagens): Cor de destaque sobre as outras cores mais vivas e quentes. Ressalta os logotipos e os desenhos, formando assim a cena que está estampada na propaganda.




terça-feira, 18 de outubro de 2011

A teoria de Itten e a Luminosidade de Goethe


Johannes itten, foi um pintor escritor suíço, e professor. Em uma de suas pesquisas desenvolveu o disco de cores.
Itten nasceu em 1888, foi professor e teve formação de pintor, foi umas das figuras mais importantes , durante essa primeira fase, tendo influencias na organização e estruturação de curso de design. Sua metodologia era baseada em dois conceitos opostos: intuição e metodo ou baseado no experiencia subjetiva e recognição objetiva. Seu desejo era libertar o poder criativo individual do aluno e dar a ele uma nova compreensão.

Suas aulas eram iniciadas com exercicios de ginastica e respiratórios, isso descontraia e relaxava os estudantes, suas aulas eram divididas em três areas principais: estudo de objetos naturais e materiais , posteriormente esses estudos eram desenhados dando enfoque ao contraste do material e também o contraste de forma e cores.
Sua teoria da forma, partia de Formas geométricas de circulos, quadrados e triangulos, cada uma delas tinha um significado: o circulo era fluente e central, o quadrado calmo e o triangulo diagonal.
Essas aulas aconteciam da seguinte forma: a partir de fotografias mostradas por itten, eles deveriam reproduzir um ou outro ponto em movimento uma linha princpal, uma curva , onden tentam extrair algum elemento basico da composição. Os desenhos com modelos vivos, nesta etapa do curso eram utilizados modelos femininos, os estudos eram voltados para representações ritmicas, sendo raras as apresentações realistas. As teorias desenvolvidas por itten tinham como objetivo o “eu”.







Luminosidade de Goethe:


O escritor e Pintor alemão Johann Wolfgang Von Goethe, seu interesse pelas cores foi instigado pela natureza ótica e pela tradição colorística das pinturas da renascença.
Foi um grande escritor romanticista, único a contrariar a ideologia de Isaac Newton, sobre a existência das sete cores no espéctro ótico. Goethe foi alem, dizendo que somente seis cores são existentes. Como pintor ele estudava com afinco a forma que vemos a cor, ele definiu o resultado como positivo e negativo. As cores tinham como fundamento a interação da luz ou da sombra, assim tinha os outros tons.

Teoria de Itten:

segunda-feira, 26 de setembro de 2011

SItes!

Eu e a Yara Chan (dona do blog Traços Modernos) fizemos uma seleção para eleger o melhor e o pior site da Web.
Os nossos quesitos para julgar os sites foram:
·         Legibilidade
·         Fontes
·         Cores
·         Conteúdo

A concorrência estava acirrada. Após horas de pesquisa conseguimos decidir os nossos preferidos.


Esse foi o resultado da nossa pesquisa:

E o prêmio de melhor site vai para... Tchantchantchantchan.... MTV BRASIL!!!!


O site tem uma excelente legibilidade, possui Hotsites para uma melhor navegação , é bem atrativo, chamando a atenção de seu público alvo.
As fontes utilizadas são claras e legíveis, o que facilita a compreensão do texto.
As cores utilizadas são neutras com alguns destaques, chamando a atenção mais não se tornam cansativas para os que navegam por ele.
E o conteúdo nem se fala! As melhores notícias sobre música e entretenimento da Web.

Nota para o site: *****

E o prêmio de pior site vai para... DOKIMOS!!!



O site tem como função sensibilizar as pessoas a se converterem a religião “Atribuída de competência, Evangélica, carismático, protestante, bíblico, cristão, ministério (?)”

Apesar da fácil navegação (mesmo a barra de menu estar quase oculta), esse pode ser o único ponto positivo do site...
A legibilidade e compreenção do site torna-se dificil devido ao fundo multicolorido e animado (Acredito que a intenção era ser em “3D”), varios GIFs animados espalhados pela pagina inicial (inclusive tem uma pomba que voa de costas!!! DE COSTAAAAAAAAS!!!).

A fonte utilizada no site (quer dizer, as fontes utilizadas... Pois ele usa 3 tipos de fontes diferentes) é legivel, mas ele usa mal sua “netiqueta”, pois em varios momentos ele coloca letras maiusculas e de tamanho grande, dando a impressão de que está gritando com o leitor do site.

O conteudo não é nada interativo. Mesmo se tratando de Jesus, um tema serio e religioso, o jeito em que o programador do site colocou torna-se confuso e cansativo a compreenção.

Nota para o site: ... Cri cri, Cri cri *sons de grilo*

domingo, 31 de julho de 2011