SlideShare una empresa de Scribd logo
1 de 40
4 Design editorial
    |   história : estilo editorial
    |   tipografia/ texto
    |   fotografia / ilustração
    |   diagramas
    |   projetos editoriais


   4 Professor Fabio Silveira
   	 Design Editorial


    O trabalho Aulas_Projeto Editorial de Professor Fabio Silveira foi licenciado com uma Licença Creative Commons -
    Atribuição-NãoComercial-CompartilhaIgual 3.0 Não Adaptada. Podem estar disponíveis autorizações adicionais ao âmbi-
    to desta licença em fabio.designerbr@gmail.com. Este é um trabalho destinado ao âmbito acadêmico. O uso das imagens
    neste documento servem apenas para ilustrar os exemplos dos conceitos e tecnicas apresentadas em sala de aula.
hiStória | Padrão de estilo                                                                                                   18
A formação de um estilo moderno dentro                                             I Guerra
do design gráfico teve seu início em 1910.                                         Mundial
Passando pelo peródo da 1ª guerra a Bauhaus,
em 1920 havia fundado um movimento irradiador        1900                1910           1920                       1930
de tendências sintetizando as idéias desenvolvidas          art noVeau

no período anterior para formar o que viria a ser                 cubismo
                                                                            futurismo
o estilo moderno.                                                                  dadaísmo                  surrealismo
                                                                                        de stijl
Alguns principais movimentos foram responsáveis                                                    construtiVismo
pelo surgimento desse estilo: Art Nouveau,                                                         bauhaus

Cubismo, Futurismo, Dadaísmo, Surrealismo,                                                         art dÉco

Construtivismo, Art Déco, De Stjil e Bauhaus.




                                                                                              Design Editorial 4 Professor Fabio Silveira
Art noveau | Estilos                                                                            3
Foi o prelúdio, ou mesmo, o alarme falso do
movimento moderno. Além da ênfase que em geral
atribuía à decoração superficial, ao mero ornamento.
este movimento exerceu certa inflência mais direta
sobre o design gráfico; marcou o início dos posteres
como forma de expressão artística, com os trabalhos
de Beardsley, Bonnard e Toulouse - Lautrec.
Os posteres acabaram por representar uma força
importante na formação e transição do estilo artístico
para as outras formas de arte aplicada.




                                                         1. Rene Mackintosh
                                                         2. Alphonse Muncha
                                                         3. Toulose-Loutrec



                                                           Design Editorial 4 Professor Fabio Silveira
cubismo | Estilos                                                                   4
Nenhum acontecimento artístico
do século XX foi mais revolucionário
e duradouro dentro da comunicação
visual do que o Cubismo. Sua influência
no desgin gráfico foi a utilização da colagem
e da montagem; com o livre uso das letras
como elemento plástico e principalmente
com o rompimento das regras tradicionais
de representação e de forma.




                                                          1. George Braque
                                                          2. Pablo Picasso
                                                Design Editorial 4 Professor Fabio Silveira
Futurismo | Estilos                                                                                    5
A estreita ponte entre os movimentos
cubistas e futuristas foi estabelecidas
por Marcel Duchamp, com seu clássico
Nú descendo uma escada.                 1. E. Macknight Kauffer
                                          2. Marcel Duchamp
A preocupação dos futuristas
era com o movimento
da máquina. Reside sua
contribuição mais expressiva
para o design gráfico.




                                                                  Design Editorial 4 Professor Fabio Silveira
Dadaísmo | Estilos                                                                                             6
Inspirado pela irreverência
e pela imaginação de Duchamp,
o movimento dadaísta expadiu-se
para todo o mundo artístico. Sua
constante atitude de negação e
desafio em relação aos monstros
sagrados da arte tiverem dois
principais resultados em relação
ao design moderno:

– Os designers entenderam o valor
do humor e do chocante como
forma de despertar a atenção do
observador e anular sua apatia;

– A reavaliação dos designers para
suas próprias fórmulas tipográficas
dentro do experimentalismo
dadaísta na comunicação impressa.
                                      1. Marcel Duchamp 2. Manifesto Dadaísta 3. Tadonari Yokoo
                                                                           Design Editorial 4 Professor Fabio Silveira
surrealismo | Estilos                                                                  7
Com a crescente influência      1. René Magrite
das idéias de Sigmund Freud,    2. Max Ernst
muitos dos primeiros artistas   3. Hans Arp
do Dadaísmo evoluíram,
na década de 20, para nova
expressão visual.

Esta mudança estabeleceu
uma nova concepção das
imagens gráficas, dos
desenhos, da ilustração
e mesmo da fotografia,
fornecendo inesgotável
fonte de idéias
para a comunicação visual.




                                                  Design Editorial 4 Professor Fabio Silveira
