SlideShare uma empresa Scribd logo
1 de 23
Baixar para ler offline
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
Princípios Básicos do Design


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.


                   D.R.C
Princípios Básicos do Design

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.




                    D.R.C
Princípios Básicos do Design

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.



                    D.R.C
Princípios Básicos do Design

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.




                   D.R.C
PROXIMIDADE

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.

                    D.R.C
D.R.C
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
D.R.C
ALINHAMENTO

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.


                   D.R.C
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
Capa com formato padrão, sem brilho.
A reação inicial do leitor é negativa.




                        Centralizado no bloco.
                        Bloco descentralizado
                        na página.




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.

             D.R.C
Direita           Esquerda




Centralizado            Justificado




                D.R.C
Alinhamento Fantasia




      D.R.C
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
Se seus alinhamentos
estiverem
bem-delimitados,
você poderá
interromper
conscientemente os
alinhamentos e esta
interrupção terá uma
aparência
intencional.

                       D.R.C
REPETIÇÃO

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.




                    D.R.C
Os títulos e subtítulos são
elementos repetitivos (TAHOMA
BOLD) e mantém a consistência
                     entre eles.




                           D.R.C
Repetições:

        Fonte bold / Fonte light
        Endentações
        Espaçamento
        Alinhamentos
        Sinais de tópicos
        quadrados




D.R.C
Repetições:

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




D.R.C
CONTRASTE

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.


                   D.R.C
D.R.C
D.R.C

Mais conteúdo relacionado

Destaque

A arte de diagramar - Lan Rodrigues
A arte de diagramar - Lan RodriguesA arte de diagramar - Lan Rodrigues
A arte de diagramar - Lan Rodriguesdigipix
 
Como diagramar o seu livro
Como diagramar o seu livroComo diagramar o seu livro
Como diagramar o seu livroClube Autores
 
Diagramação na Produção Gráfica
Diagramação na Produção GráficaDiagramação na Produção Gráfica
Diagramação na Produção GráficaRenato Melo
 
Aula 0 Apresentacao Daniel
Aula 0 Apresentacao DanielAula 0 Apresentacao Daniel
Aula 0 Apresentacao DanielDaniel Castro
 
Ejercicios propuestos 4
Ejercicios propuestos 4Ejercicios propuestos 4
Ejercicios propuestos 4Joshe Varillas
 
Ling Midias Digitais Aula 1
Ling Midias Digitais Aula 1Ling Midias Digitais Aula 1
Ling Midias Digitais Aula 1Alan da Luz
 
Apresentação da disciplina_2013
Apresentação da disciplina_2013Apresentação da disciplina_2013
Apresentação da disciplina_2013Jp Martins
 
Jornalismo de Revista: Diagramação
Jornalismo de Revista: DiagramaçãoJornalismo de Revista: Diagramação
Jornalismo de Revista: DiagramaçãoPetcom
 
ProduçãO Grafica Aula 03 04 Gestalt Na DiagramaçãO
ProduçãO Grafica Aula 03 04 Gestalt Na DiagramaçãOProduçãO Grafica Aula 03 04 Gestalt Na DiagramaçãO
ProduçãO Grafica Aula 03 04 Gestalt Na DiagramaçãODaniel Castro
 
Aula 03 O Que é ProduçãO GráFica
Aula 03 O Que é ProduçãO GráFicaAula 03 O Que é ProduçãO GráFica
Aula 03 O Que é ProduçãO GráFicaDaniel Castro
 
Bate-papo sobre Arquitetura de Informação - Parte III
Bate-papo sobre Arquitetura de Informação - Parte IIIBate-papo sobre Arquitetura de Informação - Parte III
Bate-papo sobre Arquitetura de Informação - Parte IIIlucattony
 
Introdução ao Audiovisual
Introdução ao Audiovisual Introdução ao Audiovisual
Introdução ao Audiovisual Vinícius Souza
 
A MARCA NA PUBLICIDADE
A MARCA NA PUBLICIDADEA MARCA NA PUBLICIDADE
A MARCA NA PUBLICIDADEpacobr
 
Producao Grafica - Fundamentos
Producao Grafica - FundamentosProducao Grafica - Fundamentos
Producao Grafica - Fundamentosdualpixel
 
Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Wunderman
 
TIPOGRAFIA E PUBLICIDADE
TIPOGRAFIA E PUBLICIDADETIPOGRAFIA E PUBLICIDADE
TIPOGRAFIA E PUBLICIDADEpacobr
 
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroComposição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroFábio Gonçalves
 
Financiamento Audiovisual - AULA 3 | Lei do Audiovisual | Gilberto Toscano
Financiamento Audiovisual - AULA 3 | Lei do Audiovisual  | Gilberto Toscano Financiamento Audiovisual - AULA 3 | Lei do Audiovisual  | Gilberto Toscano
Financiamento Audiovisual - AULA 3 | Lei do Audiovisual | Gilberto Toscano Cultura e Mercado
 

