152
Profª Venise Melo Prof. Sérgio Borgato FUNDAMENTOS DO DESENHO E DA IMAGEM DIGITAL AULA TEÓRICA DESIGN GRÁFICO PÓS-MODERNO

Aula teorica - Design Gráfico Pós-Moderno

Embed Size (px)

Citation preview

Page 1: Aula teorica - Design Gráfico Pós-Moderno

Profª Venise MeloProf. Sérgio Borgato

FUNDAMENTOS DO DESENHO

E DA IMAGEM DIGITAL

AULA TEÓRICADESIGN GRÁFICO PÓS-MODERNO

Page 2: Aula teorica - Design Gráfico Pós-Moderno

Design Pós-Moderno

Inclusão de práticas contemporâneas que não estão

inseridas em uma prática dos dogmas da Bauhaus

Page 3: Aula teorica - Design Gráfico Pós-Moderno

As características do pós-modernismo se refere a uma estética que rompe com a

previsibilidade do modernismo. Nenhuma preocupação com a legibilidade.

Uso de formas livres e flutuantes diferentes das formas básicas

geométricas.

Page 4: Aula teorica - Design Gráfico Pós-Moderno

Tendência de fragmentação e multiplicidade.

Uso da aleatoriedade, mistura de tipografias em peso e estilos dentro da

mesma palavra.Opção por colagens, inclusão do ruído

(sujeiras, imperfeições, rompimento com o acabamento “limpo”)

Rejeição da funcionalidade e neutralidade em favor da experiência pessoal

Características

Page 5: Aula teorica - Design Gráfico Pós-Moderno

Push Pin Studio, 1954

Page 6: Aula teorica - Design Gráfico Pós-Moderno
Page 7: Aula teorica - Design Gráfico Pós-Moderno
Page 8: Aula teorica - Design Gráfico Pós-Moderno
Page 9: Aula teorica - Design Gráfico Pós-Moderno

Milton GlaserPush Pin Studio

Page 10: Aula teorica - Design Gráfico Pós-Moderno
Page 11: Aula teorica - Design Gráfico Pós-Moderno
Page 12: Aula teorica - Design Gráfico Pós-Moderno
Page 13: Aula teorica - Design Gráfico Pós-Moderno
Page 14: Aula teorica - Design Gráfico Pós-Moderno
Page 15: Aula teorica - Design Gráfico Pós-Moderno

Herb Lubalin, 1960Utilização de tipografia característica,

com estilo com serifas definidas e ligaduras entre as letras, como

movimento caligráfico. Resgate de estilos decorativos inserindo-se como

movimento “Retrô”no design.

Page 16: Aula teorica - Design Gráfico Pós-Moderno
Page 17: Aula teorica - Design Gráfico Pós-Moderno
Page 18: Aula teorica - Design Gráfico Pós-Moderno
Page 19: Aula teorica - Design Gráfico Pós-Moderno
Page 20: Aula teorica - Design Gráfico Pós-Moderno
Page 21: Aula teorica - Design Gráfico Pós-Moderno
Page 22: Aula teorica - Design Gráfico Pós-Moderno
Page 23: Aula teorica - Design Gráfico Pós-Moderno

Psicoldelismo,1960Estilo gráfico aplicado em peças

desenvolvidas para concertos, capas de discos debandas de rock.

Page 24: Aula teorica - Design Gráfico Pós-Moderno

Os anos 60explosão de juventude

idéias de liberdade

movimento hippieutilização de alucinógenos

Page 25: Aula teorica - Design Gráfico Pós-Moderno
Page 26: Aula teorica - Design Gráfico Pós-Moderno
Page 27: Aula teorica - Design Gráfico Pós-Moderno
Page 28: Aula teorica - Design Gráfico Pós-Moderno
Page 29: Aula teorica - Design Gráfico Pós-Moderno

Cartazes, capas de discos psicodélicos eram criados para uma platéia bem exclusiva, com letreiros

praticamente ilegíveis, carregando a mensagem implícita: “Se você não

consegue ler, não é para você.”