Construtivismo | Estilos                                              8
Subvertendo as regras
até então os dadaístas e
surrealistas provocaram um
caos considerável dentro da
comunicação visual. Porém
a revolução Russa e seu
construtivismo veio para dar
uma nova ordem ao design,
da mesma forma que
o De Stjil. Com a utilização
de fotomontagens, colagem
e da tipografia livre nas artes
aplicadas, o construtivismo
ajudu a criar uma nova proposta
para a comunicação.


1. El Lissitzk
2. Kasimir Malevitch
3. Alexander Rodchenko
                                  Design Editorial 4 Professor Fabio Silveira
Construtivismo | Estilos                                                      9




                 1. Alexander Rodchenko




                                          Design Editorial 4 Professor Fabio Silveira
Art déco | Estilos                                                                                  10
Este movimento que em muitos
sentidos corre em direção contrária
à tendência da simplicidade do
design moderno, trouxe de volta
a decoração superficial às artes
aplicadas. Parte do material
impresso na década de
20 tocou no relance das
formas aerodinâmicas que
abriram caminho para as futuras
criações na Bauhaus, nos anos 30.

Assim como o Art Noveau,
estes estilo teve muita
popularidade entre estudantes
devido seu ar nostálgico
e pela variedade de opções.           1. Adolphe Mouron Cassandre



                                                                    Design Editorial 4 Professor Fabio Silveira
Art déco | Estilos                                                                                 11




                                                                 Design Editorial 4 Professor Fabio Silveira
1. Adolphe Mouron Cassandre 2.Ahsley Havinden 3. Milton Glaser
De Stjil e Bauhaus | Estilos                                                                   12
No nascimento da Bauhaus em
1919, Piet Mondrian evoluiu do
cubismo para o neoplasticismo
dos seus primeiros trabalhos,
simplificando a pintura assimétrica.
Theo van Doesburg refinou a
apresentação tipográfica e o layout
de páginas assimétrico no grupo
De Stjil. No começo dos anos 30,
com o fim da Bauhaus, as idéias
foram expandidas inclusive todo o
material gráfico impresso [capas,
revistas, anúncios, comunicados,
livros e folhetos]
                                       1. Theo van Doesburg
embora experimentais, muitas
                                       2. Vilmor Huzar
obras permanecem tão modernas
e funcionais hoje em dia quanto no     3. White Stripes
período de seu desenvolvimento.

                                                              Design Editorial 4 Professor Fabio Silveira
De Stjil e Bauhaus | Estilos                                    13




                                1. Theo van Doesburg
                                2. Herbert Bayer
                                3. Paul Klee




                               Design Editorial 4 Professor Fabio Silveira
e depois da Bauhaus? | Estilos                                         14




                                 1. Cadeira-Pedestal.
                                 Eero Saarinen
                                 2. Lester Beall




                                       Design Editorial 4 Professor Fabio Silveira
e depois da Bauhaus? | Estilos                                          15




                                 1. Roy Lichteinstein
                                 2. Will Burtin
                                       Design Editorial 4 Professor Fabio Silveira
e no brasil? | Estilos                                                           32
                            1812
                          O Museu Pittoresco
                        Historico e Litterario,
                     começou a se preocupar
                       em dar um tratamento
                        gráfico para a página
                           com um logotipo


 1808
                            fantasia, text em
                      duas colunas e moldura



          1812
                  As Variedades
                  de Silva Serva e
                  o Correio Brazilense
                  de Hipólito da Costa
                  pareciam livros.
                  A primeira foi
                  considerada jornal
                  e a segunda revista.            Design Editorial 4 Professor Fabio Silveira
e no brasil? | Estilos                                                 33


                         |60
                 1930 | 40 | 50
                                  no início do século passado uve a
                                  expansão das revistas populares
                                  sendo que a partir da década
                                  de 60 as revistas ocuparam um
                                  destaque na história cultural
                                  brasileira [início das fotonovelas]

                                  Sua refrência principal foi a revista
                                  O Cruzeiro, criada em 1928 por
                                  Assis Chateaubriand, criou-se
                                  parâmentros que balizaram a
                                  opnião pública. Algo que a Rede
                                  Globo faria somente no início da
                                  década de 70.

                                  Na seqüência dois outras revistas
                                  mudaram os rumos do design
                                  editorial brasileiro. O Sr. e
                                  Realidade


                                        Design Editorial 4 Professor Fabio Silveira
e no brasil? | Estilos                                  34
                                                    |60




                         Design Editorial 4 Professor Fabio Silveira
e no brasil? | Estilos                                  35




                         »
                         Design Editorial 4 Professor Fabio Silveira
