design editorial – aula 06

DESIGN EDITORIAL – AULA 06
Prof. Sergio Xavier
Sumário
 Diagramação
 Elementos da Diagramação
 Padronização Gráfica
 Detalhes tipográficos na composição
 Técnicas de diagramação
DIAGRAMAÇÃO
 Em um projeto de design editorial, com a
diagramação busca-se dar ritmo, equilíbrio,
harmonia e ligação das informações, dando
destaque para os motivos predominantes
diante dos secundários, fazendo uma
hierarquização das informações.
ELEMENTOS DA DIAGRAMAÇÃO






Título
Texto
Fotos
Legenda
Fios tipográficos e vinhetas
Espaços em branco
PADRONIZAÇÃO GRÁFICA
Ao diagramar, o designer deverá obedecer os
seguintes elementos gráficos para assegurar um
estilo de padronização gráfica:
 Definição de caracteres tipográficos para o
texto, título, aberturas e legendas;
 Escolha da marca;
 Definição das margens
PADRONIZAÇÃO GRÁFICA (cont.)






Uso de fios e vinhetas;
Ilustrações;
Boxes;
Distribuição de anúncios de publicidade;
Ligação: foto-texto, texto-foto, texto-título
Uso da combinação de cores
DETALHES TIPOGRÁFICOS NA
COMPOSIÇÃO [CUIDADOS]
Não atravesse os canais – tente evitar retornos
duros entre parágrafos alinhados em colunas
adjacentes.
Recuar ou não recuar – ao compor um texto na qual os
parágrafos são correntes, separados por um recuo na
primeira linha, o primeiro parágrafo não deve ter recuo
Evitar quebras de texto – ter cuidado para não cansar o
leitor com a invasão de fotos no texto, dando espaço
apenas para duas palavras ao
longo de uma coluna.
Recuo ou espaço entre os parágrafos – escolher se irá
colocar recuo ou espaço entre os parágrafos.
Uso de espaço entre os parágrafos – pode ser utilizado
espaço entre os parágrafos, mas sem recuo. É mais
utilizado em folhetos, manuais ou cartazes.
Observe a ordem dos elementos (título, texto e foto)
Títulos – devem obedecer o alinhamento da coluna e não
deixar solto no espaço.
Textos desalinhados – no primeiro esboço, o título
aparece solto e a legenda não está compondo com a
base do texto.
Hierarquia dos elementos e proximidade – obedecer a
proximidade do título em relação ao texto.
Fotos e legendas – não esquecer de colocar legendas
sempre nas fotos.
TÉCNICAS DE DIAGRAMAÇÃO
TÉCNICA DO
L
TÉCNICA DO
L
TÉCNICA DO
L
TÉCNICA DO
L
TÉCNICA DO
U
TÉCNICA DO
U
TÉCNICA DO
T
TÉCNICA DO
T
TÉCNICA DO
4
TÉCNICA DO
I
TÉCNICA DO
I
Prof. Me. Sergio Xavier
[email protected]
Blog: profsergioxavier.wordpress.com
www.facebook.com/profsergioxavier