SlideShare ist ein Scribd-Unternehmen logo
1 von 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

Weitere ähnliche Inhalte

Was ist angesagt?

Palestra - Fundamentos do Grid
Palestra - Fundamentos do GridPalestra - Fundamentos do Grid
Palestra - Fundamentos do GridLuiz Agner
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0Lo-Ammi Santos
 
Principios do design
Principios do designPrincipios do design
Principios do designIuri Lammel
 
Palestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de CasoPalestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de CasoLuiz Agner
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito designpaulo_batista
 
Composição e Diagramação
Composição e DiagramaçãoComposição e Diagramação
Composição e DiagramaçãoEd Marcos
 
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 EditorialGabriel Ferraciolli
 
Aula 02 design gráfico na publicidade princípios de design
Aula 02   design gráfico na publicidade princípios de designAula 02   design gráfico na publicidade princípios de design
Aula 02 design gráfico na publicidade princípios de designElizeu Nascimento Silva
 
Materiais e processos gráficos
Materiais e processos gráficosMateriais e processos gráficos
Materiais e processos gráficosPatricia Prado
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramaçãoaulasdejornalismo
 
Fundamentos do design
Fundamentos do designFundamentos do design
Fundamentos do designdrimartinez
 
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
 
Produção editorial elementos básicos
Produção editorial elementos básicosProdução editorial elementos básicos
Produção editorial elementos básicosBarreto
 

Was ist angesagt? (20)

Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
 
Noções de Design Gráfico
Noções de Design GráficoNoções de Design Gráfico
Noções de Design Gráfico
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
Palestra - Fundamentos do Grid
Palestra - Fundamentos do GridPalestra - Fundamentos do Grid
Palestra - Fundamentos do Grid
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0
 
Principios do design
Principios do designPrincipios do design
Principios do design
 
Tipografia
Tipografia Tipografia
Tipografia
 
Palestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de CasoPalestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de Caso
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito design
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Composição e Diagramação
Composição e DiagramaçãoComposição e Diagramação
Composição e Diagramação
 
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
 
Aula 02 design gráfico na publicidade princípios de design
Aula 02   design gráfico na publicidade princípios de designAula 02   design gráfico na publicidade princípios de design
Aula 02 design gráfico na publicidade princípios de design
 
Materiais e processos gráficos
Materiais e processos gráficosMateriais e processos gráficos
Materiais e processos gráficos
 
Tipografia
TipografiaTipografia
Tipografia
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramação
 
Fundamentos do design
Fundamentos do designFundamentos do design
Fundamentos do design
 
Noções de planejamento visual
Noções de planejamento visualNoções de planejamento visual
Noções de planejamento visual
 
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
 
Produção editorial elementos básicos
Produção editorial elementos básicosProdução editorial elementos básicos
Produção editorial elementos básicos
 

Andere mochten auch

Diagramacao E Percepcao
Diagramacao E PercepcaoDiagramacao E Percepcao
Diagramacao E PercepcaoDaniel Castro
 
Saída formatada - Com printF
Saída formatada - Com printFSaída formatada - Com printF
Saída formatada - Com printFAldemir Gomes
 
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
 
Ejercicios propuestos 4
Ejercicios propuestos 4Ejercicios propuestos 4
Ejercicios propuestos 4Joshe Varillas
 
Jornalismo de Revista: Diagramação
Jornalismo de Revista: DiagramaçãoJornalismo de Revista: Diagramação
Jornalismo de Revista: DiagramaçãoPetcom
 
A MARCA NA PUBLICIDADE
A MARCA NA PUBLICIDADEA MARCA NA PUBLICIDADE
A MARCA NA PUBLICIDADEpacobr
 
TIPOGRAFIA E PUBLICIDADE
TIPOGRAFIA E PUBLICIDADETIPOGRAFIA E PUBLICIDADE
TIPOGRAFIA E PUBLICIDADEpacobr
 
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 pranchasRafael B.
 
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çãoDaniel Castro
 
DiagramaçãO E Elementos Da Diagramacao
DiagramaçãO E Elementos Da DiagramacaoDiagramaçãO E Elementos Da Diagramacao
DiagramaçãO E Elementos Da DiagramacaoDaniel Castro
 

Andere mochten auch (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
 
Diagramação de Jornais
Diagramação de JornaisDiagramação de Jornais
Diagramação de Jornais
 

Composição e diagramação