23
Diagramação Ato ou efeito de criar diagramas ou ordenação e distribuição de elementos gráficos para melhor conduzir o fluxo de leitura, de idéias e de conceitos. D.R.C

Diagramacao E Percepcao

Embed Size (px)

DESCRIPTION

Diagramação e forças perceptivas

Citation preview

Page 1: Diagramacao E Percepcao

Diagramação

• Ato ou efeito de criar diagramas ou

ordenação e distribuição de elementos

gráficos para melhor conduzir o fluxo de

leitura, de idéias e de conceitos.

D.R.C

Page 2: Diagramacao E Percepcao

PROXIMIDADE

Itens relacionados entre si, devem ser agrupados.

Quando vários ítens estão próximos, tornam-se uma unidade visual e não várias unidades individualizadas.

Isso ajuda a organizar informações e reduz a desordem.

Princípios Básicos do Design

D.R.C

Page 3: Diagramacao E Percepcao

ALINHAMENTO

Nada deve ser colocado arbitráriamente em uma página.

Cada elemento deve ter uma ligação visual com outro elemento da página.

Isso cria uma aparência limpa, sofisticada e suave.

Princípios Básicos do Design

D.R.C

Page 4: Diagramacao E Percepcao

REPETIÇÃO

Repita os elementos visuais do design e espalhe-os pelo material.

Você pode repetir a cor, forma, a textura e as relações espaciais como a espessura, os tamanhos, etc.

Isso ajuda a criar uma organização e fortalece a unidade.

Princípios Básicos do Design

D.R.C

Page 5: Diagramacao E Percepcao

CONTRASTE

Objetiva evitar elementos meramente similares em uma página.

Se os elementos (tipo, cor, tamanho, espessura da linha, forma, espaço) não forem os mesmos, diferencie completamente.

Princípios Básicos do Design

D.R.C

Page 6: Diagramacao E Percepcao

Agrupar itens relacionados entre si, de forma a formar um conjunto coeso e não como um emaranhado de partes sem ligação.

Itens ou conjuntos que não estão relacionados entre si, não devem ficar próximos.

Isto oferece ao leitor uma pista visual imediata da organização e do conteúdo da página.

PROXIMIDADE

D.R.C

Page 7: Diagramacao E Percepcao

D.R.C

Page 8: Diagramacao E Percepcao

Agrupe as informações graficamente.

No início de uma criação determine, pela lógica, quais informações devem ser enfatizadas e quais devem ser abrandadas.

D.R.C

Page 9: Diagramacao E Percepcao

D.R.C

Page 10: Diagramacao E Percepcao

Dar coesão aos elementos.

Mesmo elementos separados fisicamente uns dos outros, se estiverem alinhados, haverá uma linha invisível conectando-os, tanto em relação aos seus olhos quanto a sua mente.

Avisar ao leitor que, mesmo não estando próximos, os itens fazem parte do mesmo grupo de elementos.

ALINHAMENTO

D.R.C

Page 11: Diagramacao E Percepcao

Elementos jogados em qualquer lugar. Nenhum dos elementos tem qualquer conexão com outro elemento do cartão.

Informações organizadas,além de terem sido

agrupadas pelo Princípio da Proximidade

D.R.C

Page 12: Diagramacao E Percepcao

Capa com formato padrão, sem brilho.A reação inicial do leitor é negativa.

O alinhamento à esquerda confere força à capa, além de aparência mais sofisticada.O nome do autor, mesmo longe do título, está conectado pelo alinhamento.

Centralizado no bloco.Bloco descentralizado na página.

D.R.C

Page 13: Diagramacao E Percepcao

Centralizado

Direita

Justificado

Esquerda

D.R.C

Page 14: Diagramacao E Percepcao

Alinhamento Fantasia

D.R.C

Page 15: Diagramacao E Percepcao

Para que a página fique visualmente organizada, encontre uma linha e guie-se através dela.

Não centralize o título se o texto for alinhado à esquerda. Como as laterais são mal-definidas, não é possível observar que o título está centralizado.

Evite a endentação de parágrafo em colunas pequenas. Prefira um espaçamento maior entre os parágrafos.

Se houver ilustrações ou fotos, alinhe pela esquerda ou pela linha base.

D.R.C

Page 16: Diagramacao E Percepcao

Se seus alinhamentos

estiverem

bem-delimitados,

você poderá

interromper

conscientemente os

alinhamentos e esta

interrupção terá uma

aparência

intencional.

D.R.C

Page 17: Diagramacao E Percepcao

Dar consistência ao material gráfico.

Através do uso do uso do princípio da repetição, o material terá uniformidade, ou seja, uma parte será reconhecida como pertencente ao restante do todo.

É um esforço consciente para unificar todos os elementos do design.

REPETIÇÃO

D.R.C

Page 18: Diagramacao E Percepcao

Os títulos e subtítulos são elementos repetitivos (TAHOMA BOLD) e mantém a consistência

entre eles.

D.R.C

Page 19: Diagramacao E Percepcao

Repetições:

Fonte bold / Fonte lightEndentaçõesEspaçamentoAlinhamentosSinais de tópicos quadrados

D.R.C

Page 20: Diagramacao E Percepcao

Repetições:

Um dos elementos da imagem (o triângulo) foi repetido na página, dando unidade ao todo.

D.R.C

Page 21: Diagramacao E Percepcao

Acrescentar algum atrativo visual à página, criando uma hierarquia organizacional entre diferentes elementos.

Cria-se um contraste quando dois elementos são diferentes. Se eles diferirem só um pouco, não acontecerá o contraste, mas um conflito.

Se dois elementos não forem exatamente os mesmos, diferencie completamente.

CONTRASTE

D.R.C

Page 22: Diagramacao E Percepcao

D.R.C

Page 23: Diagramacao E Percepcao

D.R.C