Page 30: Aula teorica - Design Gráfico Pós-Moderno
Page 31: Aula teorica - Design Gráfico Pós-Moderno
Page 32: Aula teorica - Design Gráfico Pós-Moderno
Page 33: Aula teorica - Design Gráfico Pós-Moderno
Page 34: Aula teorica - Design Gráfico Pós-Moderno
Page 35: Aula teorica - Design Gráfico Pós-Moderno
Page 36: Aula teorica - Design Gráfico Pós-Moderno
Page 37: Aula teorica - Design Gráfico Pós-Moderno
Page 38: Aula teorica - Design Gráfico Pós-Moderno
Page 39: Aula teorica - Design Gráfico Pós-Moderno
Page 40: Aula teorica - Design Gráfico Pós-Moderno
Page 41: Aula teorica - Design Gráfico Pós-Moderno

Wes WilsonEscolhas de tipografia e cores a partir de experiências visuais com o uso de LSD.

Page 42: Aula teorica - Design Gráfico Pós-Moderno
Page 43: Aula teorica - Design Gráfico Pós-Moderno
Page 44: Aula teorica - Design Gráfico Pós-Moderno
Page 45: Aula teorica - Design Gráfico Pós-Moderno
Page 46: Aula teorica - Design Gráfico Pós-Moderno
Page 47: Aula teorica - Design Gráfico Pós-Moderno
Page 48: Aula teorica - Design Gráfico Pós-Moderno
Page 49: Aula teorica - Design Gráfico Pós-Moderno
Page 50: Aula teorica - Design Gráfico Pós-Moderno
Page 51: Aula teorica - Design Gráfico Pós-Moderno
Page 52: Aula teorica - Design Gráfico Pós-Moderno

Efeito de vibração ópticaVictor Moscoso

Page 53: Aula teorica - Design Gráfico Pós-Moderno
Page 54: Aula teorica - Design Gráfico Pós-Moderno
Page 55: Aula teorica - Design Gráfico Pós-Moderno
Page 56: Aula teorica - Design Gráfico Pós-Moderno

Underground Termo utilizado para descrever a

atitude de oposição de muitos jovens na década de 60, com

valores culturais e políticos alternativos, fora dos padrões

convencionais.

Page 57: Aula teorica - Design Gráfico Pós-Moderno

Utilizavam a tecnologia faça você mesmo, utlizando

máquina de escrever, impressão em off-set barato e

de má qualidade.

Page 58: Aula teorica - Design Gráfico Pós-Moderno
Page 59: Aula teorica - Design Gráfico Pós-Moderno
Page 60: Aula teorica - Design Gráfico Pós-Moderno
Page 61: Aula teorica - Design Gráfico Pós-Moderno
Page 62: Aula teorica - Design Gráfico Pós-Moderno

Anos 70 New WaveWolfgang Weingart

Design menos regrado, mais intuitivo, sem a preocupação com clareza e

legibilidade.Layout com menos clareza, sem a

forma hierárquica, mais solto e não linear.

As linhas, “fios”, bases são abandonados.

Mais expressividade

Page 63: Aula teorica - Design Gráfico Pós-Moderno
Page 64: Aula teorica - Design Gráfico Pós-Moderno
Page 65: Aula teorica - Design Gráfico Pós-Moderno
Page 66: Aula teorica - Design Gráfico Pós-Moderno
Page 67: Aula teorica - Design Gráfico Pós-Moderno
Page 68: Aula teorica - Design Gráfico Pós-Moderno

Assimilação do ruído, do feio e do não-design. “Se o dadaísmo foi contra a arte, o

Punk foi contra o design”O principal veículo de comunicação do Punk

é o fanzine. Letras recortadas de jornais, máquinas de escrever e feita à mão.

Colagem sem a preocupação com ordem ou acabamento.

Movimento PUNK

Page 69: Aula teorica - Design Gráfico Pós-Moderno

Jamie Reid

