Design Editorial - Design e Comunicação visual · design visual de impressos advinha do cinema e...

97
Design Editorial Diego Piovesan Medeiros Curso Técnico de Comunicação Visual quarta-feira, 11 de agosto de 2010

Transcript of Design Editorial - Design e Comunicação visual · design visual de impressos advinha do cinema e...

Design EditorialDiego Piovesan MedeirosCurso Técnico de Comunicação Visual

quarta-feira, 11 de agosto de 2010

"Tudo que o homem ignora não existe para ele. Por isso a Criação se reduz, para cada

um, ao tamanho do que abrange o seu saber .”

(Antoine de Saint-Exupéry)

quarta-feira, 11 de agosto de 2010

PALAVRAS (registro gráfico da fala): as palavras impressas, em geral, perdem inflexões e expressividades visual.

O Design de revista (e geral) deve romper essa limitação, dando voz ao texto pela sua disposição, ampliação ou redução e o uso da tipografia em concordância com o tema, o público e a mensagem.

quarta-feira, 11 de agosto de 2010

O Significado transmitido no Design editorial deve atender as necessidades dos clientes, embora a forma seja determinada pelo gosto estético do Designer.

quarta-feira, 11 de agosto de 2010

CRIATIVIDADE + ADEQUAÇÃO + CONHECIMENTO TÉCNICO são as bases para

conceber a ideia, a peça de venda.

O CONHECIMENTO É UMA FERRAMENTA INSUBSTITUÍVEL.

quarta-feira, 11 de agosto de 2010

“A TENDÊNCIA À SIMPLICIDADE ESTÁ CONSTANTEMENTE EM AÇÃO NA NOSSA MENTE. ELA CRIA A ORGANIZAÇÃO MAIS HARMONIOSA E UNIFICADA POSSÍVEL.”

(João Gomes Filho)

quarta-feira, 11 de agosto de 2010

quarta-feira, 11 de agosto de 2010

Prelúdio: Art Noveau• A Art Noveau é importante para o design

editorial por causa do estilo que fixa para a página impressa; por sua influência na criação de formatos de letras e de marcas comerciais; por sua criação e desenvolvimento de posteres.

• Litografia colorida: impressão direta na pedra com as cores escolhidas pelo artista.

quarta-feira, 11 de agosto de 2010

Dadaísmo

• Queda da estrutura da representação racional. • Colocar objetos comuns no mundo da arte. • Reforçou a ideia cubista do uso da letra em si

mesma como forma visual. • Despertar par ao chocante e o surpreendente.

quarta-feira, 11 de agosto de 2010

Marius de Zayas (1909)FUTURISMO

quarta-feira, 11 de agosto de 2010

MARCEL DUCHAMPRoda de bicicleta, 1913ready-made, madeira e metalaltura 126 cmNova York, Sidney Janis Gallery

quarta-feira, 11 de agosto de 2010

Design russo• Suprematismo: pintura composta por elementos

absolutos fundamentais.• Construtivismo: procura da simplicidade nas

formas geométricas – rótulo aplicado a quase todos os trabalhos de estética russa.

• Combinar palavras e imagens numa experiência simultânea, tanto na página impressa quanto no filme.

quarta-feira, 11 de agosto de 2010

Aleksander Rodchenko

quarta-feira, 11 de agosto de 2010

Aleksander Rodchenko. Poster de O encouraçado Potemkin (1905)quarta-feira, 11 de agosto de 2010

•Imigrante russo, trabalhou em Paris e nos Estados Unidos.

•Alexey Brodovich foi um dos primeiros diretores de arte da história das revistas: Harper’s Baazar.

•Desenvolveu layouts que uniam as formas da fotografia ao desenho da página.

•Começou a desenvolver o conceito de produção de fotografia.

•Trabalhou com Richard Avedon.

Alexey Brodovich

quarta-feira, 11 de agosto de 2010

Alexey Brodovich

quarta-feira, 11 de agosto de 2010

quarta-feira, 11 de agosto de 2010

quarta-feira, 11 de agosto de 2010

quarta-feira, 11 de agosto de 2010

