18/09/2016 - downloadportal.sereduc.com · deve ser evitado, como os textos alinhados à direita....
Post on 10-Nov-2018
214 Views
Preview:
TRANSCRIPT
18/09/2016
1
Direção de arte
Diagramação de anúncios
Professora: Teresa Poças
tpocas@gmail.com
Todo layout começa com um espaço em branco a ser
preenchido.
Você pode preenchê-lo com textos, imagens, cores. Mas
acima de tudo, precisa preenchê-lo com objetividade,
simplicidade e inteligência.
Dir
eção d
e A
rte,
New
ton C
esa
r.
Diagramação de anúncios
O layout baseia-se em diagramação, organização, equilíbrio e
contraste e inovação. Sabendo isso, você saberá 50%. O resto
dependerá de sua criatividade.
Dir
eção d
e A
rte,
New
ton C
esa
r.
Diagramação de anúncios
Em artes gráficas, diagramação nada mais é do que diagramar
uma revista, um anúncio, um catálogo, um folheto ou
qualquer outra peça, distribuindo e colocando as coisas no
devido lugar, obedecendo ordens simétricas ou assimétricas,
tanto faz.
O termo é muito usado em propaganda, especialmente
quando se fala em textos. É comum ouvir o Diretor de Arte
pedindo para o operador de computador diagramar esse ou
aquele texto.
Dir
eção d
e A
rte,
New
ton C
esa
r.
Diagramação de anúncios
18/09/2016
2
Tudo o que ele está dizendo é que o texto deve ser
distribuiído no anúncio ou na peça gráfica da maneira como
ele imaginou.
Qual a receita para uma boa diagramação?
Dir
eção d
e A
rte,
New
ton C
esa
r.
Diagramação de anúncios
A receita é observar revistas, jornais, catálogos, folhetos,
outdoors, etc. Via de regra, essas peças têm uma boa
diagramação.
Se você começar a prestar a devida atenção, entenderá que a
diagramação segue três características básicas:
Dir
eção d
e A
rte,
New
ton C
esa
r.
Diagramação de anúncios
• Textos em colunas, o que facilita muito a leitura nos casos
de um espaço muito grande ou textos em dois ou até um
único bloco, geralmente usados em anúncios.
• Pesos diferenciados entre títulos, subtítulos e textos.
• Alinhamentos: centralização, justificação, texto à direita,
texto à esquerda.
Dir
eção d
e A
rte,
New
ton C
esa
r.
Diagramação de anúncios
Os textos compostos possuem sempre algum tipo de
alinhamento, que deve ser especificado pela criação e
seguido pelo pessoal da edição.
Am
aury
Fern
andes,
Fundam
ento
s de p
rodução g
ráfi
ca,
2003.
Esses diferentes tipos são denominados de acordo com a
posição do início e do final das linhas com relação às
laterais da coluna de texto e podem ser: justificado (ou
blocado), alinhado à esquerda, alinhado à direita,
centralizado e desalinhado.
Diagramação de anúncios
18/09/2016
3
O texto justificado, também chamado de blocado, tem
esse nome por ser composto justo na medida da largura
da coluna. Todas as linhas de texto são iniciadas no
primeiro ponto à esquerda e terminam sempre no limite
extremo à direita, as únicas exceções sendo as
aberturas e os finais dos parágrafos.
Esse tipo de alinhamento facilita a leitura do texto,
pois cria uma mecânica de leitura onde os movimentos
dos olhos para acompanhar o texto são constantes e
regulares.
Am
aury
Fern
andes,
Fundam
ento
s de p
rodução g
ráfi
ca,
2003.
Diagramação de anúncios
Já os textos alinhados à esquerda são aqueles cujas
linhas são sempre iniciadas no limite extremo à
esquerda e seu final é irregular no lado direito da
coluna.
Este tipo de alinhamento também possui uma boa
mecânica de leitura e pode ser utilizado mesmo para
grandes volumes de texto, pois, como as linhas de texto
começam sempre no mesmo ponto, ainda há grande
facilidade de se fazer o acompanhamento do texto
quando da leitura.
Am
aury
Fern
andes,
Fundam
ento
s de p
rodução g
ráfi
ca,
2003.
Diagramação de anúncios
Chamamos de alinhamento à direita os textos nos quais
as linhas iniciam de forma irregular, mas são sempre
terminadas no limite extremo do final da coluna.
Esse tipo de alinhamento é bastante incômodo para
leitura em textos longos e deve ser evitado neles; sua
utilização se presta mais a chamadas e legendas de
imagens.
Am
aury
Fern
andes,
Fundam
ento
s de p
rodução g
ráfi
ca,
2003.
Diagramação de anúncios
Os textos centralizados são aqueles nos
quais as linhas de texto estão dispostas
segundo um eixo central de simetria.
Esse tipo de alinhamento também é
incômodo para a leitura de textos longos e
deve ser evitado, como os textos
alinhados à direita. Como os últimos, os
centralizados têm sua utilização mais
ligada a chamadas e legendas de imagens.
Am
aury
Fern
andes,
Fundam
ento
s de p
rodução g
ráfi
ca,
2003.
Diagramação de anúncios
18/09/2016
4
Grades simples
É composta por três
unidades. As áreas cinzas
são as colunas. As brancas
são os espaços entre as
colunas e as margens da
página.
Fati
ma A
li,
A a
rte d
e e
dit
ar
revis
tas,
2009.
Diagramação de anúncios
Grades 3 x 3
os elementos – fotos,
textos, ilustrações – se
encaixam nessas unidades,
mesmo que atravessem os
limites.
Fati
ma A
li,
A a
rte d
e e
dit
ar
revis
tas,
2009.
Diagramação de anúncios
Fati
ma A
li,
A a
rte d
e e
dit
ar
revis
tas,
2009.
Fati
ma A
li,
A a
rte d
e e
dit
ar
revis
tas,
2009.
18/09/2016
5
Fati
ma A
li,
A a
rte d
e e
dit
ar
revis
tas,
2009.
Fati
ma A
li,
A a
rte d
e e
dit
ar
revis
tas,
2009.
Fati
ma A
li,
A a
rte d
e e
dit
ar
revis
tas,
2009.
Espelho
Espelho - é a distribuição do conteúdo editorial –
matérias, seções e colunas – e anúncios ao longo das
páginas da revista; um mapa simplificado que indica o
que vai onde; em que ordem, relevância e o espaço
ocupado.
Fati
ma A
li,
A a
rte d
e e
dit
ar
revis
tas,
2009.
Ritmo – o espelho determina o ritmo e o andamento pelo
qual a revista apresenta seu material. Imagine as páginas
da revista como uma sequência de um filme. As cenas
têm um ritmo – um início lento, depois mais rápido, um
momento de suspense, o clímax, outro instante lento e o
desfecho.
Diagramação de anúncios
18/09/2016
6
O lugar dos anúncios
O espelho define a política de colocação de anúncios e
quais os espaços reservados a eles de acordo com essa
política.
Fati
ma A
li,
A a
rte d
e e
dit
ar
revis
tas,
2009.
Anúncios são vendidos em posições determinadas – na
frente da revista, em página ímpar, ao lado de seções ou
matérias específicas. Os anunciantes preferem a página
ímpar porque a tendência do leitor ao folhear a revista é
vê-la primeiro.
Diagramação de anúncios
Fati
ma A
li,
A a
rte d
e e
dit
ar
revis
tas,
2009.
Miolo
Nobre
Fati
ma A
li,
A a
rte d
e e
dit
ar
revis
tas,
2009.
Zigue-
Zague
Fati
ma A
li,
A a
rte d
e e
dit
ar
revis
tas,
2009.
Sobe e
Desce
18/09/2016
7
O que é uma diagramação criativa?
Dir
eção d
e A
rte,
New
ton C
esa
r.
A diagramação criativa é aquela que quebra os padrões,
mínimos que sejam. Um alinhamento diferenciado, por
exemplo. Entrelinhas mais abertas, ou – em alguns casos, mais
fechadas.
Um bloco de texto dinâmico com distribuição assimétrica ou,
ainda, uma interação maior entre imagem e texto. Isso só se
consegue com muita observação, criatividade e, acima de
tudo, inovação.
Diagramação de anúncios
Diagramação de anúncios
Três possibilidades de se pensar o posicionamento dos vários
elementos que compõe uma página.
O centro ótico, o lugar que o olho procura, em primeiro lugar,
18/09/2016
8
Diagramação de anúncios
Os terços, como forma de posicionar aquilo que se quer
destacar, especialmente em fotografia,
18/09/2016
9
Diagramação de anúncios
A diagonal de leitura, que, claro, funciona para os povos que
lêem da esquerda (de quem lê) para a direita, de cima para
baixo, O canto superior esquerdo e o inferior direito são as
"áreas fortes". Os opostos são as chamadas "áreas fracas".
18/09/2016
11
Diagramação de anúncios
Se a diagramação for para um anúncio, há de se observar o
que é mais importante: imagem ou texto.
Segre
dos
da D
ireção d
e A
rte,
New
ton C
esa
r.
18/09/2016
12
Diagramação de anúncios
Se a imagem for forte e conceitual então deve-se valorizar
mais a imagem.
Segre
dos
da D
ireção d
e A
rte,
New
ton C
esa
r.
Diagramação de anúncios
Do ponto de vista técnico, dá para dividir a diagramação em
duas vertentes: simétrica e assimétrica.
Diagramação simétrica: é quando você segue alinhamentos e
simetria na disposição dos elementos.
Segre
dos
da D
ireção d
e A
rte,
New
ton C
esa
r.
18/09/2016
13
Diagramação de anúncios
Diagramação assimétrica: é quando você chuta o balde para
algumas regras e resolve quebrá-las, trabalhando os
elementos de maneira nada convencionais, desalinhando-os.
Segre
dos
da D
ireção d
e A
rte,
New
ton C
esa
r.
Diagramação de anúncios
A diagramação é aplicada em diversas mídias como jornais,
livros, revistas, cartazes, sinalização, websites, inclusive na
televisão. (…)
No caso de um jornal, a diagramação segue os objetivos e as
linhas gráficas e editoriais desse impresso.
htt
p:/
/agencia
esp
aco.w
ord
pre
ss.c
om
/2010/0
7/1
9/
18/09/2016
14
Diagramação de anúncios
As imagens, o tamanho das fontes tipográficas, a posição de
títulos, retículas, boxes, fios, enfim, todos os elementos
visuais devem ser perfeitamente pensados e posicionados com
o objetivo de atender a uma necessidade editorial.
htt
p:/
/agencia
esp
aco.w
ord
pre
ss.c
om
/2010/0
7/1
9/
18/09/2016
15
Capa da revista Época
htt
p:/
/colu
nas.
epoca.g
lobo.c
om
/fa
zcaber/
Tema: como ensinar as crianças a comer direito
“A foto que me
inspirou para
começar a pensar
nesta capa foi do
garoto Gabriel,
filho dos meus
amigos Ivan Padilha
e Maria Laura”.
Capa da revista Época
htt
p:/
/colu
nas.
epoca.g
lobo.c
om
/fa
zcaber/
“Fazendo uma
busca nos sites de
imagens achei esta
outra que também
é muito boa”.
Capa da revista Época
htt
p:/
/colu
nas.
epoca.g
lobo.c
om
/fa
zcaber/
“Também fizemos algumas opções com fotos de Marcos
Lopes”
Capa da revista Época
htt
p:/
/colu
nas.
epoca.g
lobo.c
om
/fa
zcaber/
“Mas, na pesquisa de imagem achei este garoto muito
simpático e tive a ideia de trocar o doce por um prato de
salada”
18/09/2016
16
Capa da revista Época
htt
p:/
/colu
nas.
epoca.g
lobo.c
om
/fa
zcaber/
“Mas quando coloquei a
capa da ÉPOCA SP que
tem uma foto de um
hambúrguer apetitoso,
tive a ideia de fazer ele
olhando pra cima.
Mudei o olhar do garoto
no photoshop e
acrescentamos uma
legenda: pode sim, mas
só no fim de semana”.
Capa da revista Época
htt
p:/
/colu
nas.
epoca.g
lobo.c
om
/fa
zcaber/
“Aí sim as duas capas
estavam conversando”.
Diagramação de anúncios
Gestalt
O contraste entre “figura e fundo” do conjunto gráfico. O
equilíbrio entre áreas com e sem informação deve ser bem
observado.
htt
p:/
/agencia
esp
aco.w
ord
pre
ss.c
om
/2010/0
7/1
9/
18/09/2016
17
Diagramação de anúncios
Esses espaços em branco funcionam como área de respiro para
uma página ajudando o ritmo de leitura.
Essas áreas de descanso visual devem ser usadas de acordo
com a necessidade editorial de um assunto, além de
representar os anseios estéticos de um determinado público.
Faixa etária, sexo, nível social e cultural, além dos assuntos a
serem abordados, podem indicar como essas áreas de respiro
devem ser usadas, em que quantidade e onde.
htt
p:/
/agencia
esp
aco.w
ord
pre
ss.c
om
/2010/0
7/1
9/
Diagramação de anúncios
Cores
Deve-se observar não somente a cor que se deseja usar mas
sua localização na página e quantos segundos de percepção
são necessários para sua assimilação pelo cérebro, assim
como, quanto tempo uma pessoa ficará com seus olhos fixos
nela.
htt
p:/
/agencia
esp
aco.w
ord
pre
ss.c
om
/2010/0
7/1
9/
18/09/2016
18
Diagramação de anúncios
As cores, dentro do conjunto visual de uma página, deveriam
ser mais um elemento a ajudar na seqüência de leitura
desejada pelo editor.
htt
p:/
/agencia
esp
aco.w
ord
pre
ss.c
om
/2010/0
7/1
9/
Composição visual
Dê importância às coisas. Não é raro ver anúncios ou peças
gráficas onde o título, a foto e o texto têm o mesmo peso
visual.
Quando se tem um anúncio com muitos objetos, então, a
coisa piora. Extatamente por tudo parecer importante, o
layout vira uma poluição só. Anúncios de varejo normalmente
são assim. O título é grande. O produto é grande. A oferta é
grande. O logotipo e o telefone do cliente são grandes. O
que, a princípio, seria uma solução para valorizar,
desvaloriza.
Dir
eção d
e A
rte,
New
ton C
esa
r.
top related