Page 70: Aula teorica - Design Gráfico Pós-Moderno
Page 71: Aula teorica - Design Gráfico Pós-Moderno
Page 72: Aula teorica - Design Gráfico Pós-Moderno
Page 73: Aula teorica - Design Gráfico Pós-Moderno
Page 74: Aula teorica - Design Gráfico Pós-Moderno
Page 75: Aula teorica - Design Gráfico Pós-Moderno

A desconstrução do

Grupo GrapusFinal década de 1970, uma cooperativa de designers que se identificava com o Partido Comunista Francês, possui um

visual amador e irônico.Inserção de rabiscos de lápis, pincel, ilustração e que remetem à garatujas

infantis, fotografias desconstruídas, satirização do design limpo e funcional.

Page 76: Aula teorica - Design Gráfico Pós-Moderno
Page 77: Aula teorica - Design Gráfico Pós-Moderno
Page 78: Aula teorica - Design Gráfico Pós-Moderno
Page 79: Aula teorica - Design Gráfico Pós-Moderno
Page 80: Aula teorica - Design Gráfico Pós-Moderno
Page 81: Aula teorica - Design Gráfico Pós-Moderno
Page 82: Aula teorica - Design Gráfico Pós-Moderno
Page 83: Aula teorica - Design Gráfico Pós-Moderno
Page 84: Aula teorica - Design Gráfico Pós-Moderno

estética pós-moderna denominada New Bauhaus.

Neville Brody

Page 85: Aula teorica - Design Gráfico Pós-Moderno

Pluralismo, ecletismo, texturas e desconstrução.

O design dos anos 80 não insere hegemonia de uma escola ou estilo, mas

muitas tendências transitam como possibilidades, gerando o design híbrido,

por vez funcional, por vez contestação.

Década de 80.

Page 86: Aula teorica - Design Gráfico Pós-Moderno

Em meados de 1980 a prática da computação gráfica se insere no design.

A partir de 1984 O computador Macintosh, da Apple oferece as primeira

possibilidades de criação digital.

A revolução digital.

Page 87: Aula teorica - Design Gráfico Pós-Moderno

Neville Brody

Page 88: Aula teorica - Design Gráfico Pós-Moderno
Page 89: Aula teorica - Design Gráfico Pós-Moderno
Page 90: Aula teorica - Design Gráfico Pós-Moderno
Page 91: Aula teorica - Design Gráfico Pós-Moderno
Page 92: Aula teorica - Design Gráfico Pós-Moderno
Page 93: Aula teorica - Design Gráfico Pós-Moderno
Page 94: Aula teorica - Design Gráfico Pós-Moderno
Page 95: Aula teorica - Design Gráfico Pós-Moderno
Page 96: Aula teorica - Design Gráfico Pós-Moderno

April Greiman Utilização das novas tecnologias como ferramenta principal do design gráfico

A estética do pixel e do bitmap são valorizadas.

Page 97: Aula teorica - Design Gráfico Pós-Moderno
Page 98: Aula teorica - Design Gráfico Pós-Moderno
Page 99: Aula teorica - Design Gráfico Pós-Moderno
Page 100: Aula teorica - Design Gráfico Pós-Moderno
Page 101: Aula teorica - Design Gráfico Pós-Moderno
Page 102: Aula teorica - Design Gráfico Pós-Moderno
Page 103: Aula teorica - Design Gráfico Pós-Moderno
Page 104: Aula teorica - Design Gráfico Pós-Moderno
Page 105: Aula teorica - Design Gráfico Pós-Moderno
Page 106: Aula teorica - Design Gráfico Pós-Moderno
Page 107: Aula teorica - Design Gráfico Pós-Moderno
Page 108: Aula teorica - Design Gráfico Pós-Moderno
Page 109: Aula teorica - Design Gráfico Pós-Moderno

Emigre Magazine 1984Estética pós-moderna, experimental.

A revista que ignora fronteiras.

Page 110: Aula teorica - Design Gráfico Pós-Moderno
Page 111: Aula teorica - Design Gráfico Pós-Moderno
Page 112: Aula teorica - Design Gráfico Pós-Moderno
Page 113: Aula teorica - Design Gráfico Pós-Moderno
Page 114: Aula teorica - Design Gráfico Pós-Moderno
Page 115: Aula teorica - Design Gráfico Pós-Moderno

