SlideShare une entreprise Scribd logo
1  sur  59
Prof. Eduardo Rocha
PRINCÍPIOS DO DESIGN
 Proximidade
 Repetição
 Alinhamento
 Contraste
PRINCÍPIOS DO DESIGN
Diagramação Leiga
PRINCÍPIOS DO DESIGN - PROXIMIDADE
PROXIMIDADE
agrupamento de
valores que são
próximos, criando
identidade visual
PRINCÍPIOS DO DESIGN - ALINHAMENTO
ALINHAMENTO
o alinhamento tende a
criar uma estética
moderna e sofisticada
PRINCÍPIOS DO DESIGN - REPETIÇÃO
REPETIÇÃO
a repetição ajuda na
criação da identidade
visual e na identificação
do itens importantes
dentro da diagramação
PRINCÍPIOS DO DESIGN - CONTRASTE
CONTRASTE
o contraste ajuda na
valorização da forma e
quebra a monotonia da
leitura
PRINCÍPIO DA COR
PRINCÍPIO DA COR
PRINCÍPIO DA COR
PRINCÍPIO DA COR
PRINCÍPIO DA COR
PRINCÍPIO DA COR
PRINCÍPIO DA COR
COMPOSIÇÃO
 SIMÉTRICA
 ASSIMÉTRICA
COMPOSIÇÃO SIMÉTRICA
Mantém a colunagem e
a imagem em harmonia
COMPOSIÇÃO ASSIMÉTRICA
O ritmo é quebrado
pela modulagem de
textos quebrando
propositadamente a
harmonia da página.
Além disso, outros
elementos da página
contribuem para
quebrar a lineariedade
da leitura
TIPOS DE DIAGRAMAÇÃO
 Horizontal
 Vertical
 Modular
DIAGRAMAÇÃO HORIZONTAL
A colunagem de texto
acompanha de maneira
horizontal a disposição
dos elementos na
página
DIAGRAMAÇÃO VERTICAL
A disposição dos
elementos na página
são verticalizados. O
mesmo pode ocorrer
com fotos, ilustrações e
outros elementos
gráficos
DIAGRAMAÇÃO MODULAR
É a mais utilizada no
meio industrial de
jornais e revistas, por
ser composta de
módulos de texto de
tamanho previamente
estabelecido.
É a mais utilizada
porque permite o
encaixe de módulos de
texto e anúncios com
maior facilidade.
Por outro lado, é a
modalidade que
permite menos
criatividade do
diagramador
TÉCNICAS DE DIAGRAMAÇÃO
 Técnica do L
 Técnica do U
 Técnica do T
 Técnica do H
 Técnica do I
 Técnica do Suporte
DIAGRAMAÇÃO – TÉCNICA DO L
DIAGRAMAÇÃO – TÉCNICA DO L
DIAGRAMAÇÃO – TÉCNICA DO L
DIAGRAMAÇÃO – TÉCNICA DO L
DIAGRAMAÇÃO – TÉCNICA DO U
DIAGRAMAÇÃO – TÉCNICA DO U
DIAGRAMAÇÃO – TÉCNICA DO U
DIAGRAMAÇÃO – TÉCNICA DO T
DIAGRAMAÇÃO – TÉCNICA DO T
DIAGRAMAÇÃO – TÉCNICA DO T
DIAGRAMAÇÃO – TÉCNICA DO H
DIAGRAMAÇÃO – TÉCNICA DO H
DIAGRAMAÇÃO – TÉCNICA DO H
DIAGRAMAÇÃO – TÉCNICA DO I
DIAGRAMAÇÃO – TÉCNICA DO I
DIAGRAMAÇÃO – TÉCNICA DO I
DIAGRAMAÇÃO – TÉCNICA DO I
DIAGRAMAÇÃO – TÉCNICA DO SUPORTE
DIAGRAMAÇÃO – TÉCNICA DO SUPORTE
DIAGRAMAÇÃO – TÉCNICA DO SUPORTE
DIAGRAMAÇÃO – RITMO DE LEITURA
O que não fazer
DIAGRAMAÇÃO – RITMO DE LEITURA
O que não fazer
DIAGRAMAÇÃO – ÁREAS DE RESPIRO
Valorizando os
espaços em
branco
DIAGRAMAÇÃO – ÁREAS DE RESPIRO
Valorizando os
espaços em
branco
CRIAÇÃO COM A TIPOLOGIA
Escrita normal
(sem tratamento
tipográfico)

 Um paraíso chamado

Cancun
CRIAÇÃO COM A TIPOLOGIA
TAMANHO

UM PARAÍSO
CHAMADO CANCÚN
CRIAÇÃO COM A TIPOLOGIA
FONTE

UM PARAÍSO
CHAMADO CANCÚN
CRIAÇÃO COM A TIPOLOGIA
FONTE + TAMANHO

UM PARAÍSO
CHAMADO CANCÚN
CRIAÇÃO COM A TIPOLOGIA
CONTRASTE
(tamanho)

Um paraíso chamado

CANCÚN
CRIAÇÃO COM A TIPOLOGIA
CONTRASTE
(tamanho+cor)

Um paraíso chamado

CANCÚN
CRIAÇÃO COM A TIPOLOGIA
CONTRASTE
(tamanho + cor + fonte)

Um paraíso chamado

CANCÚN
CRIAÇÃO COM A TIPOLOGIA
CONTRASTE
(tamanho + cor +
fonte+peso)

Um paraíso chamado

