SlideShare uma empresa Scribd logo
1 de 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

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Grid
GridGrid
Grid
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2
 
Tipografia
TipografiaTipografia
Tipografia
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
Aula02 planejamento grafico
Aula02 planejamento graficoAula02 planejamento grafico
Aula02 planejamento grafico
 
Principios do design
Principios do designPrincipios do design
Principios do design
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
Aula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialAula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design Editorial
 
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
 
Design Editorial | Introdução
Design Editorial | IntroduçãoDesign Editorial | Introdução
Design Editorial | Introdução
 
Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0
 
Tipografia - Aula
Tipografia - AulaTipografia - Aula
Tipografia - Aula
 
Diagramação de Jornais
Diagramação de JornaisDiagramação de Jornais
Diagramação de Jornais
 
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.
 
Aula 4 - Comunicação Gráfica e Design
Aula 4  - Comunicação Gráfica e DesignAula 4  - Comunicação Gráfica e Design
Aula 4 - Comunicação Gráfica e Design
 
Tipografia
TipografiaTipografia
Tipografia
 
Design Editorial | Sistemas Tipográficos
Design Editorial | Sistemas TipográficosDesign Editorial | Sistemas Tipográficos
Design Editorial | Sistemas Tipográficos
 
Projeto Gráfico | Pictogramas
Projeto Gráfico | PictogramasProjeto Gráfico | Pictogramas
Projeto Gráfico | Pictogramas
 

Destaque

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
 
Projeto Jornal Na Escola
Projeto Jornal Na EscolaProjeto Jornal Na Escola
Projeto Jornal Na Escola
guest8a3c9df
 

Destaque (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
 
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
 
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
 
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
 
Como Criar um Jornal
Como Criar um Jornal Como Criar um Jornal
Como Criar um Jornal
 
Projeto Jornal Na Escola
Projeto Jornal Na EscolaProjeto Jornal Na Escola
Projeto Jornal Na Escola
 

Composição e diagramação