SlideShare uma empresa Scribd logo
1 de 56
DIAGRAMAÇÃO
PRODUÇÃO GRÁFICA – RENATO MELO – 2020
Diagramar uma página
significa muito mais que
apenas dispor textos, fotos e
ornamentos no papel; é
construir, estruturar
elementos que irão compor
uma mensagem que deve ser
trabalhada conscientemente.
DIAGRAMAÇÃO
DIAGRAMAÇÃO
#01 – SIMETRIA E ASSIMETRIA
Antes, vamos pontuar Centro
Geométrico e Óptico.
O Centro Geométrico é
calculado quando traçamos
duas diagonais no formato
regular e, no ponto exato de
seu cruzamento, o
determinamos.
CENTRO
GEOMÉTRICO
CENTRO
GEOMÉTRICO
Sendo assim, nós trazemos
equilíbrio, que pode ser
demonstrado ao traçar uma
linha imaginária sob o seu
centro
CENTRO
GEOMÉTRICO
Simetria é obtida a partir de um eixo ou de um ponto, em que
vemos os lados iguais ou praticamente iguais. A simetria é
agradável aos nossos olhos, nos apresenta perfeita harmonia,
porque muitas coisas são naturalmente simétricas – o nosso
corpo, por exemplo.
SIMETRIA
Enxergamos simetria como
beleza, principalmente no ser
humano. Note ao lado a foto
do ator Bradley Cooper.
SIMETRIA
Geralmente é utilizada em
comunicações mais sérias ou
em comunicações de
empresas mais tradicionais.
SIMETRIA
SIMETRIA
SIMETRIA
SIMETRIA
SIMETRIA
SIMETRIA
SIMETRIA
SIMETRIA
A natureza também é cheia de assimetrias e para layouts ou
projetos assimétricos não devemos apenas colocar os
elementos jogados de qualquer forma, mas devemos buscar a
elegância e a coerência através dos elementos que temos.
ASSIMETRIA
ASSIMETRIA
ASSIMETRIA
ASSIMETRIA
ASSIMETRIA
Também tem característica baseada no contraste, expressado
mediante um estilo, uma ilustração, caracteres, variação
tonal, etc.
ASSIMETRIA
REGRA DOS TERÇOS
A regra dos terços se
caracteriza na divisão da
imagem em duas linhas
horizontais e duas linhas
verticais, em que os quatro
pontos de interseção dessas
quatro linhas são os pontos
onde os nossos olhos têm
maior atenção.
REGRA DOS TERÇOS
A composição assimétrica quebra a monotonia dos layouts
simétricos, usando como referência o centro óptico.
CENTRO ÓPTICO
CENTRO ÓPTICO
CENTRO ÓPTICO
Retângulo
Áureo ou
Espiral Áurea
Encontrado na natureza
e em obras de arte
PROPORÇÃO ÁUREA
1 Desenhe um
quadrado
2 Divida um
quadrado no
meio
3 Faça um “V”
para ligar até a
extremidade
4 Estenda a
lateral até
formar um
círculo
5 Crie um novo
retângulo a
partir dai.
Há várias empresas que adotam a proporção
áurea para construir o logo perfeito.
DIAGRAMAÇÃO
#02 – LEIS COMPOSITIVAS
Leis que regem os impressos
segundo sua funcionalidade e
estética.
LEIS
COMPOSITIVAS
A unidade diz respeito a
harmonia das forças
tipológicas e ilustrativas
relacionadas à estática.
Analisamos a unidade
levando em conta a escolha
de caracteres, ilustrações,
formatos, etc.
UNIDADE
A unidade diz respeito a
harmonia das forças
tipológicas e ilustrativas
relacionadas à estática.
Analisamos a unidade
levando em conta a escolha
de caracteres, ilustrações,
formatos, etc.
RITMO
RITMO
RITMO
RITMO
RITMO
DIAGRAMAÇÃO
CRIATIVIDADE E COMPOSIÇÃO
ANÚNCIO COM CHEIRO DE CIGARRO
EXERCÍCIOS DA ADIDAS
ONG A FAVOR DA ADOÇÃO
CARAS: REMOVEDOR
MAQUIAGEM
LEROY MERLIN: TORCER
PARA O BRASIL
DIAGRAMAÇÃO
PRODUÇÃO GRÁFICA – RENATO MELO – 2020

Mais conteúdo relacionado

Semelhante a Diagramação - Aula 3 - Produção Gráfica - 2020-02 (7)

Anúncio para AT Revista
Anúncio para AT RevistaAnúncio para AT Revista
Anúncio para AT Revista
 
Anúncio para AT Revista - Computação Gráfica 2022
Anúncio para AT Revista - Computação Gráfica 2022Anúncio para AT Revista - Computação Gráfica 2022
Anúncio para AT Revista - Computação Gráfica 2022
 
Diagramcao.pdf
Diagramcao.pdfDiagramcao.pdf
Diagramcao.pdf
 
Anúncio para AT Revista - Computação Gráfica 2022
Anúncio para AT Revista - Computação Gráfica 2022Anúncio para AT Revista - Computação Gráfica 2022
Anúncio para AT Revista - Computação Gráfica 2022
 
A Simetria
A SimetriaA Simetria
A Simetria
 
Fotografia: Introdução à composição fotográfica
Fotografia: Introdução à composição fotográficaFotografia: Introdução à composição fotográfica
Fotografia: Introdução à composição fotográfica
 
Aula 05 layout e composição do site
Aula 05   layout e composição do siteAula 05   layout e composição do site
Aula 05 layout e composição do site
 

