Breve histórico e características do design editorial

Prévia do material em texto

WBA1283_v1.0
Design editorial
Breve histórico e características 
do design editorial
Hierarquia e composição visual
Bloco 1
Felipe Orsini Martinelli
Vamos refletir?
Como podemos organizar informações 
em uma capa de livro ou de revista de 
modo que chame a atenção do público 
e seja agradável de ler? 
Como as imagens e textos se 
relacionam nesse contexto?
Hierarquia visual
• Organização da composição com o objetivo de mostrar a 
importância de cada elemento visual.
• Facilita a compreensão do conteúdo pelo público.
• A hierarquia entre textos indica os diferentes níveis de 
importância com variações no estilo e no tamanho da fonte 
tipográfica utilizada (AMBROSE; HARRIS, 2014).
Essa linha de texto terá mais destaque
Do que essa outra linha de texto
Essa outra terá menos destaque ainda
Exemplo de capa de revista
Figura 1 – exemplo de capa de revista
Fonte: Shutterstock.com.
Relação entre imagem e texto
• As imagens precisam ser relacionadas com o texto, assim 
como as fontes tipográficas escolhidas.
• Deve haver consistência visual entre imagens, fontes e 
cores, de modo a seguir a linha editorial do produto.
• Proximidade visual auxilia na relação entre imagens e 
textos.
• A forma segue a função: “A forma que o layout de um 
trabalho assume é guiada pela função do projeto, as ideias 
e informações que precisa comunicar, o meio em que isso 
é feito e o segmento de público.” (AMBROSE; HARRIS, 
2014, p. 103).
Ponto de entrada
• “O ‘ponto de entrada’ é um apoio visual que indica por 
onde começar a leitura.” (AMBROSE; HARRIS, 2014, p. 94).
• Jornais separam visualmente as matérias, o que serve 
como um ponto de entrada.
• Podem servir como pontos de entrada:
• Espaços entre blocos de texto.
• Variações em estilo e tamanho de tipos.
• Alteração de cores.
Composição visual
Veremos um exemplo de composição visual para a 
construção de uma capa de livro no Adobe InDesign, 
contendo:
Título da obra.
Nome do(a) autor(a).
Nome da editora.
Ilustração.
Breve histórico e características 
do design editorial
Tipos de grids e sua construção
Bloco 2
Felipe Orsini Martinelli
Grids
• Estruturas que auxiliam na construção visual a partir 
de vários modelos (AMBROSE; HARRIS, 2014).
• Podem ser usados para variadas composições visuais, 
como capas de revistas, jornais, sites, cartazes, flyers 
etc.
• Alguns exemplos (SAMARA, 2007):
• Grid de colunas.
• Grid de módulos.
• Grid hierárquico.
Exemplo de grid
Figura 2 – Exemplo de grid modular
Fonte: elaborada pelo autor.
Exemplo de grid 
Figura 3 – Exemplo de grid para web site
Fonte: Shutterstock.com.
Grids
A seguir, veremos a construção desses grids no software 
Adobe InDesign, na criação de uma matéria fictícia para uma 
revista.
Breve histórico e características 
do design editorial
Particularidades de cada meio
Bloco 3
Felipe Orsini Martinelli
Livros
• Livros são produções mais elaboradas, que trazem vários 
assuntos de maneira mais atemporal do que uma revista ou 
jornal (FONSECA, 2011).
• Da mesma forma que em revistas, temos vários tipos de 
construções de capa, utilizando elementos tipográficos, 
ilustrações, fotografias, dentre outros elementos (CALDWELL, 
2014).
• A capa pode variar tanto no material quanto no acabamento e 
na maneira como comunica uma mensagem ao público.
• Em e-books, podemos inserir imagens com uma resolução 
melhor do que no impresso. Os usuários podem ajustar o 
tamanho das fontes e inserir anotações no próprio arquivo.
• Veremos a seguir exemplos de capa de livros.
Revistas
• Relação entre imagens e textos é fundamental para atrair a 
atenção do público na capa, que é o elemento mais 
importante da revista ou de um livro (CALDWELL, 2014). 
• A imagem de destaque é relacionada com a matéria 
principal (normalmente a que possui mais páginas dentro 
da revista).
• Título da revista costuma vir no topo (por conta da 
disposição em bancas).
• Diferente dos livros, nas revistas a segunda e a terceira 
capa são preenchidas (normalmente com anúncios).
• A quarta capa é o espaço mais caro para anunciar na 
revista, pois fica mais exposta ao público.
Revistas
Figura 4 – Exemplo de distribuição de revistas em banca
Fonte: Shutterstock.com.
Jornais
• Possuem um layout mais segmentado do que as revistas e 
os livros, pois é necessário inserir muitas informações 
dentro de um espaço específico.
• Trazem várias chamadas para notícias e cadernos internos 
na capa.
• Costumam trabalhar com colunas curtas, o que facilita a 
leitura das matérias.
• Necessário equilíbrio entre elementos gráficos e 
simplicidade na diagramação.
• Em jornais e revistas digitais, podemos usar recursos 
multimídia para aprofundar os temas, e atualizar os 
conteúdos de maneira mais dinâmica do que no impresso.
Jornais
Figura 5 – Exemplos de formato de jornais
Fonte: Shutterstock.com.
A
B
C
D
Quiz
Qual das afirmações a seguir traz uma afirmação correta a 
respeito de jornais, revistas e livros?
O título de revistas vai no centro para facilitar a leitura.
Capas de livros são irrelevantes para chamar a atenção do 
público.
Há uma grande quantidade de informação na capa de um jornal.
Tanto revistas quanto jornais são vendidos apenas em bancas.
A
B
C
D
Quiz
Qual das afirmações a seguir traz uma afirmação correta a 
respeito de jornais, revistas e livros?
O título de revistas vai no centro para facilitar a leitura.
Capas de livros são irrelevantes para chamar a atenção do 
público.
Há uma grande quantidade de informação na capa de um jornal.
Tanto revistas quanto jornais são vendidos apenas em bancas.
Quiz - Resolução
C. Há uma grande quantidade de informação na capa de um 
jornal.
Os jornais precisam trabalhar com uma grande quantidade 
de informação (notícias, imagens, chamadas e anúncios) e, 
por isso, sua composição visual precisa equilibrar tais 
elementos de modo a evitar que a leitura se torne 
cansativa.
Breve histórico e características 
do design editorial
Teoria em Prática
Bloco 4
Felipe Orsini Martinelli
Reflita sobre a seguinte situação
• A construção de uma capa é algo extremamente 
importante para uma revista que será exposta em uma 
banca, pois é a capa que chama a atenção do público no 
meio de várias outras revistas e cria o primeiro contato do 
público com o seu conteúdo. Dessa forma, a capa precisa 
ser chamativa e, ao mesmo tempo, mostrar o conteúdo de 
maneira clara.
• Recebemos uma proposta para fazer uma capa de revista 
sobre animais de estimação, cuja matéria principal é sobre 
adoção de cachorros. Quais elementos são importantes de 
serem inseridos? Como podemos pensar na estrutura 
visual desta capa?
Norte para a resolução
Pontos a serem considerados:
• A capa deve deixar claro sobre o que é o conteúdo e estar 
de acordo com o público-alvo.
• O título da revista deve estar claro também, respeitando a 
identidade visual do produto.
• As cores usadas e a tipografia estão de acordo com o 
assunto e o público-alvo?
• Há uma manchete em destaque? Temos chamadas para 
outras matérias?
• Vamos ver um exemplo rápido de construção no InDesign.
Breve histórico e características 
do design editorial
Dicas do(a) Professor(a)
Bloco 5
Felipe Orsini Martinelli
Prezado aluno, as indicações a seguir podem estar disponíveis 
em algum dos parceiros da nossa Biblioteca Virtual (faça o login 
por meio do seu AVA), e outras podem estar disponíveis em sites 
acadêmicos (como o SciELO), repositórios de instituições 
públicas, órgãos públicos, anais de eventos científicos ou 
periódicos científicos, todos acessíveis pela internet.
Isso não significa que o protagonismo da sua jornada de 
autodesenvolvimento deva mudar de foco. Reconhecemos que 
você é a autoridade máxima da sua própria vida e deve, 
portanto, assumir uma postura autônoma nos estudos e na 
construção da sua carreira profissional.
Por isso, nós o convidamos a explorar todas as possibilidades da 
nossa Biblioteca Virtual e além!Sucesso!
Leitura Fundamental
Indicação de leitura 1
Este trabalho aborda a influência das tecnologias digitais no 
design editorial e a convergência das mídias, a partir das 
pesquisas do Grupo de Pesquisa Laboratório de Edição, 
Cultura e Design (Lead) da Universidade Federal do Rio 
Grande do Sul.
Referência
GRUSZYNSKI, A. C. Design editorial e publicação multiplataforma. Intexto, Porto 
Alegre, n. 34, p. 571–588, 2015. 
Indicação de leitura 2
O artigo discute a construção gráfica do chamado Segundo 
Caderno, suplemento do jornal Zero Hora. É discutida a 
construção visual utilizada dentro do caderno e a relação 
entre o jornalismo e o design editorial. O texto está disponível 
na base ProQuest, acessada pela Biblioteca Virtual.
Referência
GRUSZYNSKI, A.; PATRICIA, L.D. Design de jornais – processos, rotinas e produto: 
um estudo do segundo caderno, suplemento cultural de Zero Hora. Brazilian 
Journalism Research, Brasília, v. 10, n. 1, p. 108-127, Junho, 2014.
Dica do(a) Professor(a)
Vídeo “Os segredos da harmonia no design de páginas”, do 
canal do designer Walter Mattos.
O vídeo aborda o conceito de grid, explicando de uma 
maneira bem didática o método de Van de Graaf e o diagrama 
de Villard para a construção de um grid harmônico para 
páginas.
AMBROSE, Gavin; HARRIS, Paul. Layout. Porto Alegre: Grupo A, 2014. Disponível 
em: https://integrada.minhabiblioteca.com.br/#/books/9788540700390/. Acesso 
em: 12 abr. 2023.
CALDWELL, Cath. Editorial Design: digital and print. Londres: Laurence King 
Publishing, 2014.
FONSECA, Joaquim da. Tipografia & design gráfico. Porto Alegre: Grupo A, 2011. 
Disponível em: https://integrada.minhabiblioteca.com.br/#/books/ 
9788577804177/. Acesso em: 10 abr. 2023.
GRUSZYNSKI, A.; PATRICIA, L.D. Design de jornais – processos, rotinas e produto: 
um estudo do segundo caderno, suplemento cultural de Zero Hora. Brazilian
Journalism Research, Brasília, v. 10, n. 1, p. 108-127, Junho, 2014.
GRUSZYNSKI, A. C. Design editorial e publicação multiplataforma. Intexto, Porto 
Alegre, n. 34, p. 571–588, 2015. Disponível em: https://www.seer.ufrgs.br/ 
index.php/intexto/article/view/58547. Acesso em: 19 abr. 2023.
SAMARA, Timothy. Grid: construção e desconstrução. São Paulo: Cosac Naify, 2007.
Referências
Bons estudos!
	Slide 1: Design editorial
	Slide 2: Breve histórico e características do design editorial
	Slide 3: Vamos refletir?
	Slide 4: Hierarquia visual
	Slide 5: Exemplo de capa de revista
	Slide 6: Relação entre imagem e texto
	Slide 7: Ponto de entrada
	Slide 8: Composição visual
	Slide 9: Breve histórico e características do design editorial
	Slide 10: Grids
	Slide 11: Exemplo de grid
	Slide 12: Exemplo de grid 
	Slide 13: Grids
	Slide 14: Breve histórico e características do design editorial
	Slide 15: Livros
	Slide 16: Revistas
	Slide 17: Revistas
	Slide 18: Jornais
	Slide 19: Jornais
	Slide 20: Quiz
	Slide 21: Quiz
	Slide 22: Quiz - Resolução
	Slide 23: Breve histórico e características do design editorial
	Slide 24: Reflita sobre a seguinte situação
	Slide 25: Norte para a resolução
	Slide 26: Breve histórico e características do design editorial
	Slide 27
	Slide 28: Indicação de leitura 1
	Slide 29: Indicação de leitura 2
	Slide 30: Dica do(a) Professor(a)
	Slide 31: Referências
	Slide 32: Bons estudos!