quarta-feira, 11 de agosto de 2010

De Stijl• Tradução: O Estilo, grupo formado por artistas

europeus que se interessavam por estudos de artes aplicadas.

• Piet Mondrian foi um dos líderes.• Notória divisão do espaço, contrastando as

divisões com linhas negras, tensão e equilíbrio, uso criativo das formas e cores básicas.

quarta-feira, 11 de agosto de 2010

De Stijl• Theo Van Doesburg, designer, entendeu que a

crescente necessidade de aprimoramento do design visual de impressos advinha do cinema e da fotografia.

• Trabalhou com móveis e impressos, além de quadros e pinturas.

quarta-feira, 11 de agosto de 2010

quarta-feira, 11 de agosto de 2010

Design Editorial• Anos 30: interdependência econômica entre anúncio e as revistas

nas quais eram publicados, não existia diferenciação no design das matérias e as páginas de propaganda.

• Necessidade de imagens na publicidade e jornalismo: necessidade de um “diretor de arte” para coordenar sua reprodução e layout. (HOLLIS, pg. 101).

• Direção de arte e Design. Foram os Diretores de Arte, então nos anos 30, que instituíram o design gráfico, especialmente na publicidade e no layout das revistas.

• Na década de 40, como conseqüência da industrialização, os designers gráficos se firmaram como profissionais dentro da comunicação comercial.

quarta-feira, 11 de agosto de 2010

• Em 1958, os diretores de arte chegaram à conclusão de que a palavra “arte” não se aplicava ao tipo de trabalho exercido, essencialmente técnico e gráfico. Mudança do nome da profissão para “design gráfico”.

• Áreas do Design na publicidade: Revista, jornal, publicidade em periódicos, mala direta, house organs, pôsteres, anúncios, calendários, capas de disco, livros e capas de livros, design editorial (revistas), cinema, televisão, internet.

Design Editorial

quarta-feira, 11 de agosto de 2010

Design Editorial

• Design editorial é uma especialidade do design gráfico que abrange tanto a produção editorial impressa quanto digital.

• O Design editorial, como um todo, é uma das áreas do Design gráfico intimamente ligadas ao jornalismo, por este motivo a função do designer gráfico (seja o diagramador, o infografista, ilustrador, editor de arte, etc.) está inserida na profissão de jornalista.

quarta-feira, 11 de agosto de 2010

Tipos de Design EditorialDesign de livros: o mais antigo

Design de jornal: temas variados

Design de revistas: temática, público

quarta-feira, 11 de agosto de 2010

Design de RevistaUma revista é uma publicação periódica de cunho informativo, jornalístico ou de entretenimento, geralmente voltada para públicos segmentados.

quarta-feira, 11 de agosto de 2010

Tipos de RevistaTipográficasIlustradasLife StyleNewsEsportivasFemininas / Moda

quarta-feira, 11 de agosto de 2010

Revistas Tipográficas

quarta-feira, 11 de agosto de 2010

Revistas Tipográficas

quarta-feira, 11 de agosto de 2010

quarta-feira, 11 de agosto de 2010

quarta-feira, 11 de agosto de 2010

Revistas Tipográficas | Avant Garde

quarta-feira, 11 de agosto de 2010

Revistas Tipográficas | Avant Garde

quarta-feira, 11 de agosto de 2010

Revistas Tipográficas | Avant Garde

quarta-feira, 11 de agosto de 2010

Revistas Tipográficas | U&lc.

quarta-feira, 11 de agosto de 2010

Revistas Tipográficas | U&lc.

quarta-feira, 11 de agosto de 2010

Revistas Tipográficas | U&lc.

quarta-feira, 11 de agosto de 2010

Revistas Tipográficas | Emigré

quarta-feira, 11 de agosto de 2010

Revistas Tipográficas | Emigré

quarta-feira, 11 de agosto de 2010

Revistas Tipográficas | Fuse

quarta-feira, 11 de agosto de 2010

Revistas Ilustradas | Direction

quarta-feira, 11 de agosto de 2010

Revistas Ilustradas | Direction

quarta-feira, 11 de agosto de 2010

Revistas Ilustradas | Direction

