Editoracaoedesign Aula3 120325203219 Phpapp01

1
Publicidade e Propaganda
Editorao Eletrnica e Design Grfico
Profa. Amanda Generozo
E-mail: amanda.generozo@aedu.com
Publicidade e Propaganda | Editorao Eletrnica e Design Grfico
Aula 3
Sistema de leitura ocidental (centro ptico, centro geomtrico, zona
principal e zonas mortas da pgina).
A fora visual dos blocos de leitura do layout.
A hierarquia visual e o entendimento da mensagem.
Os elementos na pgina e a integrao entre texto e ilustrao atravs do
computador.
Ementa:
Princpios de layout e design grfico.
Contedo programtico:
A fora visual dos blocos de leitura do layout.
A hierarquia visual e o entendimento da mensagem.
Princpios de layout e design grfico.
Conceito de Editorao Eletrnica
Falleiros conceitua editorao eletrnica como O ramo da computao
grfica voltado para a produo de peas grficas e editoriais, tais como
jornais, livros, revistas, catlogos, malas diretas, folhetos, etc.
(FALLEIROS, Dario Pimentel. O Mundo Grfico da Informtica. So Paulo:Ed. Futura, 2003.)
Na prtica:
Podemos considerar a editorao eletrnica como a etapa do processo
de criao, na qual so produzidos, por meio de computadores, layouts
e/ou arquivos finalizados.
Alm das peas grficas e editoriais como as citadas pelo autor,
podemos incluir ainda as peas publicitrias, tais como: anncios,
outdoor, catazes, mdia externa, etc.
A importncia do planejamento visual e da editorao
eletrnica no desenvolvimento de uma pea grfica

Consideraes do contexto social, cultural e econmico:
Vivemos em uma Era Miditica;
A tecnologia est democratizando a informao e tornando-se
acessvel e disponvel;
A informao em excesso faz com que cada mensagem dispute a
ateno do pblico;
Existe um bombardeio de produtos e servios, todos buscando
consumidores comuns;
A sociedade est visualmente mais rica e ousada.
E o design com isso?
Simples:
Necessidade de tornar marcas, produtos e servios
diferenciados, de fazer com que sejam percebidos em meio
ao turbilho de informaes e mensagens publicitrias.
Quando comea o planejamento visual?

Leitura e entendimento do briefing
Definio do formato.
Layout e o uso do grid.
Tipografia e Imagem.
Uso das cores.
Quando comea a editorao eletrnica?
Produo do layout.
Quando termina a editorao eletrnica?
Na finalizao do arquivo.
rough (raf)
pesquisa/estudo
para aprovao do cliente
para impresso/veiculao
N
O
V
O
S

J
O
B
S
/
C
L
I
E
N
T
E
S

J
O
B
S

P
E
R
I
D
I
C
O
S

}
}
}
}
Ferramentas para editorao eletrnica
Plataformas utilizadas: MAC (Macintosh) e PC
Softwares mais utilizados para editorao eletrnica:
Basicamente, os aplicativos para editorao eletrnica se enquadram em
trs categorias:
Ilustradores: usam vetores para produzir ilustraes, grficos,
desenhos e logotipos. Principais softwares: Adobe Illustrator,
CorelDRAW e Macromedia Freehand.
Editores de imagens: trabalham com bitmaps para produzir, editar
e retocar imagens e fotos. Principais softwares: Photoshop.
Paginadores/finalizadores: fazem a montagem final (diagramao)
dos elementos textos, ilustraes e fotos (vetores e bitmaps) e do
forma ao projeto grfico. Principais softwares: Adobe InDesign,
Pagemaker e QuarkXPress.
Concepo grfica na mdia impressa
A instantaneidade dos meios eletrnicos criou a necessidade de
ordenamento dos elementos no espao grfico e a uniformidade
grfica e editorial tornou-se um imperativo;
A estrutura grfico-editorial representa para o leitor a imagem da
publicao (jornal, revista, newsletter entre outros);
A primeira pgina de uma publicao representa a embalagem de
todo o produto. Ento, a capa deve reunir caractersticas e atrativos
prprios que permitam ao leitor identificar a publicao por meio dela.
Uniformidade grfica e editorial

Uniformidade grfica e editorial

Uniformidade nas campanhas publicitrias
Campanha: UNHATE (No odeie) - Benetton

Com a campanha Unhate, a marca italiana de roupa pretende opor-se cultura do dio e incentivar a
proximidade entre os povos, crenas, culturas e a compreenso pacfica das razes dos outros.
Campanha: Voc pode ser o que quiser - Boticrio

A histria sempre se repete. Tdo chapuzinho vermelho
que se preze, um belo dia, coloca o lobomau na coleira.
Era uma vez, uma garota branca como a neve que
causava muita invejano por ter conhecido sete anes,
mas vrios morenos de 1,80 m.
Campanha: Voc pode ser o que quiser - Boticrio