Destaque (20)

A arte de diagramar - Lan Rodrigues
A arte de diagramar - Lan RodriguesA arte de diagramar - Lan Rodrigues
A arte de diagramar - Lan Rodrigues
 
Como diagramar o seu livro
Como diagramar o seu livroComo diagramar o seu livro
Como diagramar o seu livro
 
Webdesign - Diagramacao
Webdesign - DiagramacaoWebdesign - Diagramacao
Webdesign - Diagramacao
 
Como Obter o ISBN
Como Obter o ISBNComo Obter o ISBN
Como Obter o ISBN
 
Diagramação na Produção Gráfica
Diagramação na Produção GráficaDiagramação na Produção Gráfica
Diagramação na Produção Gráfica
 
Aula 0 Apresentacao Daniel
Aula 0 Apresentacao DanielAula 0 Apresentacao Daniel
Aula 0 Apresentacao Daniel
 
Ejercicios propuestos 4
Ejercicios propuestos 4Ejercicios propuestos 4
Ejercicios propuestos 4
 
Ling Midias Digitais Aula 1
Ling Midias Digitais Aula 1Ling Midias Digitais Aula 1
Ling Midias Digitais Aula 1
 
Apresentação da disciplina_2013
Apresentação da disciplina_2013Apresentação da disciplina_2013
Apresentação da disciplina_2013
 
Jornalismo de Revista: Diagramação
Jornalismo de Revista: DiagramaçãoJornalismo de Revista: Diagramação
Jornalismo de Revista: Diagramação
 
ProduçãO Grafica Aula 03 04 Gestalt Na DiagramaçãO
ProduçãO Grafica Aula 03 04 Gestalt Na DiagramaçãOProduçãO Grafica Aula 03 04 Gestalt Na DiagramaçãO
ProduçãO Grafica Aula 03 04 Gestalt Na DiagramaçãO
 
Aula 03 O Que é ProduçãO GráFica
Aula 03 O Que é ProduçãO GráFicaAula 03 O Que é ProduçãO GráFica
Aula 03 O Que é ProduçãO GráFica
 
Bate-papo sobre Arquitetura de Informação - Parte III
Bate-papo sobre Arquitetura de Informação - Parte IIIBate-papo sobre Arquitetura de Informação - Parte III
Bate-papo sobre Arquitetura de Informação - Parte III
 
Introdução ao Audiovisual
Introdução ao Audiovisual Introdução ao Audiovisual
Introdução ao Audiovisual
 
A MARCA NA PUBLICIDADE
A MARCA NA PUBLICIDADEA MARCA NA PUBLICIDADE
A MARCA NA PUBLICIDADE
 
Producao Grafica - Fundamentos
Producao Grafica - FundamentosProducao Grafica - Fundamentos
Producao Grafica - Fundamentos
 
Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.
 
TIPOGRAFIA E PUBLICIDADE
TIPOGRAFIA E PUBLICIDADETIPOGRAFIA E PUBLICIDADE
TIPOGRAFIA E PUBLICIDADE
 
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroComposição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
 
Financiamento Audiovisual - AULA 3 | Lei do Audiovisual | Gilberto Toscano
Financiamento Audiovisual - AULA 3 | Lei do Audiovisual  | Gilberto Toscano Financiamento Audiovisual - AULA 3 | Lei do Audiovisual  | Gilberto Toscano
Financiamento Audiovisual - AULA 3 | Lei do Audiovisual | Gilberto Toscano
 

Diagramacao E Percepcao

  • 1. 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
  • 2. Princípios Básicos do Design 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. D.R.C
  • 3. Princípios Básicos do Design 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. D.R.C
  • 4. Princípios Básicos do Design 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. D.R.C
  • 5. Princípios Básicos do Design 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. D.R.C
  • 6. PROXIMIDADE 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. D.R.C
  • 8. 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
  • 10. ALINHAMENTO 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. D.R.C
  • 11. 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
  • 12. Capa com formato padrão, sem brilho. A reação inicial do leitor é negativa. Centralizado no bloco. Bloco descentralizado na página. 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. D.R.C
  • 13. Direita Esquerda Centralizado Justificado D.R.C
  • 15. 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
  • 16. Se seus alinhamentos estiverem bem-delimitados, você poderá interromper conscientemente os alinhamentos e esta interrupção terá uma aparência intencional. D.R.C
  • 17. REPETIÇÃO 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. D.R.C
  • 18. Os títulos e subtítulos são elementos repetitivos (TAHOMA BOLD) e mantém a consistência entre eles. D.R.C
  • 19. Repetições: Fonte bold / Fonte light Endentações Espaçamento Alinhamentos Sinais de tópicos quadrados D.R.C
  • 20. Repetições: Um dos elementos da imagem (o triângulo) foi repetido na página, dando unidade ao todo. D.R.C
  • 21. CONTRASTE 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. D.R.C
  • 22. D.R.C
  • 23. D.R.C