quarta-feira, 11 de agosto de 2010

Revistas Ilustradas | Direction

quarta-feira, 11 de agosto de 2010

Revistas Ilustradas | Direction

quarta-feira, 11 de agosto de 2010

Revistas Ilustradas | Direction

quarta-feira, 11 de agosto de 2010

Revistas Ilustradas | Colors

quarta-feira, 11 de agosto de 2010

Revistas Ilustradas | Colors

quarta-feira, 11 de agosto de 2010

Revistas Ilustradas | Colors

quarta-feira, 11 de agosto de 2010

Revistas Ilustradas | David Carson

quarta-feira, 11 de agosto de 2010

Revistas Ilustradas | David Carson

quarta-feira, 11 de agosto de 2010

Revistas Ilustradas | David Carson

quarta-feira, 11 de agosto de 2010

Revistas Ilustradas | David Carson

quarta-feira, 11 de agosto de 2010

Lifestyle Magazines

quarta-feira, 11 de agosto de 2010

Lifestyle Magazines

quarta-feira, 11 de agosto de 2010

Lifestyle Magazines

quarta-feira, 11 de agosto de 2010

Lifestyle Magazines

quarta-feira, 11 de agosto de 2010

Lifestyle Magazines | Vida Simples

quarta-feira, 11 de agosto de 2010

Revistas Femininas

quarta-feira, 11 de agosto de 2010

Revistas Femininas

quarta-feira, 11 de agosto de 2010

Revistas Femininas | Vogue

quarta-feira, 11 de agosto de 2010

Revistas Femininas | Vogue

quarta-feira, 11 de agosto de 2010

Revistas Femininas | Claudia

quarta-feira, 11 de agosto de 2010

Revistas Femininas | Claudia

quarta-feira, 11 de agosto de 2010

Revistas Femininas | Cosmopolitan

quarta-feira, 11 de agosto de 2010

Revistas Femininas | Cosmopolitan

quarta-feira, 11 de agosto de 2010

Revistas Femininas | Haper’s Bazaar(Alexey Brodovitch)

quarta-feira, 11 de agosto de 2010

Revistas Femininas | Haper’s Bazaar

quarta-feira, 11 de agosto de 2010

Revistas Femininas | Haper’s Bazaar

quarta-feira, 11 de agosto de 2010

Revistas Femininas | Haper’s Bazaar

quarta-feira, 11 de agosto de 2010

News

quarta-feira, 11 de agosto de 2010

News

quarta-feira, 11 de agosto de 2010

News

quarta-feira, 11 de agosto de 2010

Business News

quarta-feira, 11 de agosto de 2010

Business News

quarta-feira, 11 de agosto de 2010

Business News

quarta-feira, 11 de agosto de 2010

O que vem a seguir?

Hoje: internet, novo meio, novas regras

quarta-feira, 11 de agosto de 2010

Fatores a considerar no Design de Revista:Público e suas características

conteúdo adaptado para esse público (linguagem, visual, etc)

A relevância do conteúdo - foco e temática. (revistas comerciais, patrocinadas, sociais, etc.)

quarta-feira, 11 de agosto de 2010

Processos do Design de RevistaTipografia

Ortografia Visual

quarta-feira, 11 de agosto de 2010

Agrupamento ou Proximidade (itens relacionados entre si devem estar próximos)

Alguns Princípios (Robim Willians)

quarta-feira, 11 de agosto de 2010

Alinhamento (Lógica de leitura)

quarta-feira, 11 de agosto de 2010

Repetição (Consistência, Identidade)

quarta-feira, 11 de agosto de 2010

Contraste (As coisas aparecem por contraste. Atratividade)

quarta-feira, 11 de agosto de 2010

TipografiaProcesso desde a criação dos caracteres à sua composição e impressão, de modo que resulte num produto gráfico ao mesmo tempo adequado, legível e agradável.

quarta-feira, 11 de agosto de 2010

quarta-feira, 11 de agosto de 2010

Ortografia VisualO uso correto de elementos gráficos para compor uma mensagem. Grafia – regras da gramática para o uso correto das palavras. A forma como os elementos gráficos estão dispostos para transmitir uma mensagem.