SR. | o começo do design editorial brasileiro                                                             39



                                   58                                           _64

                                    » Com raízes nas artes plásticas e sob o comando de
                                    Carlos Scliar e Glauco Rodrigues, a revista SR. trouxe
                                    ousadia e requinte para o mercado editorial brasileiro.
                                    » Ênfase nas artes plásticas para as capas e matérias.
                                    » Logotipo Mutantes. Graphis na suiça. Sr. No Brasil
                                    » Bea Feitler. Talento feminino. graça e leveza.
                                    » Michel Burton. Capas tipográficas.
                                   Revista SR.
                                   Editora Delta: Simão Waissman
                                   Jornalista: Nahum Sirotsky
                                   Projeto Gráfico: Carlos Scliar
                                   “Designer”: Glauco Rodrigues e Jaguar

                                                                           Design Editorial 4 Professor Fabio Silveira
SR. | o começo do design editorial brasileiro                                 40




                                                Design Editorial 4 Professor Fabio Silveira
SR. | o começo do design editorial brasileiro                                   41
                                                » Ousadia na união
                                                de texto e imagem.

                                                » Integração
                                                ilustração + foto + texto.




                                                Design Editorial 4 Professor Fabio Silveira
SR. | o começo do design editorial brasileiro                                  42




                                                Design Editorial 4 Professor Fabio Silveira
SR. | o começo do design editorial brasileiro                                  43




                                                Design Editorial 4 Professor Fabio Silveira
SR. | o começo do design editorial brasileiro                                 44




                                                         foto
                                                          [grafia]
                                                                 »
                                                Design Editorial 4 Professor Fabio Silveira
SR. | o começo do design editorial brasileiro                                  45




                                                   » A fotografia também
                                                   teve seu espaço nas
                                                   páginas da Senhor,
                                                   porém manipulada
                                                   no laboratório,
                                                   transmutada em
                                                   informação pictórica.
                                                   Abertura de caminho
                                                   par a Realidade
                                                Design Editorial 4 Professor Fabio Silveira
SR. | o começo do design editorial brasileiro                                                        46




                                  » Abertura para a união criativa dos meios gráficos,
                                  fotográficos e ilustrativos para que se tenha um rico
                                  trabalho informativo e de design em páginas de revista.

                                                                       Design Editorial 4 Professor Fabio Silveira
realidade | design fotográfico. O impacto da imagem.                                                           47



                             66
                              » Realidade: Design com fotos. Símbolo nacional na capa.
                              » New jornalism. Antecedendo fatos. Copa da inglaterra.
                              » Grande tiragem desde o 1º nº. 250 mil exemplares. 450
                              mil na 6ª edição.
                              » Jornalismo em primeira pessoa. Transportar o leitor para
                              o fato que está acontecendo.
                                                                                           _76


                              » Capas opinativas.
                              » Miolo sóbrio, seco, objetivo.

                             Realidade nº1
                             Ênfase na fotografia, exploração dos simbolos
                             nacionais. Utilização de rostos para declarar um
                             posicionamento na sociedade



                                                                                Design Editorial 4 Professor Fabio Silveira
realidade | design fotográfico. O impacto da imagem.                             48




                                                   Design Editorial 4 Professor Fabio Silveira
realidade | design fotográfico. O impacto da imagem.                             49




                                                   Design Editorial 4 Professor Fabio Silveira
realidade | design fotográfico. O impacto da imagem.                                           50

Ouço uma explosão fantástica […]
Um segundo após me senti no chão sentado. A cor-
tina de fumaça se esgarçou e vi aproximar-se de
mim Shimamoto, o fotógrafo japonês. Pergunto-lhe:
– Shima, você está bem?
Sem responder, ele continuou caminhando para mim. Foi aí
que senti a perna esquerda.    » Realidadenº 26 : 26-42
                               José Hamilton Ribeiro, Vietnã 1968




                                                                Design Editorial 4 Professor Fabio Silveira
!
                                     51




    »…
    Design Editorial 4 Professor Fabio Silveira
realidade | design fotográfico. O impacto da imagem.                                   52




                                             O jornalista José Hamilton
                                             Ribeiro, hoje na rede Globo,
                                             fez a cobertura da Guerra do
                                             Vietnã, que estava no auge. No
                                             último dia antes do retorno ele
                                             pisou numa mina terrestre que
                                             deixou sua perna esquerda em
                                             frangalhos.
                                                       Design Editorial 4 Professor Fabio Silveira
realidade | design fotográfico. O impacto da imagem.                              54




                                                   Design Editorial 4 Professor Fabio Silveira
realidade | design fotográfico. O impacto da imagem.                              55




                                                   Design Editorial 4 Professor Fabio Silveira
realidade | design fotográfico. O impacto da imagem.                              56




                                                   Design Editorial 4 Professor Fabio Silveira
realidade | design fotográfico. O impacto da imagem.                               57




                                                   Design Editorial 4 Professor Fabio Silveira
realidade | design fotográfico. O impacto da imagem.                              58




                                                   Design Editorial 4 Professor Fabio Silveira
realidade | design fotográfico. O impacto da imagem.                              59




                                                   Design Editorial 4 Professor Fabio Silveira
