Você está na página 1de 35

PRINCPIOS DE DIAGRAMAO Produo Grfica

Profa. Elizabeth Fantauzzi

Os quatro princpios bsicos


Proximidade Alinhamento Repetio Contraste

Proximidade

Proximidade
Itens relacionados entre si devem ser agrupados. Quando vrios itens esto prximos, tornam-se uma unidade visual, e no vrias unidades individualizadas. Isso ajuda a organizar as informaes e reduz a desordem.

Observe o carto. Comente suas impresses sobre a diagramao dele.

E agora? O que aconteceu? Melhorou? Piorou? Comente suas impresses sobre a diagramao dele.

Sugesto de diagramao seguindo o princpio da Proximidade.

Beth Fantauzzi
UNIFESP Virtual

jos feliciano n 7 (011) 55620000

Observe a filipeta. Comente suas impresses sobre a diagramao dela.

Sugesto de diagramao seguindo o princpio da Proximidade.

Proximidade
Como atingir este objetivo? Pisque os olhos e conte o nmero de elementos visuais da pgina pelo nmero de paradas dos seus olhos. Se houver mais de 35 itens na pgina (depende do material!), veja dentre os itens separados quais poderiam ser agrupados em proximidade, para que se tornem uma unidade visual.

Proximidade
O que evitar?

Evite muitos elementos separados em uma pgina. No coloque os itens somente nos cantos e no meio da pgina. Evite deixar quantidades iguais de espaos em branco entre os elementos, a no ser que cada conjunto seja parte de um subgrupo. Evite criar qualquer dvida quanto relao dos elementos entre si, ou seja, cada subttulo, legenda, imagem etc. devem estar junto a seu respectivo par. Crie uma relao entre os elementos atravs da proximidade. No relacione elementos que no devam estar agrupados! Se eles no estiverem relacionados, separe-os.

Alinhamento

Alinhamento
Nada deve ser colocado arbitrariamente em uma pgina. Cada elemento deve ter uma ligao visual com outro elemento da pgina. Isso cria uma aparncia limpa, sofisticada e suave.

Como utilizar Alinhamento em parceria com a Proximidade?

Beth Fantauzzi
UNIFESP Virtual

jos feliciano n 27 (011) 55620000

linha invisvel criada pelo alinhamento

Tipos de Alinhamento

Nada deve ser colocado arbitrariamente em uma pgina. Cada elemento deve ter uma ligao visual com outro elemento da pgina. Isso cria uma aparncia limpa, sofisticada e suave.

Nada deve ser colocado arbitrariamente em uma pgina. Cada elemento deve ter uma ligao visual com outro elemento da pgina. Isso cria uma aparncia limpa, sofisticada e suave.

Alinhado direita

Alinhado esquerda

Nada deve ser colocado arbitrariamente em uma pgina. Cada elemento deve ter uma ligao visual com outro elemento da pgina. Isso cria uma aparncia limpa, sofisticada e suave.

Nada deve ser colocado arbitrariamente em uma pgina. Cada elemento deve ter uma ligao visual com outro elemento da pgina. Isso cria uma aparncia limpa, sofisticada e suave.

Centralizado

Justificado

Observe o relatrio. Comente suas impresses sobre a diagramao dele.


Comunicao Social

Produo Grfica UNISA

Maria de Ftima Menezes Outubro 2006

Projeto Final

Sugestes de como utilizar Alinhamento em parceria com a Proximidade


UNISA
Comunicao Social

Comunicao Social

UNISA

Produo Grfica
Projeto Final

Produo Grfica
Projeto Final

Maria de Ftima Menezes Outubro 2006

Maria de Ftima Menezes Outubro 2006

Alinhamento
Como atingir este objetivo? Esteja consciente do posicionamento dos elementos na pgina. Encontre sempre algo a mais na pgina para fazer o alinhamento, mesmo que os dois objetos estejam fisicamente separados.

Alinhamento
O que evitar? Evite o alinhamento centralizado (comum demais), a no ser que voc tenha o objetivo de criar uma apresentao formal. Caso o escolha, faa-o conscientemente e no por automao.

Contraste

Contraste
O objetivo do contraste evitar elementos meramente similares em uma pgina. O contraste costuma ser a mais importante atrao visual de uma pgina. O contraste pode ser atingido de vrias formas: fontes grandes com pequenas, fonte com estilo antigo outra sem serifas, fio fino com grosso, cor vibrante com cor clara, elementos verticais e horizontais...

Contraste
Como atingir este objetivo?

O contraste pode ser atingido de vrias formas: fontes grandes com pequenas, fonte com estilo antigo outra sem serifas, fio fino com grosso, cor vibrante com cor clara, elementos verticais e horizontais...

Contraste
O que evitar? No seja tmido. Evite contrastar uma linha fina com uma um pouco mais espessa, ou ttulo preto e corpo marrom, ou duas fontes similares. Se os itens no forem exatamente iguais, diferencie-os.

Sugestes de como utilizar Contraste de corpo e de tipo

Sugestes de como utilizar Contraste de cores e tamanhos

Sugestes de como utilizar Contraste de tamanho de tipo

Sugestes de como utilizar Contraste de cor, tipo e Entrelinhas.

Sugestes Contrastes de cores.

Preto sobre amarelo, verde ou azul

Vermelho sobre amarelo ou branco

Branco sobre azul ou preto

Amarelo sobre o preto

Repetio/Padro

Repetio/Padro
O propsito bsico da repetio unificar e acrescentar interesse visual. No subestime o interesse visual de uma pgina: se ela for interessante, sua leitura ser mais agradvel e provavelmente mais compreendida. preciso transformar o padro imperceptvel em um elemento chave visual que unifique o material.

Repetio/Padro
Como atingir este objetivo?

Pode ser uma fonte em bold (negrito), um fio grosso ou fino, algum bullet, um elemento do design....

Repetio/Padro
O que evitar? Evite repetir o elemento em demasia, para que ele no se torne enfadonho ou excessivo.

Sugestes de como utilizar a Repetio de elementos visuais

Sugestes de como utilizar a Repetio de elementos visuais

Referncias Bibliogrficas

Interesses relacionados