CANCÚN
CRIAÇÃO COM A TIPOLOGIA
COR

Um paraíso chamado

CANCÚN
CRIAÇÃO COM A TIPOLOGIA
COR

Um paraíso chamado

CANCÚN
CRIAÇÃO COM A TIPOLOGIA
COR

Um paraíso chamado

CANCÚN
CRIAÇÃO COM A TIPOLOGIA
COR

Um paraíso chamado

CANCÚN
CRIAÇÃO COM A TIPOLOGIA

Contenu connexe

Tendances

4 principios planejamento visual
4 principios planejamento visual4 principios planejamento visual
4 principios planejamento visual
renatamruiz
 
Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressos
clafajardo
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráfico
Deisi Motter
 
Produção editorial elementos básicos
Produção editorial elementos básicosProdução editorial elementos básicos
Produção editorial elementos básicos
Barreto
 
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
 

Tendances (20)

4 principios planejamento visual
4 principios planejamento visual4 principios planejamento visual
4 principios planejamento visual
 
Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressos
 
Grid
GridGrid
Grid
 
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
 
Projeto gráfico para impressos jornalísticos
Projeto gráfico para impressos jornalísticosProjeto gráfico para impressos jornalísticos
Projeto gráfico para impressos jornalísticos
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráfico
 
Produção editorial elementos básicos
Produção editorial elementos básicosProdução editorial elementos básicos
Produção editorial elementos básicos
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
História do Design - Apresentação - Hd00
História do Design - Apresentação - Hd00História do Design - Apresentação - Hd00
História do Design - Apresentação - Hd00
 
Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.
 
Linguagem Visual I | Teoria das Cores
Linguagem Visual I | Teoria das CoresLinguagem Visual I | Teoria das Cores
Linguagem Visual I | Teoria das Cores
 
Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.
 
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
 
Diagramação de revistas
Diagramação de revistasDiagramação de revistas
Diagramação de revistas
 
Conceitos de Design
Conceitos de DesignConceitos de Design
Conceitos de Design
 
Oficina Design para quem não é Designer
Oficina Design para quem não é DesignerOficina Design para quem não é Designer
Oficina Design para quem não é Designer
 
Aula02 planejamento grafico
Aula02 planejamento graficoAula02 planejamento grafico
Aula02 planejamento grafico
 
Fundamentos da grid
Fundamentos da gridFundamentos da grid
Fundamentos da grid
 

En vedette

A arte de diagramar - Lan Rodrigues
A arte de diagramar - Lan RodriguesA arte de diagramar - Lan Rodrigues
A arte de diagramar - Lan Rodrigues
digipix
 
Ejercicios propuestos 4
Ejercicios propuestos 4Ejercicios propuestos 4
Ejercicios propuestos 4
Joshe Varillas
 
A MARCA NA PUBLICIDADE
A MARCA NA PUBLICIDADEA MARCA NA PUBLICIDADE
A MARCA NA PUBLICIDADE
pacobr
 
TIPOGRAFIA E PUBLICIDADE
TIPOGRAFIA E PUBLICIDADETIPOGRAFIA E PUBLICIDADE
TIPOGRAFIA E PUBLICIDADE
pacobr
 

En vedette (20)

Diagramacao E Percepcao
Diagramacao E PercepcaoDiagramacao E Percepcao
Diagramacao E Percepcao
 
Saída formatada - Com printF
Saída formatada - Com printFSaída formatada - Com printF
Saída formatada - Com printF
 
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
 
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
 
Ejercicios propuestos 4
Ejercicios propuestos 4Ejercicios propuestos 4
Ejercicios propuestos 4
 
Jornalismo de Revista: Diagramação
Jornalismo de Revista: DiagramaçãoJornalismo de Revista: Diagramação
Jornalismo de Revista: Diagramação
 
A MARCA NA PUBLICIDADE
A MARCA NA PUBLICIDADEA MARCA NA PUBLICIDADE
A MARCA NA PUBLICIDADE
 
TIPOGRAFIA E PUBLICIDADE
TIPOGRAFIA E PUBLICIDADETIPOGRAFIA E PUBLICIDADE
TIPOGRAFIA E PUBLICIDADE
 
Webdesign - Diagramacao
Webdesign - DiagramacaoWebdesign - Diagramacao
Webdesign - Diagramacao
 
DiagramaçãO Jornal Standart
DiagramaçãO Jornal StandartDiagramaçãO Jornal Standart
DiagramaçãO Jornal Standart
 
Boneco
BonecoBoneco
Boneco
 
Dicas quentes de diagramação de pranchas
Dicas quentes de diagramação de pranchasDicas quentes de diagramação de pranchas
Dicas quentes de diagramação de pranchas
 
Tipografia
TipografiaTipografia
Tipografia
 
Produção gráfica - Aula 05 Diagramação
Produção gráfica - Aula 05 DiagramaçãoProdução gráfica - Aula 05 Diagramação
Produção gráfica - Aula 05 Diagramação
 
Grade de diagramação
Grade de diagramaçãoGrade de diagramação
Grade de diagramação
 
DiagramaçãO E Elementos Da Diagramacao
DiagramaçãO E Elementos Da DiagramacaoDiagramaçãO E Elementos Da Diagramacao
DiagramaçãO E Elementos Da Diagramacao
 
Diagramação de Jornais
Diagramação de JornaisDiagramação de Jornais
Diagramação de Jornais
 
Como Criar um Jornal
Como Criar um Jornal Como Criar um Jornal
Como Criar um Jornal
 

Composição e diagramação