aula 5 - escala - rafael hoffmann | professor & designer · fundamentos da linguagem visual :...

46
professor Rafael Hoffmann Aula 5 - Escala

Upload: others

Post on 07-Jul-2020

17 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

professor Rafael Hoffmann

Aula 5 - Escala

Page 2: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Os designers passam habitualmente por surpresas desagradáveis quando imprimem pela primeira vez uma peça impressa concebida numa tela de computador.

Por exemplo, tipos de tamanho 12 geralmente parecem legíveis e bem dimensionados quando vistos na tela, mas podem parecer grosseiros e inadequados no texto impresso.

Desenvolver uma sensibilidade para a escala é um processo constante para qualquer designer.

Escala

Page 3: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Uma peça impressa pode ser pequena como um selo...

Escala

Page 4: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

...ou grande como um outdoor.

Escala

Page 5: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

...ou grande como um outdoor.

Escala

Page 6: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

...ou grande como um outdoor.

Escala

Page 7: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Um logotipo deve ser legível tanto em tamanho mínimo como quando avistado de uma grande distância.

Escala

Page 8: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

A escala pode ser considerada tanto objetivamente como subjetivamente. Em termos objetivos, ela se refere às dimensões exatas de um objeto físico ou à correlação exata entre uma representação e a coisa real que ela representa.

Escala

Mapas impressos têm uma escala precisa: um incremento de medida na página representa um incremento de medida no mundo físico.

Page 9: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Modelos reduzidos recriam relações encontradas nos objetos em escala real. Assim, uma maquete de carro aproxima-se das características de um veículo real, enquanto um carrinho de brinquedo joga com as relações de elementos e diminuindo outros.

Escala

Page 10: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Subjetivamente, a escala alude à impressão que alguém tem do tamanho do objeto dependendo da maneira como ele se relaciona com nossos corpos, com outros objetos. A escala pode depender do contexto.

EscalaEscala é relativa

Page 11: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Essa é a Terra fotografada pela sonda Voyager 1 em 1990 a 6,4 bilhões de quilômetros de distância.

Page 12: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Subjetivamente, a escala alude à impressão que alguém tem do tamanho do objeto dependendo da maneira como ele se relaciona com nossos corpos, com outros objetos. A escala pode depender do contexto.

EscalaEscala é relativa

Page 13: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Subjetivamente, a escala alude à impressão que alguém tem do tamanho do objeto dependendo da maneira como ele se relaciona com nossos corpos, com outros objetos. A escala pode depender do contexto.

EscalaEscala é relativa

Page 14: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Subjetivamente, a escala alude à impressão que alguém tem do tamanho do objeto dependendo da maneira como ele se relaciona com nossos corpos, com outros objetos. A escala pode depender do contexto.

EscalaEscala é relativa

Page 15: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Subjetivamente, a escala alude à impressão que alguém tem do tamanho do objeto dependendo da maneira como ele se relaciona com nossos corpos, com outros objetos. A escala pode depender do contexto.

EscalaEscala é relativa

Page 16: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Um elemento gráfico pode parecer maior ou menor dependendo do tamanho, da localização e da cor dos elementos ao redor dele.

EscalaEscala é relativa

Page 17: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Um elemento gráfico pode parecer maior ou menor dependendo do tamanho, da localização e da cor dos elementos ao redor dele.

EscalaEscala é relativa

25,3

mm

29

,0 m

m

Page 18: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Um elemento gráfico pode parecer maior ou menor dependendo do tamanho, da localização e da cor dos elementos ao redor dele.

EscalaEscala é relativa

Page 19: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Um elemento gráfico pode parecer maior ou menor dependendo do tamanho, da localização e da cor dos elementos ao redor dele.

EscalaEscala é relativa

Page 20: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Um elemento gráfico pode parecer maior ou menor dependendo do tamanho, da localização e da cor dos elementos ao redor dele.

EscalaEscala é relativa

Page 21: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Um elemento gráfico pode parecer maior ou menor dependendo do tamanho, da localização e da cor dos elementos ao redor dele.

EscalaEscala é relativa

Page 22: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Um elemento gráfico pode parecer maior ou menor dependendo do tamanho, da localização e da cor dos elementos ao redor dele.

EscalaEscala é relativa

Page 23: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Um elemento gráfico pode parecer maior ou menor dependendo do tamanho, da localização e da cor dos elementos ao redor dele.

EscalaEscala é relativa

Page 24: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Recortar para sugerir escala: a forma circular parece especialmente grande por estar sangrada no quadrado.

Escala

Page 25: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Um pedaço de papel qualquer pode conter letras ou imagens que pareçam extrapolar seus limites, exprimindo um inusitado sentido de escala.

Escala

Page 26: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Escala

Page 27: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Igualmente, um pequeno elemento isolado pode pontuar uma superfície grande, roubando a atenção do vasto espaço ao redor dele.

Escala

Page 28: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Fotografar pequenos objetos de muito perto e de um ângulo baixo cria uma ilusão de monumentalidade.

Escala

Page 29: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Contrastes na escala podem sugerir movimento ou profundidade, bem como expressar diferentes graus de importância.

Escala

Page 30: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Nós esperamos que alguns objetos guardem uma certa relação de escala. Brincando com essa proporção, podemos criar ilusões espaciais e relações conceituais.

Escala

Page 31: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Escala

O sentido da imagem pode vir diretamente do choque entre escalas.

Page 32: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Escala

Page 33: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Uma escala desigual distorce as imagens, assim como os tipos. Imagine se você pudesse escalonar um objeto físico, alongando-o ou espremendo-o para fazê-lo entrar num espaço determinado. Os resultados não são agradáveis.

Escala

Page 34: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Alterar a escala de um elemento pode transformar seu impacto na página ou na tela. Porém, cuidado: é muito fácil distorcer um elemento por escaloná-lo desproporcionalmente. Uma escala desigual distorce as imagens, assim como os tipos.

Escala

Page 35: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Se as dimensões horizontal e vertical são escalonadas de modo desigual, a forma resultante parece distorcida.

Escala

Page 36: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Muitos tipos incluem variações projetadas com proporções diferentes. A família Helvetica Neue inclui letras light, médium, bold e black, com espessura normal, condensada e estendida.

Escala

Page 37: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Alturas extremas: no cartaz à esquerda, para uma palestra na faculdade, o designer Paul Sahre expôs sua tipografia a uma pressão severa, produzindo resultados virtualmente ilegíveis.

Escala

Page 38: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Page 39: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Page 40: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Perspectiva forçada

Page 41: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Perspectiva forçada

Page 42: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Perspectiva forçada

Page 43: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Perspectiva forçada

Page 44: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

fundamentos da linguagem visual : professor Rafael Hoffmann

Próxima aula

Page 45: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

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.

Page 46: Aula 5 - Escala - Rafael Hoffmann | Professor & Designer · fundamentos da linguagem visual : professor Rafael Hoffmann Alterar a escala de um elemento pode transformar seu impacto

professor Rafael Hoffmann