quarta-feira, 11 de agosto de 2010

DIAGRAMAÇÃO: Distribuir e colocar as coisas no devido lugar, obedecendo ordens simétricas ou assimétricas. Na prática vemos boas diagramações porém não muito criativas. Basicamente apresentam as seguintes características: •Textos em colunas: facilita a leitura nos casos de um espaço muito grande (organização do espaço) •Pesos diferentes entre títulos, subtítulos e texto •Alinhamentos: elementos iguais devem alinhados iguais e aproximados A DIAGRAMAÇÃO CRIATIVA QUEBRA OS PADRÕES, MUDAM O USUAL – observação, criatividade e inovação, mas com cuidado para não exagerar.

quarta-feira, 11 de agosto de 2010

A organização está resolvida quando houver clareza de onde colocar os elementos e do porque eles estão sendo colocados naquele

espaço e daquela forma.

quarta-feira, 11 de agosto de 2010

 “Todos vão opinar sobre o assunto”. É preciso administrar as opiniões. Existem bons e

maus comentários. Sugere-se dar a atenção a comentários nos seguintes casos: 

• Quando o público destinado não entendeu a mensagem• Tamanho da fonte ilegível• Título muito grande ou pesado• Logotipo com tamanho ou muito grande ou muito pequeno• A pessoa não sabe o que ler ou o que ver primeiro São comentários que demonstram um layout em desequilíbrio. O MAIS IMPORTANTE: É

PRECISO COERÊNCIA E HIERARQUIA DE LEITURA NO LAYOUT OS ELEMENTOS GRÁFICOS DEVEM COMPOR UMA HARMONIA, OU UNIDADE, VISUAL.  A SIMETRIA E A ASSIMETRIA SÃO DUAS FORMAS DE SE PASSAR A MENSAGEM. Deve ser

pensado e estar de acordo com os objetivos da comunicação.

Ortografia Visual

quarta-feira, 11 de agosto de 2010

DICAS

Alinhamento do texto com objetos: foto, título ou os dois. É preciso haver coerência no alinhamento

Ao centralizar o texto, é preciso que algum outro objeto justifique essa centralização

Assimetria sem razão de ser não serve. É preciso ter lógica. Se existe mais de uma foto no layout, é interessante ou que as duas se alinhem na horizontal ou vertical ou a solução seja coerente com a comunicação

O logotipo não deve ficar perdido pela página

Dê a importância devida a cada coisa. Pesos diferentes e contrastes diferentes para coisas diferentes. Quando tudo tem o mesmo peso não se sabe o que olhar primeiro

As cores também tem um objetivo, muitas vezes longe do apenas estético

quarta-feira, 11 de agosto de 2010

INOVAÇÃO Nem sempre é possível inovar, mas sempre deve-se tentar. Mudar, surpreender, mostrar de uma forma diferente. Esqueça tudo o que foi dito, e pense nas seguintes DICAS para inovar:

•Não alinhe o texto•Não coloque a foto com o recorte perfeito•Não utilize a cor que todos usam•Tipologias diferenciadas•Não atente a muitas opiniões•Seja imprevisível (pense no previsível)•Não mostre o produto, ou não o mostre inteiro•Não obedeça o cliente•Use imagens que sejam distoantes do título•Não use título•Não use formatos padronizados•Não tenha medo de perder o emprego

(Fonte: NC)

quarta-feira, 11 de agosto de 2010

Quando se inova, as pessoas entendem ou não. Se você achar que inovar, naquele caso, será

positivo, então faça. 

NÃO INOVE APENAS POR UMA QUESTÃO DE EGO, MAS SIM PARA ATENDER AOS OBJETIVOS DA

COMUNICAÇÃO

quarta-feira, 11 de agosto de 2010

Obrigado!

[email protected]@rodguedes

quarta-feira, 11 de agosto de 2010

Fontes:Design Gráfico: Uma História Concisa

RICHARD HOLLIS

Design para quem não é Design – Robin Willians

http://tipografos.net/magazine/

quarta-feira, 11 de agosto de 2010