Edward FellaUnião de idéias desconstrutivistas,

desintegração de formas e intervalos espaciais irregulares nas

tipografias aleatórias.

Page 116: Aula teorica - Design Gráfico Pós-Moderno
Page 117: Aula teorica - Design Gráfico Pós-Moderno
Page 118: Aula teorica - Design Gráfico Pós-Moderno
Page 119: Aula teorica - Design Gráfico Pós-Moderno
Page 120: Aula teorica - Design Gráfico Pós-Moderno
Page 121: Aula teorica - Design Gráfico Pós-Moderno

1990Progresso acelerado dos computadores,

dos seus softwares e das máquinas de impressão geram novas possibilidades devido às poderosas capacidades das

novas tecnologias.

Page 122: Aula teorica - Design Gráfico Pós-Moderno

O Photoshop, inicialmente desenvolvido para o tratamento e retoque de imagem, passa a

permitir uma manipulação e criação de imagens nunca antes

desenvolvida.

Page 123: Aula teorica - Design Gráfico Pós-Moderno

David CarsonNos remete ao dadaísmo: a mesma

despreocupação com a leitura e informação. A atitude é o princípio maior.

Consegue romper com qualquer princípio de legibilidade e ordem.

Destruição, desconstrução.Fotografias desfocadas, recortadas.

Um design totalmente incompreensivelO leitor precisa traduzir, pensar, refletir.

Page 124: Aula teorica - Design Gráfico Pós-Moderno
Page 125: Aula teorica - Design Gráfico Pós-Moderno
Page 126: Aula teorica - Design Gráfico Pós-Moderno
Page 127: Aula teorica - Design Gráfico Pós-Moderno
Page 128: Aula teorica - Design Gráfico Pós-Moderno
Page 129: Aula teorica - Design Gráfico Pós-Moderno
Page 130: Aula teorica - Design Gráfico Pós-Moderno
Page 131: Aula teorica - Design Gráfico Pós-Moderno
Page 132: Aula teorica - Design Gráfico Pós-Moderno
Page 133: Aula teorica - Design Gráfico Pós-Moderno
Page 134: Aula teorica - Design Gráfico Pós-Moderno
Page 135: Aula teorica - Design Gráfico Pós-Moderno
Page 136: Aula teorica - Design Gráfico Pós-Moderno

Ao mesmo tempo que temos a plena desconstrução e expressividade devido aos

novos meios tecnológicos, “ more is more” em oposição ao “less is more” modernista, o

retorno então da simplicidade é vista como uma solução, um movimento contrário.

Uma simplicidade diferente da modernista Bauhaus, menos dogmática, estética simples quase minimalista, com a utilização do ruído

e acabamento mal feito.

A Nova simplicidade

Page 137: Aula teorica - Design Gráfico Pós-Moderno

O design de hojeo hibridismo de linguagens

Page 138: Aula teorica - Design Gráfico Pós-Moderno
Page 139: Aula teorica - Design Gráfico Pós-Moderno
Page 140: Aula teorica - Design Gráfico Pós-Moderno
Page 141: Aula teorica - Design Gráfico Pós-Moderno
Page 142: Aula teorica - Design Gráfico Pós-Moderno
Page 143: Aula teorica - Design Gráfico Pós-Moderno
Page 144: Aula teorica - Design Gráfico Pós-Moderno
Page 145: Aula teorica - Design Gráfico Pós-Moderno
Page 146: Aula teorica - Design Gráfico Pós-Moderno
Page 147: Aula teorica - Design Gráfico Pós-Moderno
Page 148: Aula teorica - Design Gráfico Pós-Moderno
Page 149: Aula teorica - Design Gráfico Pós-Moderno
Page 150: Aula teorica - Design Gráfico Pós-Moderno
Page 151: Aula teorica - Design Gráfico Pós-Moderno
Page 152: Aula teorica - Design Gráfico Pós-Moderno