Design Editorial Aula 1

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)

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.

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

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.

“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)

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.

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.

Marius de
Zayas
(1909)
FUTURISMO

MARCEL
DUCHAMP
Roda de
bicicleta, 1913
ready-made,
madeira e metal
altura 126 cm
Nova York, Sidney
Janis Gallery

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.

Aleksander Rodchenko

Aleksander Rodchenko. Poster de O encouraçado Potemkin (1905)
KAZIMIR MALEVITCH

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.

Alexey Brodovich

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.

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.

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.

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.

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.

Tipos de Design Editorial
Design de livros: o mais antigo
Design de jornal: temas variados
Design de revistas: temática, público

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

Tipos de Revista
Tipográficas
Ilustradas
Life Style
News
Esportivas
Femininas / Moda

Revistas Tipográficas

Revistas Tipográficas

Revistas Tipográficas | Avant Garde



Revistas Tipográficas | U&lc.



Revistas Tipográficas | Emigré

Revistas Tipográficas | Emigré

Revistas Tipográficas | Fuse

Revistas Ilustradas | Direction






Revistas Ilustradas | Colors



Revistas Ilustradas | David Carson




Lifestyle Magazines

Lifestyle Magazines

Lifestyle Magazines

Lifestyle Magazines

Lifestyle Magazines | Vida Simples

Revistas Femininas

Revistas Femininas

Revistas Femininas | Vogue

Revistas Femininas | Vogue

Revistas Femininas | Claudia

Revistas Femininas | Claudia

Revistas Femininas | Cosmopolitan

Revistas Femininas | Cosmopolitan

Revistas Femininas | Haper’s Bazaar
(Alexey Brodovitch)




News

News

News

Business News

Business News

Business News

O que vem a seguir?
Hoje: internet, novo meio, novas regras

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.)

Processos do Design de Revista
Tipografia
Ortografia Visual

Alguns Princípios (Robim Willians)
Agrupamento ou Proximidade (itens

relacionados entre si devem estar próximos)

Alinhamento (Lógica de leitura)

Repetição (Consistência, Identidade)

Contraste (As coisas aparecem por contraste.
Atratividade)

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.

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.

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.

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.

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.

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

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)

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

Obrigado!
goguedes@gmail.com
@rodguedes

Fontes:
Design Gráfico: Uma História Concisa
RICHARD HOLLIS
Design para quem não é Design – Robin Willians
http://tipografos.net/magazine/

Design Editorial Aula 1

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Design Editorial Aula 1

Enviado por

Direitos autorais:

Formatos disponíveis

Design Editorial

Diego Piovesan Medeiros

quarta-feira, 11 de agosto de 2010

quarta-feira, 11 de agosto de 2010

O Design de revista (e geral) deve romper

quarta-feira, 11 de agosto de 2010

quarta-feira, 11 de agosto de 2010

O CONHECIMENTO É UMA FERRAMENTA

quarta-feira, 11 de agosto de 2010

(João Gomes Filho)

quarta-feira, 11 de agosto de 2010

quarta-feira, 11 de agosto de 2010

• Queda da estrutura da representação racional.

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

quarta-feira, 11 de agosto de 2010

•Alexey Brodovich foi um dos primeiros diretores de

•Desenvolveu layouts que uniam as formas da

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

•Trabalhou com Richard Avedon.

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

• Necessidade de imagens na publicidade e jornalismo: necessidade

• Direção de arte e Design. Foram os Diretores de Arte, então nos

• Na década de 40, como conseqüência da industrialização, os

quarta-feira, 11 de agosto de 2010

• Áreas do Design na publicidade: Revista, jornal,

quarta-feira, 11 de agosto de 2010

• O Design editorial, como um todo, é uma das

quarta-feira, 11 de agosto de 2010

Design de jornal: temas variados

Design de revistas: temática, público

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

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

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

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

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

quarta-feira, 11 de agosto de 2010

quarta-feira, 11 de agosto de 2010