historia design grafico sem imagens
TRANSCRIPT
![Page 1: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/1.jpg)
Design Gráfico
Histórico
![Page 2: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/2.jpg)
•Estilo Vitoriano1820 até final do séc. XIXInglaterra, Estados Unidos e França -variações exageradas de peso e tamanho tipologias- uso de contornos em grande quantidade(molduras extravagantes e carregadas de afrescos)- utilização de todos os espaços- elementos decorativos em abundância- ornamentação- gde qtdade de tipos muito ornamentados
![Page 3: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/3.jpg)
•Artes e Ofíciosentra em declínio a partir de 1890Inglaterra - resgate da estética medieval- dos manuscritos, iluminaras, incunábulos góticos- admiração pelo antigo- não se preocupa com o realimo das imagens- pobreza estética x produção industrial (guildas)
![Page 4: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/4.jpg)
•Art Nouveau1890Paris, Berlim e Viena - início do design moderno- marcado pelo ornamento útil- unifica decoração, estrutura e planejamento - posters - artes aplicadas, artes clássicas, comunicação de massa, processos de impressão - tipologias que são ornamentadas para integrar- da tipologia e xilogravura para a cromolitografia- Secessão - ornamento geometrizado
![Page 5: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/5.jpg)
•Os primeiros modernismoscomeço séc. XXEuropa -sistema monárquico para democracia, comunismo e socialismo- progresso tecnológico: automóveis, aviões, jornais, revistas, cinema, avanço da fotografia, rádio
![Page 6: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/6.jpg)
Cubismo - 1909- novos ângulos de visão- abstrações geométricas- colagem - montagem- letras como elementos plásticos- bidimensão- rompe com a representação e a forma tradicionais
![Page 7: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/7.jpg)
Futurismo- enaltece a velocidade, o ruído dos automóveis e enaltece a guerra- utiliza uma grande quantidade de tipos- rompe com o simétrico- utiliza imagens sobrepostas- letras e palavras como imagens- traduz o movimento graficamente- não existe regras para divisão do espaço
![Page 8: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/8.jpg)
Dadaísmo- anarquia / caos- irreverência- humor- chocante- busca chamar a atenção- inconsciente - Surrealismo - simbolismo /sobreposições - Ilustrações
![Page 9: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/9.jpg)
- arte comercial - impulsos de padronização visual- criação de formatos e fórmulas - ident. visual- Peter Behrens - AEG- distribuição geométrica e modular- tipologia - Behrens - Antiqua- uso de 2 ou 3 cores- fotos e ilustrações objetivas- centralização de elementos
![Page 10: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/10.jpg)
- tipo de trabalho chamado Plakastil- posters simples- saturação de mensagens
- Sachplakat poster objeto- econômico visualmente- direto e objetivo- letras bold negrito- mensagem clara- imagens de simples compreensão
![Page 11: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/11.jpg)
Construtivismo Russo e De Stijl- simplificar e padronizar
Construtivismo Russo- fotomontagens / sobreposição- conceitos integrados entre palavra e imagem- slogans visuais- El Lissitzki- formas geométricas- uso do vermelho e preto
![Page 12: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/12.jpg)
Construtivismo Russo e De Stijl- simplificar e padronizar
De Stijl- rigorosa precisão na divisão do espaço- assimetria- retangularidade- cores primárias- linhas negras- soluções simples- nova legibilidade da tipologia
![Page 13: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/13.jpg)
Bauhaus - em 1919 Escola de Artes e Ofícios de Weimar- integração das artes clássicas e aplicadas
- cria-se um novo código de valores visuais- clareza e legibilidade tem prioridade em rel. a estética- apenas letras minúsculas e geométricas- teoria da cor- numerais grandes- fontes sem serifa - Universal - A Nova Tipografiaimport.foto - área de bco - linhas obliquas e verticaispadroniz papéis DIN - rejeita ornamentos - formas design
![Page 14: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/14.jpg)
Art Deco- primeiro estilo moderno das massas
- agradava ao público e fazia parte do gosto popular- uso de ornamentos - formas geométricas, fios, etc
![Page 15: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/15.jpg)
Estilo Internacional- associado Suiça - Alemanha- não é um período - 1920 a 1960
- clareza e ordem- diagramação assimétrica- alinhamentos pela esquerda- utilização do grid- letras univers, helvética e derivadas- destaques de parágrafos com linhas em branco- formas iguais globalizaria as diferenças mundiais
![Page 16: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/16.jpg)
- IBM 1956 IBM Design Guide
- coerência visual potencializam padronização- conceitos integrados entre palavra e imagem- 1977 Unigrid normatizam os parques Estados Unidos- folhas abertas ou com dobras pré-estipuladas- tarjas superiores com’os nomes dos parques vazados- organização horizontal de mapas, ilustrações e textos- tipologias padronizadas- grades coordenando a diagramação do layout
- 1960 - revistas grandes e circulação ampla:Esquire, Fortune, Vogue, Harper’s Bazar- Encolhem formato 25,5x33,4 para 21x27,5
![Page 17: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/17.jpg)
- evitar clichês visuais e interpretar o lugar comum de maneira inesperada- curiosidade e inteligência do espectador para completar o sentido - Nova Publicidade
- sai da manipulação da imagem e passa a simularo mundo real de forma glamorosa - Dir. Arte - EUA
- 1965 - Design gráfico como profissão especializadaPRINTCommunication Arts Art DirectorsAIGA - Instituto Americanod e Artes GráficasICOGRADA - Conselho Internacional
- Movimento dos olhos sobre um design - Lab. Design
![Page 18: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/18.jpg)
•Design pós-modernistatodas as práticas contemporâneas que não estejam baseadas na rigidez bauhausiana -rompe com a previsibilidade e assepsia- retornam os elemetnos decorativos- fragmentar imagens e trabalhar com camadas- mistura de corpos estilos e tamanhos na mesma palavra- inclusão de ruídos- espaçamentos aleatórios
![Page 19: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/19.jpg)
•Revivalismo e vernacularNova York - 1954 - Push Pin Studioestilos vitorianos, art nouveau e art decó - estilo com cores luminosas- molduras exageradas e sinuosas- formas pesadas- justaposições palavra
![Page 20: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/20.jpg)
•New Wave e Punkinício dos anos 1970 - Wolfgang Weingart -acreditavam que o Estilo Internacional estava esgotado- expandir parâmetros- layout mais solto e menos linear- blocos de texto uns sobre os outros- linhas e barras com diversas espessuras- os espaços e letras são tratados informalmente- novos ângulos além dos retos- perde-se o alinhamento ancorado- sobrepor camadas de foto, textos, texturas
![Page 21: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/21.jpg)
•New Wave e Punk
Punk- o ruído, o feio, o não -design- estilo das ruas londrinas, drogas e rebeldia- letras e imagens recortadas de jornais, máquinas de escrever, letras feitas a mão, sem preocupação coma ordem e o acabamento.
![Page 22: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/22.jpg)
•Desconstrução e Academia de Arte Cranbooka partir de 1978 - noções pós-estruturalistasforma da letra não interfere na significaçãouso da tipografia como mera representação fonética do texto -caracterização do texto escrito como representação menor- Derrida compara o texto falado e escrito reconhecendo que não existe imparcialidade- Compara a moldura de um quadro:ela denuncia o vazio ou a intensidade da obra na mesma proporção que parece se auto-apagar.
![Page 23: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/23.jpg)
•Grapus, Memphis, Neville Brody e Retro
Grapus- final de 70 na França - cooperativa de designers PC- segmento cultural
- visual amador e um tom brincalhão- textos caligráficos ou com rabiscos- ilustrações infantis- fotografias ägredidas” por borrifos, cortes, riscos- satiriza o design
![Page 24: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/24.jpg)
•Grapus, Memphis, Neville Brody e Retro
- retrabalhou o eNeville Brodystilo Punk e o tornou mais comercial
![Page 25: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/25.jpg)
•Grapus, Memphis, Neville Brody e Retro
Memphis- grupo italiano
- pluralismo, ecletimso e hedonismo- texturas, superfícies, cores, elementos geométircos de forma divertida e descontraída- a função é secundária- o apelo decorativo se sobrepõe a informação-
![Page 26: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/26.jpg)
•Grapus, Memphis, Neville Brody e Retro
Retro- é uma técnica, muito utilizada a partir de 1985- recorrer a estilos do passado
![Page 27: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/27.jpg)
•A Revolução Digital- em final de 1985- Apple - Macintosh
- o designer da criação até o processo de finalização- mais liberdade para cores, texturas, imagens, distorções, fusões, novas tipolofias, a estética do pixel e do bitmap,etc- Emigre - com elem. gráficos experimentaissem projeto gráfico, grid - marco contemporâneo-legibility (alto modernismo) e readbility (pós)
![Page 28: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/28.jpg)
•David Carson
- Neo-Dada- despreocupação com a clareza- surf e rock
- a atitude é mais importante que a leitura- designer gráfico x artista gráfico- rompe com o legibility completamente- revista Ray Gun- flexibilização e trangressão- leitor interpreta e não lê- destrói, reconstrói e renomeia
![Page 29: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/29.jpg)
•A nova simplicidade
- “bagunça” visual reflexo da linguagem da tv, vídeo e das ruas- less is more - clareza e racionalidade
- estética simples mas conceitos mais complexos
![Page 30: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/30.jpg)
•Políticas de estilo- atende a interesses de ordem econômica- manifestação de valores, conceito, fantasias de umdeterminado tempo e lugar- design gráfico cambiante - flexível mutante
- d.moderno é: assimétrico, retangular, grid, tipos sem serifa, hierarquiza informações, legibilidade- d. pós moderno é: eclético, retro, incluui o ruído, privilegia a atitude em detrimento da informação, é mais caótico e desordenado
- MTV, revistas BIG, Matiz, Ray Gun, relógios Swatch
![Page 31: Historia Design Grafico Sem Imagens](https://reader036.vdocuments.mx/reader036/viewer/2022081516/5571f31449795947648d7423/html5/thumbnails/31.jpg)
Criação idependente de estilos
Qualquer problema visual tem um número infinito de soluções, que muitas delas são válidas, devem serretirados do assunto abordado e o designer não deve ter um estilo pré concebido.
O designer gráfico é um inventor de linguagens utilizando todos os elementos da linguagem visual em todas as suas expressões