Você está na página 1de 97

Design Editorial

Diego Piovesan Medeiros


Curso 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
DUCHAMP
Roda de
bicicleta, 1913
ready-made,
madeira e metal
altura 126 cm
Nova 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
KAZIMIR MALEVITCH

quarta-feira, 11 de agosto de 2010


Alexey Brodovich
•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.

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


Design Editorial
• 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.

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 Editorial
Design 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 Revista
Uma 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 Revista
Tipográficas
Ilustradas
Life Style
News
Esportivas
Femininas / 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 Revista
Tipografia

Ortografia Visual

quarta-feira, 11 de agosto de 2010


Alguns Princípios (Robim Willians)

Agrupamento ou Proximidade (itens


relacionados entre si devem estar próximos)

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


Tipografia
Processo 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 Visual
O 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


Ortografia Visual
 
“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.

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!

goguedes@gmail.com
@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