Mais de Renato Melo

Mais de Renato Melo (20)

Expressa Esamc - Oficina de Reels e TikTOk
Expressa Esamc - Oficina de Reels e TikTOkExpressa Esamc - Oficina de Reels e TikTOk
Expressa Esamc - Oficina de Reels e TikTOk
 
Redação para Gestão de Crise 1 - Técnicas de Redação em RP
Redação para Gestão de Crise 1 - Técnicas de Redação em RPRedação para Gestão de Crise 1 - Técnicas de Redação em RP
Redação para Gestão de Crise 1 - Técnicas de Redação em RP
 
HTML 1 e 2 - Webdesign - 2022
HTML 1 e 2 - Webdesign - 2022HTML 1 e 2 - Webdesign - 2022
HTML 1 e 2 - Webdesign - 2022
 
Redação para E-mail - Jornalismo Multimídia
Redação para E-mail - Jornalismo MultimídiaRedação para E-mail - Jornalismo Multimídia
Redação para E-mail - Jornalismo Multimídia
 
Html e E-mail Marketing - Webdesign 2022
Html e E-mail Marketing - Webdesign 2022Html e E-mail Marketing - Webdesign 2022
Html e E-mail Marketing - Webdesign 2022
 
Marketing por Conteúdo - Projeto Web 2022
Marketing por Conteúdo - Projeto Web 2022Marketing por Conteúdo - Projeto Web 2022
Marketing por Conteúdo - Projeto Web 2022
 
FERRAMENTAS DE STORYTELLING - Técnicas de Redação em RP 2022
FERRAMENTAS DE STORYTELLING - Técnicas de Redação em RP 2022FERRAMENTAS DE STORYTELLING - Técnicas de Redação em RP 2022
FERRAMENTAS DE STORYTELLING - Técnicas de Redação em RP 2022
 
Storytelling no Jornalismo - Jornalismo Multimídia 2022
Storytelling no Jornalismo - Jornalismo Multimídia 2022Storytelling no Jornalismo - Jornalismo Multimídia 2022
Storytelling no Jornalismo - Jornalismo Multimídia 2022
 
HTML - Webdesign - 2022
HTML - Webdesign - 2022HTML - Webdesign - 2022
HTML - Webdesign - 2022
 
Imagens para Redes Sociais - Computação Gráfica 2022
Imagens para Redes Sociais - Computação Gráfica 2022Imagens para Redes Sociais - Computação Gráfica 2022
Imagens para Redes Sociais - Computação Gráfica 2022
 
Social Ads - Projeto Web - 2022
Social Ads - Projeto Web - 2022Social Ads - Projeto Web - 2022
Social Ads - Projeto Web - 2022
 
Vídeo Marketing - Comportamento Digital e Redes Sociais MBA 2022
Vídeo Marketing - Comportamento Digital e Redes Sociais MBA 2022Vídeo Marketing - Comportamento Digital e Redes Sociais MBA 2022
Vídeo Marketing - Comportamento Digital e Redes Sociais MBA 2022
 
Storytelling - Técnicas de Redação em RP 2022
Storytelling - Técnicas de Redação em RP 2022Storytelling - Técnicas de Redação em RP 2022
Storytelling - Técnicas de Redação em RP 2022
 
Jornalismo em Vídeo - Jornalismo Multimídia 2022
Jornalismo em Vídeo - Jornalismo Multimídia 2022Jornalismo em Vídeo - Jornalismo Multimídia 2022
Jornalismo em Vídeo - Jornalismo Multimídia 2022
 
Redes e Plataformas Digitais - Comportamento Digital e Redes Sociais 2022
Redes e Plataformas Digitais - Comportamento Digital e Redes Sociais 2022Redes e Plataformas Digitais - Comportamento Digital e Redes Sociais 2022
Redes e Plataformas Digitais - Comportamento Digital e Redes Sociais 2022
 
Jornalismo nas Plataformas Digitais - Jornalismo Online 2022
Jornalismo nas Plataformas Digitais - Jornalismo Online 2022Jornalismo nas Plataformas Digitais - Jornalismo Online 2022
Jornalismo nas Plataformas Digitais - Jornalismo Online 2022
 
Ambiente Digital - MBA Comportamento Digital e Redes Sociais- 2022
Ambiente Digital - MBA Comportamento Digital e Redes Sociais- 2022Ambiente Digital - MBA Comportamento Digital e Redes Sociais- 2022
Ambiente Digital - MBA Comportamento Digital e Redes Sociais- 2022
 
Escrevendo para o SEO - Técnicas de Redação em RP - 2022
Escrevendo para o SEO - Técnicas de Redação em RP - 2022Escrevendo para o SEO - Técnicas de Redação em RP - 2022
Escrevendo para o SEO - Técnicas de Redação em RP - 2022
 
COPYWRITING PARA JORNALISTAS - JORNALISMO MULTIMIDIA 2022
COPYWRITING PARA JORNALISTAS - JORNALISMO MULTIMIDIA 2022COPYWRITING PARA JORNALISTAS - JORNALISMO MULTIMIDIA 2022
COPYWRITING PARA JORNALISTAS - JORNALISMO MULTIMIDIA 2022
 
Design para Redes Sociais 2 - Webdesign 2022
Design para Redes Sociais 2 - Webdesign 2022Design para Redes Sociais 2 - Webdesign 2022
Design para Redes Sociais 2 - Webdesign 2022
 

Diagramação - Aula 3 - Produção Gráfica - 2020-02