SlideShare a Scribd company logo
1 of 48
DIAGRAMAÇÃO
PRODUÇÃO GRÁFICA – RENATO MELO – 2022
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
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 – 2022

More Related Content

What's hot

What's hot (20)

Prod Gráfica 04 - Diagramação - 2018-02
Prod Gráfica 04 - Diagramação - 2018-02Prod Gráfica 04 - Diagramação - 2018-02
Prod Gráfica 04 - Diagramação - 2018-02
 
A Simetria
A SimetriaA Simetria
A Simetria
 
Visão e Percepção
Visão e PercepçãoVisão e Percepção
Visão e Percepção
 
Simetria a arte de construir e analisar Ornamentos
Simetria a arte de construir e analisar OrnamentosSimetria a arte de construir e analisar Ornamentos
Simetria a arte de construir e analisar Ornamentos
 
Teoria de Desenho (Textura / Iluminação / Signos)
Teoria de Desenho (Textura / Iluminação / Signos)Teoria de Desenho (Textura / Iluminação / Signos)
Teoria de Desenho (Textura / Iluminação / Signos)
 
Elementos visuais da forma
Elementos visuais da forma Elementos visuais da forma
Elementos visuais da forma
 
EVT - Elementos Visuais Da Forma
EVT - Elementos Visuais Da FormaEVT - Elementos Visuais Da Forma
EVT - Elementos Visuais Da Forma
 
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
 
Simetria
SimetriaSimetria
Simetria
 
Simetria adaptado
Simetria adaptadoSimetria adaptado
Simetria adaptado
 
Teoria de Desenho (Plano / Forma / Movimento)
Teoria de Desenho (Plano / Forma / Movimento)Teoria de Desenho (Plano / Forma / Movimento)
Teoria de Desenho (Plano / Forma / Movimento)
 
Organizacao formal ana_matos
Organizacao formal ana_matosOrganizacao formal ana_matos
Organizacao formal ana_matos
 
O design equilibrado7
O design equilibrado7O design equilibrado7
O design equilibrado7
 
Simetria e Suas Regularidades Encontradas No Cotidiano
Simetria e Suas Regularidades Encontradas No CotidianoSimetria e Suas Regularidades Encontradas No Cotidiano
Simetria e Suas Regularidades Encontradas No Cotidiano
 
Teoria de Desenho (Ponto e Linha)
Teoria de Desenho (Ponto e Linha)Teoria de Desenho (Ponto e Linha)
Teoria de Desenho (Ponto e Linha)
 
A simetria
A simetriaA simetria
A simetria
 
Simetria
SimetriaSimetria
Simetria
 
Leitura de Imagens
Leitura de ImagensLeitura de Imagens
Leitura de Imagens
 
Aula de Desenho - Esboço, Forma e Composição Artística (+ tarefa)
Aula de Desenho - Esboço, Forma e Composição Artística (+ tarefa)Aula de Desenho - Esboço, Forma e Composição Artística (+ tarefa)
Aula de Desenho - Esboço, Forma e Composição Artística (+ tarefa)
 
Os notáveis de um triângulo
Os notáveis de um triânguloOs notáveis de um triângulo
Os notáveis de um triângulo
 

Similar to Diagramação - Produção Gráfica - 2022 (7)

Diagramação - Aula 3 - Produção Gráfica - 2020-02
Diagramação - Aula 3 - Produção Gráfica - 2020-02Diagramação - Aula 3 - Produção Gráfica - 2020-02
Diagramação - Aula 3 - Produção Gráfica - 2020-02
 
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
 
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
 
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
 
Expressão e composição da forma
Expressão e composição da formaExpressão e composição da forma
Expressão e composição da forma
 
Aula 3 composição
Aula 3 composiçãoAula 3 composição
Aula 3 composição
 

More from Renato Melo

More from 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 - Produção Gráfica - 2022