por hoje é só!                                           36


Nãoperca,napróximaaula!¶Sr.
eRealidade,contemporâneosaté
hoje¶Grid:aestruturaportrásda
revista ¶ Ilustração ¶ Fotografia:
introdução ao novo olhar!
                          Design Editorial 4 Professor Fabio Silveira

Más contenido relacionado

La actualidad más candente

Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fábio Gonçalves
 
Definições contemporâneas de design
Definições contemporâneas de designDefinições contemporâneas de design
Definições contemporâneas de designangelicaferraz
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito designpaulo_batista
 
Fundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficoFundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficonfeio
 
Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Léo Dias
 
Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Wunderman
 
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Valdir Soares
 
Projeto Pedagógico, Design - FAAC UNESP
Projeto Pedagógico, Design - FAAC UNESPProjeto Pedagógico, Design - FAAC UNESP
Projeto Pedagógico, Design - FAAC UNESPCADunesp
 
Aula 2 - Design de Produto 2
Aula 2 - Design de Produto 2Aula 2 - Design de Produto 2
Aula 2 - Design de Produto 2Tiago Cruz
 
Fundamentos do design
Fundamentos do designFundamentos do design
Fundamentos do designdrimartinez
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráficoDeisi Motter
 

La actualidad más candente (20)

Design Editorial | Sistemas Tipográficos
Design Editorial | Sistemas TipográficosDesign Editorial | Sistemas Tipográficos
Design Editorial | Sistemas Tipográficos
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2
 
Aula 01 história do design gráfico
Aula 01   história do design gráficoAula 01   história do design gráfico
Aula 01 história do design gráfico
 
Definições contemporâneas de design
Definições contemporâneas de designDefinições contemporâneas de design
Definições contemporâneas de design
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito design
 
Fundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficoFundamentos básicos do Design gráfico
Fundamentos básicos do Design gráfico
 
Projeto grafico II | Aula 01
Projeto grafico II | Aula 01Projeto grafico II | Aula 01
Projeto grafico II | Aula 01
 
Aula IED SP criatividade Aula 01
Aula IED SP criatividade Aula 01Aula IED SP criatividade Aula 01
Aula IED SP criatividade Aula 01
 
Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]
 
Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.
 
02 Tipografia_marcas
02 Tipografia_marcas02 Tipografia_marcas
02 Tipografia_marcas
 
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
 
Projeto Pedagógico, Design - FAAC UNESP
Projeto Pedagógico, Design - FAAC UNESPProjeto Pedagógico, Design - FAAC UNESP
Projeto Pedagógico, Design - FAAC UNESP
 
Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.
 
Aula 2 - Design de Produto 2
Aula 2 - Design de Produto 2Aula 2 - Design de Produto 2
Aula 2 - Design de Produto 2
 
Fundamentos do design
Fundamentos do designFundamentos do design
Fundamentos do design
 
Identidade Visual - Aula 01
Identidade Visual - Aula 01Identidade Visual - Aula 01
Identidade Visual - Aula 01
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráfico
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Design - O que é?
Design - O que é?Design - O que é?
Design - O que é?
 

Similar a Design Editorial | Introdução

Um pouco de arte parte 1
Um pouco de arte parte 1Um pouco de arte parte 1
Um pouco de arte parte 1renatamruiz
 
Um Pouco De Arte Parte II
Um Pouco De Arte Parte IIUm Pouco De Arte Parte II
Um Pouco De Arte Parte IIrenatamruiz
 
Timeline e historia do design
Timeline e historia do designTimeline e historia do design
Timeline e historia do designMarcio Duarte
 
Um pouco de arte parte 2
Um pouco de arte parte 2Um pouco de arte parte 2
Um pouco de arte parte 2renatamruiz
 
Raizes do design editorial
Raizes do design editorialRaizes do design editorial
Raizes do design editorialHelena Jacob
 
Movimentos artísticos início século XX
Movimentos artísticos início século XXMovimentos artísticos início século XX
Movimentos artísticos início século XXDenise Lima
 
Irene Reis - A Escola de Bauhaus
Irene Reis - A Escola de BauhausIrene Reis - A Escola de Bauhaus
Irene Reis - A Escola de BauhausDiabinho Mata
 
Bauhaus soraia.pita
Bauhaus soraia.pitaBauhaus soraia.pita
Bauhaus soraia.pitaSor12
 
Um pouco de arte - parte I
Um pouco de arte - parte IUm pouco de arte - parte I
Um pouco de arte - parte Irenatamruiz
 
Bauhaus soraia.pita cópia
Bauhaus soraia.pita   cópiaBauhaus soraia.pita   cópia
Bauhaus soraia.pita cópiaSor12
 
Aula 03 pós moderno
Aula 03 pós modernoAula 03 pós moderno
Aula 03 pós modernoVenise Melo
 
