Embed Size (px)
Citation preview
Aula – Diagramação
1. introdução
A visão não é um processo mecânico, no qual o
olho, como a lente de uma câmara fotográfica,
transmite ao cérebro imagens perfeitamente
acabadas e completas.
Pelo contrário, a nossa visão se assemelha mais
ao funcionamento de um computador, reunindo
pedaços e partes dos dados observados,
transmitindo-os assim ao cérebro, onde todo esse
mosaico é classificado e reestruturado, resultando
então em objetos e imagens.
Essa imagens podem ser agradáveis ou enfadonhas;
podem ficar na memória ou ser facilmente esquecidas.
Seria, então, um erro considerar que, conquistada a
atenção do leitor, o exercício chegou ao fim.
Se o estímulo visual não provocar uma reação –
emocional ou intelectual – não haverá uma efetiva
comunicação.
1. introdução
2. legibilidadeA legibilidade de uma página depende de:
• a forma das letras
• o branco que antecede estas letras
• o corpo usado
• o comprimento das linhas
• o entrelinhamento
• o espacejamento
• as margens
Estilo Veja: os textos e as imagens ocupam todos os espaços da página.
A fotomontagem é bem didática: a vassoura empurra a sujeira para debaixo do tapete.
Revista Veja, edição 1907, ano 38, nº 22, 1º junho de 2005
O recurso para “ligar” esta dupla com a anterior: a imagem da mão levantando o
tapete, para revelar o que há embaixo dele.
Revista Veja, edição 1907, ano 38, nº 22, 1º junho de 2005
Colunas largas e espaço entre colunas bem largo, também.
Revista Caros Amigos, nº 98, maio de 2005
Texto longo em caixa alta; justificado sem quebras, o que gerou “dentes”.
Revista Caros Amigos, nº 98, maio de 2005
3. tipologiaNão existem fórmulas. O uso da tipologia pode ser bom ou ruim,
dependendo do contexto. A tipologia é afetada por:
• pelo tamanho da página
• pelo número de páginas
• pela linguagem usada
• pela quantidade de texto, e como ele é dividido
• pela cor, textura, peso e brilho do papel
• pela cor e brilho da tinta usada na impressão
• pela qualidade e resolução da impressão
Aqui vemos uma integração perfeita entre texto e imagens. Neste caso, a direção
oblíqua dos títulos é permitida, e se harmoniza com a página, como um todo.
Revista Superinteressante, edição 205, outubro de 2004
Aqui vemos novamente uma “brincadeira” oblíqua com os boxes da página
da direita (ímpar). A cor de fundo dá unidade à página; a ilustração central é o
elemento de ligação entre o texto e os boxes..
Revista Superinteressante, edição 205, outubro de 2004
3. tipologia
Deve ser cuidadosamente
escolhida para que haja boa
legibilidade e que
proporcione ao leitor maior
velocidade de leitura.
Nesta dupla vemos o uso clássico de capitular, indicando ao leitor o
caminho da leitura. O olho, no meio da página, reúne três recursos interessantes:
o contraste de tamanhos, de cores diferentese caixa baixa X versalete.
Revista Aventuras na História, edição 15, novembro de 2004
Aqui os boxes se misturam com a própria ilustração.
Neste caso particular, o uso da direção oblíqua se faz presente e colabora
grandemente para o efeito total do conjunto.
Revista Aventuras na História, edição 15, novembro de 2004
4. A utilização dos espaços na
página impressa: margens
São necessárias para se melhorar a precisão das
pausas e fixação no final de cada linha.
As margens razoavelmente largas são
consideradas importantes para a aparência
estética e para a legibilidade, e o espaço em
branco entre as colunas é preferido em
substituição às linhas (fios) separando as
colunas.
A margem superior deve ser a maior.
Calcule uma medida de 8 a 10% da altura
total do papel. As outras três margens serão
menores, podendo ter a mesma medida, ou
as laterais uma medida e a inferior menor
ainda. Cuidado com as margens internas
das páginas duplas: elas “dobram” as
medidas. Veja:
4. A utilização dos espaços na
página impressa: margens
4. a utilização dos espaços na
página impressa: margens
Página de
24 x 18 cm
Margens
laterais
com 1,4 cm
Margem
superior
com 2 cm
Margem
inferior
com 1 cm
4. a utilização dos espaços na
página impressa: margensNo entanto, se as páginas forem duplas, as margens internas
deverão ser menores, pois juntas elas “dobram” suas medidas:
Margem
superior
com 2 cm
Margem
inferior
com 1 cm
Margem
externa
com
1,4 cm
Margens
internas
com
1,1 cm
cada
Margens
internas
com
1,1 cm
cada
Margem
externa
com
1,4 cm
Cada
página com
24 x 18 cm
4. a utilização dos espaços na
página impressa: margens
Mas atenção:
NÂO HÁ NÚMEROS FIXOS!!!
Mais uma vez,
o que vale é o bom senso!
5. os elementos básicos da página
• as letras, agrupadas em palavras, frases e períodos
• as imagens, sob forma de fotos e ilustrações
• os brancos da página
• os fios tipográficos e outros recursos gráficos
Títulos sobrepostos com contrastes de cores e caixa alata e baixa
Revista Marie Claire, nº 159, junho de 2004
Os vazios são fundamentais para evidenciar os elementos. Capitulares em cxb, sobrepostas
Revista Marie Claire, nº 159, junho de 2004
6. os conceitos que guiarão o
designer:
• ritmo
• equilíbrio
• harmonia
• motivo predominante
• motivo secundário
• motivo de ligação
É importante segmentar a matéria para criar “ganchos”:
Revista Elle, ano 13, nº 7, julho de 2000
É importante segmentar a matéria para criar “ganchos”:
Revista Elle, ano 13, nº 7, julho de 2000
É importante segmentar a matéria para criar “ganchos”:
Revista Elle, ano 13, nº 7, julho de 2000
6.1. regras a serem observadas
• destaque para o título
• precisão no corte da fotografias
• cálculo exato do texto
• bom senso estético
• respeito aos vazios da página
7. zonas de visualização
1. principal ou primária
2. secundária
3. morta
4. morta
5. centro óptico
6. centro geométrico
8. importante observar:
Contraste: por meio da utilização de pesos, formas, direções a
tamanhos alternados, o contraste evita que a composição se torne
monótona.
Equilíbrio: o topo deverá ser mais leve e a parte inferior da página,
com mais textos
Unidade: organizar a página seguindo os critérios da proporção
áurea.
Proporção: uma matéria horizontal, se colocada ao lado de uma
vertical, parecerá deslocada.
9. fotos e ilustrações
• escolha a foto pelo seu significado, não por ser apenas
graficamente bonita
• destaque a parte significativa em benefício do pensamento
• dimensione a foto pela sua importância na matéria, jamais
para preencher vazios
• faça com que as pessoas das fotos fiquem voltadas para
dentro da página, a menos que você queira que o observador
sinta curiosidade de ver o que há na página seguinte
• evite espalhar fotos pequenas e insignificantes
10. a cor
• organiza os elementos da página
• define e classifica os tipos de informação
• identifica o caráter das matérias por repetição
• enriquece a publicação, tornando-as mais bonita
• deve ser usada com critérios, pois não deve
sobresair-se mais do que a notícia
• o fundo colorido colabora com a matéria, tornando-a grande
• use a cor para ligar, para separar, para focalizar
Editorial sobre cores de maquiagem são de grande responsabilidade, pois as cores
impressas devem manter-se fiéis ao original.
Revista Elle, ano 13, nº 7, julho de 2000
Editorial sobre cores de maquiagem são de grande responsabilidade, pois as cores
impressas devem manter-se fiéis ao original.
Revista Elle, ano 13, nº 7, julho de 2000
Editorial sobre cores de maquiagem são de grande responsabilidade, pois as cores
impressas devem manter-se fiéis ao original.
Revista Marie Claire, nº 165, dezembro de 2004
Editorial sobre cores de maquiagem são de grande responsabilidade, pois as cores
impressas devem manter-se fiéis ao original.
Revista Marie Claire, nº 165, dezembro de 2004
Nada deve ser colocado arbitrariamente numa página.
Tito Lívio
designer
r. Sumidouro, 36
(11) 3555 1212
São Paulo, SP
Alinhamento sem critério algum
Tito Lívio
designer
Alinhamento à direita
r. Sumidouro, 36
São Paulo, SP
(11) 3555 1212
Alinhamento á esquerda
Tito Lívio
designer
r. Sumidouro, 36
São Paulo, SP
(11) 3555 1212
Alinhamento centralizado
Tito Lívio
designer
r. Sumidouro, 36
São Paulo, SP
(11) 3555 1212
11. alinhamento de textos:
11. alinhamento de textos: justificado
o alinhamento
justificado (dos dois
lados do texto) com
a imagem sugere
precisão, rigidez,
seriedade
11. alinhamento de textos: justificado
Mas atenção! Um texto
justificado deve sempre
estar hifenizado (as
palavras devem ser
separadas por sílabas
quando necessário).
Caso contrário, seu
texto ficará cheio de
buracos (chamamos de
“dentes”), e o resultado
final é bem ruim.
Mas atenção! Um texto
justificado deve sempre
estar hifenizado (as
palavras devem ser
separadas por sílabas
quando necessário).
Caso contrário, seu
texto ficará cheio de
buracos (chamamos de
“dentes”), e o resultado
final é bem ruim.
Texto longo em caixa alta; justificado sem quebras, o que gerou “dentes”.
Revista Caros Amigos, nº 98, maio de 2005
11. alinhamento à esquerda/à direita
Um texto alinhado
à esquerda ou à direita
JAMAIS deverá ser
hifenizado:
use as palavras
inteiras, e cuide
para que se forme um
desenho interessante
Um texto alinhado
à esquerda ou à direita
JAMAIS deverá ser
hifenizado:
use as palavras
inteiras, e cuide
para que se forme um
desenho interessante
explore o alinhamento para amarrar a legenda
com a imagem; posicione o alinhamento ao
lado da imagem
enfatize a interdependência da legenda com a imagem alinhando o
topo da primeira linha com o topo da imagem, ou da última linha
com o pé da figura
use alinhamento à
direita com cuidado,
pois a leitura é mais
difícil; arrisque este
alinhamento se o texto
não tiver muitas linhas,
e se as linhas não forem
muito grandes. A
intenção é não esgotar a
paciência do leitor. Use
o teste final:
você leria este texto?
Isso pode afetar a
decisão
sempre que possível
posicione a legenda
alinhada à esquerda.
A leitura fica
facilitada, pois o
leitor sabe onde
começa
a próxima linha
11. alinhamento centralizado
O mesmo
ocorre com um texto
centralizado: ele
JAMAIS deverá ser
hifenizado:
use aqui também as
palavras inteiras,
e cuide
para que se forme um
desenho interessante
12. bibliografiaHORCADES, Carlos M. A Evolução da Escrita – História Ilustrada.
Rio de Janeiro, Senac Rio, 2004.
HURLBURT, Allen. Layout: o design da página impressa. São Paulo,
Nobel, 1986.
RIBEIRO, Milton. Planejamento visual gráfico. Brasília, LGE Editora,
2003.
SILVA, Rafael Souza. Diagramação – o planejamento visual gráfico
na comunicação impressa. São Paulo, Summus, 1985.
WHITE, Jan. A arte de ser revisteiro, Carta do Editor – Comunicação
entre os jornalistas da Editora Abril, ano II, nº 8, julho de 1993.
WILLIAMS, Robin. Design para quem não é designer. São Paulo,
Callis, 1993
