Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há...
Transcript of Aula 8 - Contraste - Rafael Hoffmannfundamentos da linguagem visual : professor Rafael Hoffmann Há...
![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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/1.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/2.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/3.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/4.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/5.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/6.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/7.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/8.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/9.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/10.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/11.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/12.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/13.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/14.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/15.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/16.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/17.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/18.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/19.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/20.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/21.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/22.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/23.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/24.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/25.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/26.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/27.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/28.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/29.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/30.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/31.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/32.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/33.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/34.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/35.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/36.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/37.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/38.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/39.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/40.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/41.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/42.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022040408/5ebaf73727c4b808f027545c/html5/thumbnails/43.jpg)
professor Rafael Hoffmann