43
professor Rafael Hoffmann Aula 8 - Contraste

Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

professor Rafael Hoffmann

Aula 8 - Contraste

Page 2: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

Estar contra.

Comparação, na qual as diferenças se tornam claras.

Usado para sugerir distinções visuais.

Contraste

Page 3: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

Ao compararmos o dessemelhante, aguçamos o significado de ambos os opostos. Entendemos muito mais a felicidade quanto a contrapomos à tristeza ou quando se compara amor e ódio.

Contraste

Page 4: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

Ao compararmos o dessemelhante, aguçamos o significado de ambos os opostos. Entendemos muito mais a felicidade quanto a contrapomos à tristeza ou quando se compara amor e ódio.

Contraste

Page 5: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

Contraste ocorre quando dois elementos em uma composição são diferentes. Neste texto, por exemplo, as cores do texto e do fundo são muito diferentes o que permite uma diferenciação muito grande entre os dois elementos e, consequentemente, uma boa leitura.

Page 6: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

Contraste ocorre quando dois elementos em uma composição são diferentes. Neste texto, por exemplo, as cores do texto e do fundo são muito parecidas o que não permite uma diferenciação muito grande entre os dois elementos e, consequentemente, dificulta a leitura.

Page 7: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

A regularidade, embora possa garantir certo grau de harmonia, pode resultar em uma composição monótona.

Contraste

Page 8: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

Elementos contrastantes podem ajudar a torná-las mais interessantes.

Contraste

Page 9: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

Contraste

Elementos contrastantes podem ajudar a torná-las mais interessantes.

Page 10: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

ContrasteContraste de cor

Bom contraste

Bom contraste

Contraste por complementaridade: utilização de duas cores opostas no círculo cromático. Costumam criar interações contrastantes, mas que nem sempre são equilibradas.

Page 11: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

ContrasteContraste de cor

Contraste por analogia: utilização de cores vizinhas no círculo cromático. Costumam criar interações pouco contrastantes, mas que normalmente são bem equilibradas.

Contraste ruim

Contraste ruim

Page 12: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

ContrasteContraste de forma

Page 13: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

ContrasteContraste de forma

Page 14: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

ContrasteContraste de escala/tamanho

Page 15: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

ContrasteContraste de textura

Page 16: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

Contraste

Nesse exemplo, tanto a cor e forma foram usadas para criar contraste. O azul escuro e preto sobre amarelo usam uma paleta de alto contraste. Além disso, a forma circular, atrás da cabeça da modelo está em contraste com a forma revista e as outras formas retangulares na página.

Page 17: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

Contraste

Este exemplo mostra como a textura pode ser utilizada para criar contraste. As caixas, linhas e tipografia são muito limpas e lineares o que contrasta com a natureza orgânica das ilustrações.

Page 18: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

Uma das principais razões para usar o contraste é para chamar a atenção.

Contraste

Neste caso o contraste é usado para causar impacto, seja com o uso de textos grandes e em negrito, imagens grandes e um esquema de cores de alto contraste.

Page 19: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

Uma das principais razões para usar o contraste é para chamar a atenção.

Contraste

Os famosos anúncios para o iPod utilizam o contraste para focar a atenção dos espectadores no player de música. O iPod e os fones de ouvido, por aparecerem em branco, destacam-se claramente da silhueta e do fundo colorido.

Page 20: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

Page 21: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

ContrasteRelação figura/fundo

Uma figura (forma) é sempre vista em relação ao que a rodeia (fundo), como as letras e a página/tela.

Page 22: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

ContrasteRelação figura/fundo

Uma figura (forma) é sempre vista em relação ao que a rodeia (fundo), como as letras e a página/tela.

Page 23: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

ContrasteRelação figura/fundo

As pessoas estão acostumadas a ver o fundo como algo passivo e pouco importante em relação a um assunto dominante. Porém, quando bem trabalhados, podem tornarem-se ativas.

Céu como figura: estas fotografias usam construções urbanas para formar letras. O céu vazio torna-se a figura dominante, enquanto os prédios compõem o fundo que as torna visíveis. Lisa Rienermann.

Page 24: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

ContrasteRelação figura/fundo

Neste outro exemplo, o simples fato de segurar papel branco recortado contra um fundo contrastante define o alfabeto. FWIS Design.

Page 25: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

Page 26: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

Uma relação estável de figura/fundo existe quando uma forma ou figura destaca-se claramente de seu fundo.

ContrasteRelação figura/fundo

Page 27: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

A figura/fundo reversível ocorre quando elementos positivos e negativos atraem nossa atenção igualmente e alternadamente.

ContrasteRelação figura/fundo

Page 28: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

Figura/fundo ambíguos desafiam o observador a encontrar um ponto focal.

ContrasteRelação figura/fundo

Page 29: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da manifestação visual. O olho procura uma solução simples para o que está vendo, e, embora o processo de assimilação da informação possa ser longo e complexo, a simplicidade é o fim que se busca.

ContrasteRelação figura/fundo

Page 30: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

ContrasteRelação figura/fundo

Page 31: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

ContrasteO uso do espaço negativo

Page 32: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

ContrasteO uso do espaço negativo

Page 33: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

ContrasteO uso do espaço negativo - Tang Yau Hoong

Page 34: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

ContrasteO uso do espaço negativo - Tang Yau Hoong

Page 35: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

ContrasteO uso do espaço negativo - Noma Bar

Page 36: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

ContrasteO uso do espaço negativo - Noma Bar

Page 37: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

ContrasteO uso do espaço negativo - Noma Bar

Page 38: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

ContrasteO uso do espaço negativo - FIAT/Leo Burne�

“Você pode ver a letra ou (o cachorro, a menina). Não use o celular enquanto dirije”.

Page 39: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

Contraste

Page 40: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

Contraste

Page 41: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

Page 42: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

fundamentos da linguagem visual : professor Rafael Hoffmann

Referências bibliográficas

Sintaxe da Linguagem Visual, Donis A. Dondis, 1997.

Novos Fundamentos do Design, Ellen Lupton e Jennifer Cole Phillips, 2008.

Princípios de forma e desenho, 2010.Wucius Wong,

Page 43: Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há pouco predomínio de um elemento sobre o outro, o que reforça a ambigüidade da

professor Rafael Hoffmann