direo de arte em propaganda

diagramao e publicaes institucionais

profa. Tatiana Aneas

diagramao //

diagramar

definir o lugar das coisas

posio, proporo, distncia

diagramao //

para diagramar, preciso entender qual a

hierarquia das informaes*

na pea

*informaes podem ser verbais ou visuais

diagramao //

preciso determinar uma lgica

de organizao visual
baseada na PRIORIDADE dos elementos

PESO VISUAL

ter maior peso no significa necessariamente ser

maior ou ocupar mais espao
o que determina para onde pende nossa percepo

diagramao //

posio
os elementos ocupam diferentes posies

em relao pgina

e em relao aos outros elementos

diagramao //

proporo
os elementos tm diferentes tamanhos

com relao pgina

e com relao aos outros elementos

diagramao //

distncia
os elementos mantm diferentes distncias

das margens da pgina

e dos outros elementos

diagramao //

publicaes institucionais
- folder

- relatrio

- revista / house organ

- boletins e circulares

- murais

- livros

- catlogos de produtos ou servios

diagramao //

para criar publicaes institucionais preciso

conceber um PROJETO GRFICO-EDITORIAL
- formato da pgina

- mancha grfica / margens

- diagrama (grid)

diagramao //

critrios para definio de formato de pgina

- econmicos (aproveitamento de papel)

- funcionais / estticos

- folha padro DIN (impresso digital)

- folha offset

diagramao //

mancha grfica
rea da pgina ocupada por grafismos (textos e imagens)

diagramao //

definio de formato de pgina e mancha

importante buscar propores harmnicas nestas escolhas

diagramao //

nmero de ouro [ 1,618 ]

razo presente em propores do corpo humano e de
elementos naturais

tcnica utilizada para determinar propores da pgina

e mancha grfica

! !
! !

! !
! !

! !

! !

A altura do corpo humano e a

medida do umbigo at o cho.!
A altura do crnio e a medida
da mandbula at o alto da
cabea.!
A medida da cintura at a
cabea e o tamanho do trax.!
A medida do ombro ponta do
dedo e a medida do cotovelo
ponta do dedo.!
O tamanho dos dedos e a
medida da dobra central at a
ponta.!
A medida da dobra central at
a ponta dividido e da segunda
dobra at a ponta.

diagramao //

grid (grade, diagrama)

estrutura de linhas que orienta a diagramao de publicaes

elementos do grid

colunas (guias verticais)

linhas de fluxo

margens

mdulos

zonas espaciais

marcadores

// para saber mais

adsoftheworld.com

HURLBURT, Allen. Layout: o design da pgina impressa. SP: Nobel, 2001