SlideShare uma empresa Scribd logo
1 de 34
Princípios do Design parte 1 de 2
 Equilíbrio
 Ritmo
 Ênfase
 Unidade
1
Planejamento Gráfico Prof. Lulai
Equilíbrio2
Você cria força e estabilidade na peça.
Equilíbrio
3
 Crianças aprendem sentar, ficar de pé ou caminhar
descobrindo a manter equilíbrio - a igual
distribuição dos pesos - ou caem. Porque ganhar
equilíbrio é muito importante para nós, nos sentimos
desconfortáveis quando vemos alguma coisa que
não está equilibrada.
4
Equilíbrio
 A mesma coisa
é verdade com
um layout. Se o
layout está
desequilibrado,
os leitores se
sentirão
incomodados.
Eles sentem que
alguma coisa
está errada
com a página.
5
6
Equilíbrio
7
 Há duas formas para se conseguir equilíbrio:
1. Você pode posicionar os elementos com a mesma
distribuição a direita e a esquerda em relação ao
centro (como se um lado fosse espelho do outro,
como é o nosso rosto). Isto é chamado de
Equilíbrio Simétrico.
8
Equilíbrio
9
 Equilíbrio simétrico pode comunicar força e
estabilidade. É bem apropriado para uma peça
tradicional e conservadora.
10
Equilíbrio
11
2. O outro tipo é o Equilíbrio Assimétrico. Você
organiza objetos não similares de igual peso em
cada lado da página. Você pode usar cores,
valorizações, tamanhos, formatos e texturas como
elementos equilibradores em um design
assimétrico. Por exemplo: áreas escuras são mais
pesadas ao olhar do que áreas claras. Uma
pequena forma preta a esquerda, equilibrará
uma grande área branca a direita.
Equilíbrio
13
 O assimétrico traz contraste, variedade, movimento,
surpresa e informalidade a página. É
especialmente apropriado para peças que
entretém, bem como informam, como um catálogo
de viagens.
Ritmo15
Você imprime um sentimento ou estado de humor
na peça
Nós associamos ritmo com música. Uma valsa tem
um ritmo suave e fluido e o aché tem um ritmo
animado.
Há também um ritmo visual.
Ritmo16
Ritmo
 Uma nova cerca
tem uma
constância, um
mesmo ritmo
visual - toda as
ripas da cerca
são similares e
com a mesma
distância entre si.
17
Ritmo
 Uma velha
cerca, com
ripas ausentes
ou caídas
apresenta
variedade e
um ritmo
desigual.
18
Ritmo
 O Ritmo de um layout obtém-se associando-se dois
fatores:
19
Ritmo
 Repetição (repetindo elementos similares de uma
maneira consistente);
20
21
22
Ritmo
 e a Variação (uma mudança da forma, tamanho ou
posição dos elementos) são a chave para um ritmo
visual no layout.
23
24
25
26
27
Ritmo
 A repetição unifica a peça. Suaviza até mesmo a
leitura de colunas de texto. Mas sem variação, a
repetição pode se tornar chata. Páginas com
colunas de texto idênticas precisam ser quebradas
por títulos ou imagens.
28
Ritmo
30
 Deve-se equilibrar a repetição com a variação.
 Repetição atrai a atenção do leitor e a variação
mantém o seu interesse.
 O Ritmo da peça pode comunicar um sentimento ou
estado de humor. Colocando elementos em
intervalos regulares (de modo suave, no mesmo
ritmo) estabelece-se calma, um relaxamento.
31
Ritmo
32
 Isto faz um texto seco e fatual fácil de ler.
Ritmo
33
 Mudanças abruptas no tamanho e espaços dos
elementos (de modo rápido, animado) estabelece
excitação. Anúncios muitas vezes usam um ritmo
rápido para capturar e prender mais facilmente a
atenção do público alvo.
34

Mais conteúdo relacionado

Último

Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Érica Pizzino
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAnnaCarolina242437
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaayasminlarissa371
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfAnnaCarolina242437
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024CarolTelles6
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAnnaCarolina242437
 
Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfCharlesFranklin13
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...AnnaCarolina242437
 

Último (9)

Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdf
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
 
Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdf
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
 

Destaque

Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...DevGAMM Conference
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationErica Santiago
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellSaba Software
 

Destaque (20)

Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
 