Campanha: Havainas

Campanha: Havainas

Sistema de leitura ocidental
O incio da escrita ocidental sempre no lado superior esquerdo.
O movimento tico na leitura ocidental da esquerda para a direita.
A viso instintivamente se desloca em diagonal para o lado inferior
oposto, assim, a rota bsica da vista se projeta do lado superior
esquerdo para o lado inferior direito.
Zonas de visualizao
na mdia impressa
1. principal ou primria;
2. secundria;
3. morta;
4. morta;
5. centro tico;
6. centro geomtrico
Edmund C. Arnold

Zonas de visualizao na mdia impressa
Principal ou primria: deve conter um elemento forte como
uma imagem, um grande ttulo, um grafismo para atrair o
interesse do leitor.
Secundria: deve conter elementos para finalizar a pgina que
ajudem a compreender a mensagem da pgina como um todo.
Morta: o projeto grfico deve atentar-se para as zonas mortas
da pgina e preench-las com elementos de grande atrao
visual para conduzir a leitura de forma confortvel e rpida.
Centro tico: est situado um pouco acima do centro
geomtrico e deve apresentar aspectos atrativos para que a
leitura se torne ordenada e racional.
Centro geomtrico: o ponto de cruzamento das diagonais.
Estudos de Alfred Yarbus divergem do esquema de Edmund Arnold
A partir dos anos 1980 e 1990, estudos que captavam os
caminhos do olhar sobre uma superfcie demonstraram que
ideia de zonas de visualizao era mais uma aposta errada.
Estudos do russo Alfred Yarbus sobre a maneira como
observadores olham para uma obra visual mostram que o olhar
do ser humano segue caminhos variveis, mas fortemente
determinados pelos elementos de maior interesse na
composio visual.
A possibilidade:
Quem determina para onde se olha numa composio visual
o artista que criou a composio.
Vale a leitura:
http://meiradarocha.jor.br/news/2007/08/10/zonas-de-visualizacao-da-pagina-impressa/
Exemplos de aplicao das zonas de visualizao da pgina
A hierarquia visual
Estabelece o nvel de importncia de cada informao dentro da
pgina impressa;
Guia o leitor, determinando uma harmonia dos movimentos que leva a
compreenso da mensagem;
Agrupa informaes semelhantes ou relacionadas por meio dos
elementos grficos.
Como criar hierarquia na pgina?
Distribuio do espao grfico;
Distribuio dos elementos dentro do espao grfico;
Adio de elementos grficos (imagem, box, linha fina);
rea destinada imagem;
Peso da fonte utilizada no ttulo;
Bloco de texto.
Pontos a considerar:
Pblico para o qual a publicao se destina;
Funo da publicao;
Scanner da pgina feito pelo leitor;
Interesses desse pblico;
Agilidade na informao.
Elemento grficos
Recursos visuais utilizados na composio do layout.
Nas peas publicitrias, os principais so:
Ttulo, texto, imagem (bitmap ou vetor) e logotipo.
Alguns anncios utilizam-se do grafismo.
Nos editoriais, os principais so:
Cabealho e vinhetas.
Ttulo, subttulo, interttulo. linha fina, highlight, texto, imagem (bitmap ou
vetor), infogrficos, legendas, box.
Hierarquia visual e elementos grficos na publicidade
Hierarquia visual e elementos
grficos nos editoriais

Padro grfico
Espao grfico
Proporo da foto
Peso do ttulo
Incluso da linha fina
Agrupamento das
informaes
Zona secundria
Ponto de ateno
A
g
r
u
p
a
m
e
n
t
o

d
a
s

i
n
f
o
r
m
a
e
s

Zonas de visualizao
E
n
t
r
a
d
a

d
a

p
g
i
n
a

Hierarquia visual e elementos grficos nos editoriais

Z
o
n
a
s

d
e

v
i
s
u
a
l
i
z
a
o


Ttulo
Cabealho
Linha fina
Infogrfico Infogrfico
Vinheta
Highlight
Bloco de texto
Leganda
Subttulo
Interttulo

Bibliografia desta aula:
SILVA, Rafael Souza. Diagramao: o planejamento visual grfico na comunicao impressa.
So Paulo : Summus Editorial, 1985.
AMBROSE, Gavin. Layout : s.m. um arranjo de partes etc. de acordo com um plano. 1 ed.
Porto Alegre: Bookman, 2009.
Arquivo pessoal de imagens.

Editoracaoedesign Aula3 120325203219 Phpapp01

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

Editoracaoedesign Aula3 120325203219 Phpapp01

Enviado por

Direitos autorais:

Formatos disponíveis

1

Você também pode gostar