Bauhaus & Estilo Internacional
Bauhaus & Estilo InternacionalBauhaus & Estilo Internacional
Bauhaus & Estilo InternacionalDenise Lima
 
Trabalho bauhaus web design
Trabalho bauhaus web designTrabalho bauhaus web design
Trabalho bauhaus web designguest87df5c5
 
Trabalho bauhaus web design
Trabalho bauhaus web designTrabalho bauhaus web design
Trabalho bauhaus web designguest87df5c5
 

Similar a Design Editorial | Introdução (20)

Raizes design
Raizes designRaizes design
Raizes design
 
Design
DesignDesign
Design
 
Um pouco de arte parte 1
Um pouco de arte parte 1Um pouco de arte parte 1
Um pouco de arte parte 1
 
Um Pouco De Arte Parte II
Um Pouco De Arte Parte IIUm Pouco De Arte Parte II
Um Pouco De Arte Parte II
 
Timeline e historia do design
Timeline e historia do designTimeline e historia do design
Timeline e historia do design
 
Um pouco de arte parte 2
Um pouco de arte parte 2Um pouco de arte parte 2
Um pouco de arte parte 2
 
Raizes do design editorial
Raizes do design editorialRaizes do design editorial
Raizes do design editorial
 
Movimentos artísticos início século XX
Movimentos artísticos início século XXMovimentos artísticos início século XX
Movimentos artísticos início século XX
 
Irene Reis - A Escola de Bauhaus
Irene Reis - A Escola de BauhausIrene Reis - A Escola de Bauhaus
Irene Reis - A Escola de Bauhaus
 
Bauhaus soraia.pita
Bauhaus soraia.pitaBauhaus soraia.pita
Bauhaus soraia.pita
 
Movimentos Artísticos
Movimentos ArtísticosMovimentos Artísticos
Movimentos Artísticos
 
Um pouco de arte - parte I
Um pouco de arte - parte IUm pouco de arte - parte I
Um pouco de arte - parte I
 
A bauhaus
A bauhausA bauhaus
A bauhaus
 
Bauhaus soraia.pita cópia
Bauhaus soraia.pita   cópiaBauhaus soraia.pita   cópia
Bauhaus soraia.pita cópia
 
Aula 03 pós moderno
Aula 03 pós modernoAula 03 pós moderno
Aula 03 pós moderno
 
Bauhaus & Estilo Internacional
Bauhaus & Estilo InternacionalBauhaus & Estilo Internacional
Bauhaus & Estilo Internacional
 
Bauhaus
BauhausBauhaus
Bauhaus
 
Bauhaus
BauhausBauhaus
Bauhaus
 
Trabalho bauhaus web design
Trabalho bauhaus web designTrabalho bauhaus web design
Trabalho bauhaus web design
 
Trabalho bauhaus web design
Trabalho bauhaus web designTrabalho bauhaus web design
Trabalho bauhaus web design
 

Más de Fabio Silveira: Designer | Professor

Más de Fabio Silveira: Designer | Professor (20)

Projeto graficoi II aula04
Projeto graficoi II aula04Projeto graficoi II aula04
Projeto graficoi II aula04
 
Projeto Grafico II – aula03 IEDSP
Projeto Grafico II – aula03 IEDSPProjeto Grafico II – aula03 IEDSP
Projeto Grafico II – aula03 IEDSP
 
Projeto grafico II – aula 2 IED SP
Projeto grafico II – aula 2 IED SPProjeto grafico II – aula 2 IED SP
Projeto grafico II – aula 2 IED SP
 
Projeto Interdisciplinar IED SP 2019
Projeto Interdisciplinar IED SP 2019Projeto Interdisciplinar IED SP 2019
Projeto Interdisciplinar IED SP 2019
 
Projeto Grafico V 2018
Projeto Grafico V 2018Projeto Grafico V 2018
Projeto Grafico V 2018
 
Aula Naming
Aula NamingAula Naming
Aula Naming
 
Projeto grafico II | Aula 02
Projeto grafico II | Aula 02Projeto grafico II | Aula 02
Projeto grafico II | Aula 02
 
Projeto Grafico V | Aula 01
Projeto Grafico V | Aula 01Projeto Grafico V | Aula 01
Projeto Grafico V | Aula 01
 
Apres pos edit_ied_comite
Apres pos edit_ied_comiteApres pos edit_ied_comite
Apres pos edit_ied_comite
 
Design Thinking – Coolhunting IED São Paulo
Design Thinking – Coolhunting IED São PauloDesign Thinking – Coolhunting IED São Paulo
Design Thinking – Coolhunting IED São Paulo
 
Lab Integrado de Design IED SP
Lab Integrado de Design IED SPLab Integrado de Design IED SP
Lab Integrado de Design IED SP
 
Pos editorial infografia_2016
Pos editorial infografia_2016Pos editorial infografia_2016
Pos editorial infografia_2016
 