Princípio do Design Lulai

  • 1. Princípios do Design parte 1 de 2  Equilíbrio  Ritmo  Ênfase  Unidade 1 Planejamento Gráfico Prof. Lulai
  • 2. Equilíbrio2 Você cria força e estabilidade na peça.
  • 3. Equilíbrio 3  Crianças aprendem sentar, ficar de pé ou caminhar descobrindo a manter equilíbrio - a igual distribuição dos pesos - ou caem. Porque ganhar equilíbrio é muito importante para nós, nos sentimos desconfortáveis quando vemos alguma coisa que não está equilibrada.
  • 4. 4
  • 5. Equilíbrio  A mesma coisa é verdade com um layout. Se o layout está desequilibrado, os leitores se sentirão incomodados. Eles sentem que alguma coisa está errada com a página. 5
  • 6. 6
  • 7. Equilíbrio 7  Há duas formas para se conseguir equilíbrio: 1. Você pode posicionar os elementos com a mesma distribuição a direita e a esquerda em relação ao centro (como se um lado fosse espelho do outro, como é o nosso rosto). Isto é chamado de Equilíbrio Simétrico.
  • 8. 8
  • 9. Equilíbrio 9  Equilíbrio simétrico pode comunicar força e estabilidade. É bem apropriado para uma peça tradicional e conservadora.
  • 10. 10
  • 11. Equilíbrio 11 2. O outro tipo é o Equilíbrio Assimétrico. Você organiza objetos não similares de igual peso em cada lado da página. Você pode usar cores, valorizações, tamanhos, formatos e texturas como elementos equilibradores em um design assimétrico. Por exemplo: áreas escuras são mais pesadas ao olhar do que áreas claras. Uma pequena forma preta a esquerda, equilibrará uma grande área branca a direita.
  • 12.
  • 13. Equilíbrio 13  O assimétrico traz contraste, variedade, movimento, surpresa e informalidade a página. É especialmente apropriado para peças que entretém, bem como informam, como um catálogo de viagens.
  • 14.
  • 15. Ritmo15 Você imprime um sentimento ou estado de humor na peça
  • 16. Nós associamos ritmo com música. Uma valsa tem um ritmo suave e fluido e o aché tem um ritmo animado. Há também um ritmo visual. Ritmo16
  • 17. Ritmo  Uma nova cerca tem uma constância, um mesmo ritmo visual - toda as ripas da cerca são similares e com a mesma distância entre si. 17
  • 18. Ritmo  Uma velha cerca, com ripas ausentes ou caídas apresenta variedade e um ritmo desigual. 18
  • 19. Ritmo  O Ritmo de um layout obtém-se associando-se dois fatores: 19
  • 20. Ritmo  Repetição (repetindo elementos similares de uma maneira consistente); 20
  • 21. 21
  • 22. 22
  • 23. Ritmo  e a Variação (uma mudança da forma, tamanho ou posição dos elementos) são a chave para um ritmo visual no layout. 23
  • 24. 24
  • 25. 25
  • 26. 26
  • 27. 27
  • 28. Ritmo  A repetição unifica a peça. Suaviza até mesmo a leitura de colunas de texto. Mas sem variação, a repetição pode se tornar chata. Páginas com colunas de texto idênticas precisam ser quebradas por títulos ou imagens. 28
  • 29.
  • 30. Ritmo 30  Deve-se equilibrar a repetição com a variação.  Repetição atrai a atenção do leitor e a variação mantém o seu interesse.  O Ritmo da peça pode comunicar um sentimento ou estado de humor. Colocando elementos em intervalos regulares (de modo suave, no mesmo ritmo) estabelece-se calma, um relaxamento.
  • 31. 31
  • 32. Ritmo 32  Isto faz um texto seco e fatual fácil de ler.
  • 33. Ritmo 33  Mudanças abruptas no tamanho e espaços dos elementos (de modo rápido, animado) estabelece excitação. Anúncios muitas vezes usam um ritmo rápido para capturar e prender mais facilmente a atenção do público alvo.
  • 34. 34

Notas do Editor

  1. Equilíbrio Crianças aprendem sentar, ficar de pé ou caminhar descobrindo a manter equilíbrio - a igual distribuição dos pesos - ou caem. Porque ganhar equilíbrio é muito importante para nós, nos sentimos desconfortáveis quando vemos alguma coisa que não está equilibrada. A mesma coisa é verdade com um layout. Se o layout está desequilibrado, os leitores se sentirão incomodados. Eles sentem que alguma coisa está errada com a página. Há duas formas para se conseguir equilíbrio: Você pode posicionar os elementos com a mesma distribuição a direita e a esquerda em relação ao centro (como se um lado fosse espelho do outro, como é o nosso rosto). Isto é chamado de Equilíbrio Simétrico. O outro tipo é o Equilíbrio Assimétrico. Você organiza objetos não similares de igual peso em cada lado da página. Você pode usar cores, valores, tamanhos, formatos e texturas como elementos equilibradores em um design assimétrico. Porque áreas escuras são mais pesadas ao olhar do que áreas claras. Uma pequena forma preta a esquerda, equilibrará uma grande área branca a direita. Equilíbrio simétrico podem comunicar força e estabilidade. É bem apropriado para uma peça tradicional e conservadora. O assimétrico traz contraste, variedade, movimento, surpresa e informalidade à página. É especialmente apropriado para peças que entretem, bem como informam, como um catálogo de viagens.
  2. Ritmo Nós associamos ritmo com música. Uma valsa tem um ritmo suave e fluido e a polca tem um ritmo animado. Há também um ritmo visual. Uma nova cerca tem uma constância, um mesmo ritmo visual - toda as ripas da cerca são similares e com a mesma distância entre si. Uma velha cerca, com ripas ausentes ou caídas apresenta variedade e um ritmo desigual. Repetição (repetindo elementos similares de uma maneira consistente) e variação (uma mudança da forma, tamanho ou posição dos elementos) são a chave para um ritmo visual no layout. A repetição unifica a peça. Suaviza até mesmo a leitura de colunas de texto. Mas sem variação, a repetição pode se tornar chata. Páginas com colunas de texto idênticas precisam ser quebradas por títulos ou imagens. Equilibrar a repetição e variação, dando ao leitor suficiente repetição dos elementos para vincular a peça juntos, mas variam de pelo menos alguns elementos mantendo o interesse do leitor. No layout, um ritmo da peça pode comunicar um sentimento ou estado de humor. Colocando elementos em intervalos regulares (um suave, mesmo ritmo) estabelece calma, um relaxamento de humor. Isto faz um texto seco e fatual fácil de ler. Mudanças abruptas no tamanho e espaços dos elementos (um rápido, animado ritmo) estabelecem um humor excitado. Anúncios muitas vezes usam um ritmo rápido para capturar e prender mais facilmente a atenção do público alvo.