Diagramação e Formato: Guia para Organização Visual

Prévia do material em texto

D I A G R A M A Ç Ã O
- é a o r g a n i z a ç ã o d o s e l e m e n t o s v i s u a i s
- c o n t r o l e s o b r e o o l h a r d e q u e m
e s t á r e c e b e n d o a i n f o r m a ç ã o
- é u m a f o r m a d e p a s s a r n o s s o o l h a r
p o r t o d o s o s p o n t o s d e s e j a d o s
d i a g r a m a ç ã o p r a q u ê m e s m o ?
organiza os elementos visuais/ posicionamento na página/ estrutura
básica de organização/ função primaria é guiar a atenção e o olhar do
leitor/ intenção da comunicação/ estrutura para organizar os elementos .
b o a d i a g r a m a ç ã o x d i a g r a m a ç ã o c r i a t i v a
boa diagramação : boa
legibilidade trabalhada
a partir da observação
de alguns princípios . 
diagramação criativa :
ilegibilidade o elemento
inovação fala mais alto , há
a busca pela quebra de
alguns paradigmas de
legibilidade.
F O R M A T O
- pensar o espaço visual : folha a4 ,
cartaz , monitor ou revista?
- as dimensões do trabalho - o
sentido - é preciso conhecer o
espaço/formato.
- volume de informação
- se perguntar se é pra ser lido em
qualquer lugar
- o conceito influencia no formato
formato > aspecto técnico
(viabilidade de produção e o custo
de produção).
C e n t r o ó t i c o
- ou ponto de atenção , ou
centro vital do objeto esta
situado acima do centro
matemático ou geométrico.
- centro vital : o olhar procurar
espontaneamente uma
informação
- algumas informações ficam
entre o centro geométrico e o
centro ótico.
- formato
- mancha gráfica (e/ou tipografia):
área vista do layout , espaço
definido para inserir informações .
- margens : área em torno da
macha - sem preenchimento
(espaço entre a macha gráfica e o
formato).
- defesas : espaço não preenchido
que separam os blocos/ elementos
do layout (contragrafismo interno
é parte em branco/ sem nada).
- grafismo
- alinhamento
d i a g o n a l d e l e i t u r a
- busca espontaneamente uma
informação
- busca o sentido da esquerda para
direita/ de cima para baixo.
g r i d ( g r a d e / g r e l h a )
- o grid é uma forma de reunir os
elementos visuais (figuras ,
símbolos , campo de texto , títulos ,
tabelas . . .)
- na falta do mesmo , o olhar se
perde muito 
g r i d ( d e r i v a ç õ e s )
h i e r a r q u i a d a i n f o r m a ç ã o
- estabelecer ordem de
prioridades .
- planejar a direção do olhar do
observador ao público alvo.
- criar um percurso para que o
receptor da mensagem chegue a
todas as informações , e na ordem
desejada.