Pos editorial infografia_2016
Pos editorial infografia_2016Pos editorial infografia_2016
Pos editorial infografia_2016
 
MANUAL do PROJETO INTEGRADO 2015
MANUAL do PROJETO INTEGRADO 2015MANUAL do PROJETO INTEGRADO 2015
MANUAL do PROJETO INTEGRADO 2015
 
Aula Espelho | Design Editorial
Aula Espelho | Design EditorialAula Espelho | Design Editorial
Aula Espelho | Design Editorial
 
Liguagem Visual II . aula 4.
Liguagem Visual II . aula 4.Liguagem Visual II . aula 4.
Liguagem Visual II . aula 4.
 
Aula IED SP Criatividade Aula 2
Aula IED SP Criatividade Aula 2Aula IED SP Criatividade Aula 2
Aula IED SP Criatividade Aula 2
 
Aula lingvisual ied_02ok
Aula lingvisual ied_02okAula lingvisual ied_02ok
Aula lingvisual ied_02ok
 
Design editorial 2015_matriz
Design editorial 2015_matrizDesign editorial 2015_matriz
Design editorial 2015_matriz
 
Aula gestalt 01
Aula gestalt 01Aula gestalt 01
Aula gestalt 01
 

Design Editorial | Introdução

  • 1. 4 Design editorial | história : estilo editorial | tipografia/ texto | fotografia / ilustração | diagramas | projetos editoriais 4 Professor Fabio Silveira Design Editorial O trabalho Aulas_Projeto Editorial de Professor Fabio Silveira foi licenciado com uma Licença Creative Commons - Atribuição-NãoComercial-CompartilhaIgual 3.0 Não Adaptada. Podem estar disponíveis autorizações adicionais ao âmbi- to desta licença em fabio.designerbr@gmail.com. Este é um trabalho destinado ao âmbito acadêmico. O uso das imagens neste documento servem apenas para ilustrar os exemplos dos conceitos e tecnicas apresentadas em sala de aula.
  • 2. hiStória | Padrão de estilo 18 A formação de um estilo moderno dentro I Guerra do design gráfico teve seu início em 1910. Mundial Passando pelo peródo da 1ª guerra a Bauhaus, em 1920 havia fundado um movimento irradiador 1900 1910 1920 1930 de tendências sintetizando as idéias desenvolvidas art noVeau no período anterior para formar o que viria a ser cubismo futurismo o estilo moderno. dadaísmo surrealismo de stijl Alguns principais movimentos foram responsáveis construtiVismo pelo surgimento desse estilo: Art Nouveau, bauhaus Cubismo, Futurismo, Dadaísmo, Surrealismo, art dÉco Construtivismo, Art Déco, De Stjil e Bauhaus. Design Editorial 4 Professor Fabio Silveira
  • 3. Art noveau | Estilos 3 Foi o prelúdio, ou mesmo, o alarme falso do movimento moderno. Além da ênfase que em geral atribuía à decoração superficial, ao mero ornamento. este movimento exerceu certa inflência mais direta sobre o design gráfico; marcou o início dos posteres como forma de expressão artística, com os trabalhos de Beardsley, Bonnard e Toulouse - Lautrec. Os posteres acabaram por representar uma força importante na formação e transição do estilo artístico para as outras formas de arte aplicada. 1. Rene Mackintosh 2. Alphonse Muncha 3. Toulose-Loutrec Design Editorial 4 Professor Fabio Silveira
  • 4. cubismo | Estilos 4 Nenhum acontecimento artístico do século XX foi mais revolucionário e duradouro dentro da comunicação visual do que o Cubismo. Sua influência no desgin gráfico foi a utilização da colagem e da montagem; com o livre uso das letras como elemento plástico e principalmente com o rompimento das regras tradicionais de representação e de forma. 1. George Braque 2. Pablo Picasso Design Editorial 4 Professor Fabio Silveira
  • 5. Futurismo | Estilos 5 A estreita ponte entre os movimentos cubistas e futuristas foi estabelecidas por Marcel Duchamp, com seu clássico Nú descendo uma escada. 1. E. Macknight Kauffer 2. Marcel Duchamp A preocupação dos futuristas era com o movimento da máquina. Reside sua contribuição mais expressiva para o design gráfico. Design Editorial 4 Professor Fabio Silveira
  • 6. Dadaísmo | Estilos 6 Inspirado pela irreverência e pela imaginação de Duchamp, o movimento dadaísta expadiu-se para todo o mundo artístico. Sua constante atitude de negação e desafio em relação aos monstros sagrados da arte tiverem dois principais resultados em relação ao design moderno: – Os designers entenderam o valor do humor e do chocante como forma de despertar a atenção do observador e anular sua apatia; – A reavaliação dos designers para suas próprias fórmulas tipográficas dentro do experimentalismo dadaísta na comunicação impressa. 1. Marcel Duchamp 2. Manifesto Dadaísta 3. Tadonari Yokoo Design Editorial 4 Professor Fabio Silveira
  • 7. surrealismo | Estilos 7 Com a crescente influência 1. René Magrite das idéias de Sigmund Freud, 2. Max Ernst muitos dos primeiros artistas 3. Hans Arp do Dadaísmo evoluíram, na década de 20, para nova expressão visual. Esta mudança estabeleceu uma nova concepção das imagens gráficas, dos desenhos, da ilustração e mesmo da fotografia, fornecendo inesgotável fonte de idéias para a comunicação visual. Design Editorial 4 Professor Fabio Silveira
  • 8. Construtivismo | Estilos 8 Subvertendo as regras até então os dadaístas e surrealistas provocaram um caos considerável dentro da comunicação visual. Porém a revolução Russa e seu construtivismo veio para dar uma nova ordem ao design, da mesma forma que o De Stjil. Com a utilização de fotomontagens, colagem e da tipografia livre nas artes aplicadas, o construtivismo ajudu a criar uma nova proposta para a comunicação. 1. El Lissitzk 2. Kasimir Malevitch 3. Alexander Rodchenko Design Editorial 4 Professor Fabio Silveira
  • 9. Construtivismo | Estilos 9 1. Alexander Rodchenko Design Editorial 4 Professor Fabio Silveira
  • 10. Art déco | Estilos 10 Este movimento que em muitos sentidos corre em direção contrária à tendência da simplicidade do design moderno, trouxe de volta a decoração superficial às artes aplicadas. Parte do material impresso na década de 20 tocou no relance das formas aerodinâmicas que abriram caminho para as futuras criações na Bauhaus, nos anos 30. Assim como o Art Noveau, estes estilo teve muita popularidade entre estudantes devido seu ar nostálgico e pela variedade de opções. 1. Adolphe Mouron Cassandre Design Editorial 4 Professor Fabio Silveira
  • 11. Art déco | Estilos 11 Design Editorial 4 Professor Fabio Silveira 1. Adolphe Mouron Cassandre 2.Ahsley Havinden 3. Milton Glaser
  • 12. De Stjil e Bauhaus | Estilos 12 No nascimento da Bauhaus em 1919, Piet Mondrian evoluiu do cubismo para o neoplasticismo dos seus primeiros trabalhos, simplificando a pintura assimétrica. Theo van Doesburg refinou a apresentação tipográfica e o layout de páginas assimétrico no grupo De Stjil. No começo dos anos 30, com o fim da Bauhaus, as idéias foram expandidas inclusive todo o material gráfico impresso [capas, revistas, anúncios, comunicados, livros e folhetos] 1. Theo van Doesburg embora experimentais, muitas 2. Vilmor Huzar obras permanecem tão modernas e funcionais hoje em dia quanto no 3. White Stripes período de seu desenvolvimento. Design Editorial 4 Professor Fabio Silveira
  • 13. De Stjil e Bauhaus | Estilos 13 1. Theo van Doesburg 2. Herbert Bayer 3. Paul Klee Design Editorial 4 Professor Fabio Silveira
  • 14. e depois da Bauhaus? | Estilos 14 1. Cadeira-Pedestal. Eero Saarinen 2. Lester Beall Design Editorial 4 Professor Fabio Silveira
  • 15. e depois da Bauhaus? | Estilos 15 1. Roy Lichteinstein 2. Will Burtin Design Editorial 4 Professor Fabio Silveira
  • 16. e no brasil? | Estilos 32 1812 O Museu Pittoresco Historico e Litterario, começou a se preocupar em dar um tratamento gráfico para a página com um logotipo 1808 fantasia, text em duas colunas e moldura 1812 As Variedades de Silva Serva e o Correio Brazilense de Hipólito da Costa pareciam livros. A primeira foi considerada jornal e a segunda revista. Design Editorial 4 Professor Fabio Silveira
  • 17. e no brasil? | Estilos 33 |60 1930 | 40 | 50 no início do século passado uve a expansão das revistas populares sendo que a partir da década de 60 as revistas ocuparam um destaque na história cultural brasileira [início das fotonovelas] Sua refrência principal foi a revista O Cruzeiro, criada em 1928 por Assis Chateaubriand, criou-se parâmentros que balizaram a opnião pública. Algo que a Rede Globo faria somente no início da década de 70. Na seqüência dois outras revistas mudaram os rumos do design editorial brasileiro. O Sr. e Realidade Design Editorial 4 Professor Fabio Silveira
  • 18. e no brasil? | Estilos 34 |60 Design Editorial 4 Professor Fabio Silveira
  • 19. e no brasil? | Estilos 35 » Design Editorial 4 Professor Fabio Silveira
  • 20. SR. | o começo do design editorial brasileiro 39 58 _64 » Com raízes nas artes plásticas e sob o comando de Carlos Scliar e Glauco Rodrigues, a revista SR. trouxe ousadia e requinte para o mercado editorial brasileiro. » Ênfase nas artes plásticas para as capas e matérias. » Logotipo Mutantes. Graphis na suiça. Sr. No Brasil » Bea Feitler. Talento feminino. graça e leveza. » Michel Burton. Capas tipográficas. Revista SR. Editora Delta: Simão Waissman Jornalista: Nahum Sirotsky Projeto Gráfico: Carlos Scliar “Designer”: Glauco Rodrigues e Jaguar Design Editorial 4 Professor Fabio Silveira
  • 21. SR. | o começo do design editorial brasileiro 40 Design Editorial 4 Professor Fabio Silveira
  • 22. SR. | o começo do design editorial brasileiro 41 » Ousadia na união de texto e imagem. » Integração ilustração + foto + texto. Design Editorial 4 Professor Fabio Silveira
  • 23. SR. | o começo do design editorial brasileiro 42 Design Editorial 4 Professor Fabio Silveira
  • 24. SR. | o começo do design editorial brasileiro 43 Design Editorial 4 Professor Fabio Silveira
  • 25. SR. | o começo do design editorial brasileiro 44 foto [grafia] » Design Editorial 4 Professor Fabio Silveira
  • 26. SR. | o começo do design editorial brasileiro 45 » A fotografia também teve seu espaço nas páginas da Senhor, porém manipulada no laboratório, transmutada em informação pictórica. Abertura de caminho par a Realidade Design Editorial 4 Professor Fabio Silveira
  • 27. SR. | o começo do design editorial brasileiro 46 » Abertura para a união criativa dos meios gráficos, fotográficos e ilustrativos para que se tenha um rico trabalho informativo e de design em páginas de revista. Design Editorial 4 Professor Fabio Silveira
  • 28. realidade | design fotográfico. O impacto da imagem. 47 66 » Realidade: Design com fotos. Símbolo nacional na capa. » New jornalism. Antecedendo fatos. Copa da inglaterra. » Grande tiragem desde o 1º nº. 250 mil exemplares. 450 mil na 6ª edição. » Jornalismo em primeira pessoa. Transportar o leitor para o fato que está acontecendo. _76 » Capas opinativas. » Miolo sóbrio, seco, objetivo. Realidade nº1 Ênfase na fotografia, exploração dos simbolos nacionais. Utilização de rostos para declarar um posicionamento na sociedade Design Editorial 4 Professor Fabio Silveira
  • 29. realidade | design fotográfico. O impacto da imagem. 48 Design Editorial 4 Professor Fabio Silveira
  • 30. realidade | design fotográfico. O impacto da imagem. 49 Design Editorial 4 Professor Fabio Silveira
  • 31. realidade | design fotográfico. O impacto da imagem. 50 Ouço uma explosão fantástica […] Um segundo após me senti no chão sentado. A cor- tina de fumaça se esgarçou e vi aproximar-se de mim Shimamoto, o fotógrafo japonês. Pergunto-lhe: – Shima, você está bem? Sem responder, ele continuou caminhando para mim. Foi aí que senti a perna esquerda. » Realidadenº 26 : 26-42 José Hamilton Ribeiro, Vietnã 1968 Design Editorial 4 Professor Fabio Silveira
  • 32. ! 51 »… Design Editorial 4 Professor Fabio Silveira
  • 33. realidade | design fotográfico. O impacto da imagem. 52 O jornalista José Hamilton Ribeiro, hoje na rede Globo, fez a cobertura da Guerra do Vietnã, que estava no auge. No último dia antes do retorno ele pisou numa mina terrestre que deixou sua perna esquerda em frangalhos. Design Editorial 4 Professor Fabio Silveira
  • 34. realidade | design fotográfico. O impacto da imagem. 54 Design Editorial 4 Professor Fabio Silveira
  • 35. realidade | design fotográfico. O impacto da imagem. 55 Design Editorial 4 Professor Fabio Silveira
  • 36. realidade | design fotográfico. O impacto da imagem. 56 Design Editorial 4 Professor Fabio Silveira
  • 37. realidade | design fotográfico. O impacto da imagem. 57 Design Editorial 4 Professor Fabio Silveira
  • 38. realidade | design fotográfico. O impacto da imagem. 58 Design Editorial 4 Professor Fabio Silveira
  • 39. realidade | design fotográfico. O impacto da imagem. 59 Design Editorial 4 Professor Fabio Silveira
  • 40. por hoje é só! 36 Nãoperca,napróximaaula!¶Sr. eRealidade,contemporâneosaté hoje¶Grid:aestruturaportrásda revista ¶ Ilustração ¶ Fotografia: introdução ao novo olhar! Design Editorial 4 Professor Fabio Silveira