SlideShare a Scribd company logo
1 of 33
Download to read offline
Slide:ology



A arte e a ciência para
criar apresentações que
impressionam - Parte 2


Preparado por Marcelo de Menezes baseado no livro de Nancy Duarte
Introdução


   É fácil dizer quando uma empresa tem o
  design como um de seus maiores valores.

   Dos produtos aos slides, você pode dizer
    quais empresas apreciam o design e
            valorizam sua marca.
Pense como um designer




Cada decisão que um designer toma
   é intencional. A razão e a lógica
sustentam a colocação de elementos
  visuais. O significado dá ênfase à
    ordem e hierarquia das ideias.
O que sua empresa faz?




           Escolha uns poucos
          verbos que a refletem.
Projetando slides eficazes

A eficácia do slide depende do domínio
desses três elementos.



     Disposição     Elementos      Movimento
                     Visuais
     Contraste                        Timing
     Hierarquia       Fundo           Ritmo
      Unidade           Cor         Distância
      Espaço           Texto         Direção
    Proximidade      Imagens      Fluxo do olhar
       Fluxo
Organize os elementos




    A disposição dos
elementos cria significado
Contraste


Plateias precisam de contraste. Os espectadores
percebem imediatamente a diferença entre os
atributos de duas ou mais coisas, e esse foco
chama a atenção deles.




 tamanho    forma    tamanho    cor    proximidade
Fluxo

Organize como a informação será processada.
O padrão de leitura ocidental típico é da esquerda
para direita e de cima para baixo.


            texto                  texto




            texto                  texto
Quando usar
imagens,
certifique-se
de que elas
olhem para o
conteúdo.
Em vez de
fugir dele.
Hierarquia




Uma plateia processa hierarquia quase tão rápido quanto o
contraste. A hierarquia visual, colocada de forma simples,
define a estrutura formada quando as relações são aplicadas
ao conjunto de elementos.
Lorem ipsum


                           Mais significativo


   Lorem ipsum

   Lorem ipsum lorem ipsum lorem ipsum.




                              Menos significativo
Relações entre elementos


 Alterar o tamanho e a proximidade dos
 objetos modifica sua história visual




Elementos são   Pais dominam   Filhos dominam
    iguais
Unidade


Um sistema de grade fornece um modo flexível de
organizar o conteúdo

Três colunas   Quatro colunas   Cinco colunas   Fibonacci
Proximidade

 Quando mais de um único elemento ou pessoa
 aparecem numa cena, sua posição relativa a
 cada um dos outros conta uma segunda história.




Unido X Fragmentado   Ordem X Caos   Igual X Desigual
Proximidade das pessoas

 No teatro, os diretores posicionam no palco de
 acordo com a história.


                 O sujeito que fica na extrema direita ou
                 extrema esquerda geralmente é
                 percebido como fraco, em relação ao
                 sujeito que está mais próximo do centro.
Proximidade das pessoas




        Sujeitos em extremidades opostas
           da tela possuem uma relação
       distante ou podem ser antagonistas.
Proximidade das pessoas




                      Sujeitos no centro são
                         percebidos como
                    intimamente relacionados.
Proximidade das pessoas




       Um sujeito na região inferior geralmente é
     percebido como submisso, fraco e vulnerável.
     Um sujeito na região superior muitas vezes é
          visto como dominante e poderoso.
Proximidade das pessoas




Um sujeito com muito
 espaço no quadro
 sugere liberdade.
Proximidade das pessoas




                  Sujeitos agrupados que
                 estão fora de equilíbrio na
                   cena enfatizam ação
Espaço em branco
   O espaço em branco se refere às áreas do slide que
   não foram usadas.




   Poderiam ser áreas vazias que separam os
   elementos um dos outros ou o drama criado quando
   um elemento está sozinho.
Descanso visual


 O espaço em branco é um
 elemento do slide também.
 Ele oferece um descanso
 visual para a plateia.
Ingredientes de um Excelente Slide
Fundo



 A finalidade dos fundos é servir de superfície
 para a inserção dos elementos, criar um
 sentido de espaço.

 Eles próprios não são uma obra de arte.

 O fundo nunca deverá competir com o
 conteúdo.
Texto


 Escolha uma fonte que reflita a personalidade
 da sua marca. Considere altura e peso.
Serifa


 São maiores e mais escuras. São também mais
 simples e perfeitas para texto em destaque,
 textos curtos, títulos, subtítulos e manchetes



   Fonte e personalidade
   Arial – estável, conformista
   Tahoma – jovem, simples
   Century Gothic – alegre, elegante
Sem Serifa


 São usadas para uma longa sequência de palavras
 que excederem uma linha. Elas possuem pequenas
 pés que associam as letras uma às outras dando a
 aparência de conectadas.


   Fonte e personalidade
   Georgia – formal, prática
   Times New Roman – profissional, tradicional
   Courier – simples, nerd
Quantos palavras num slide?


 Na há regras oficiais sobre o número de palavras
 que um slide deve contar. Você precisa de
 palavras suficiente para fazer uma exibição
 confortável da sua mensagem.

 Coloque o suficiente para servir como auxiliar
 para a memória, mas escolha poucas palavras.
Lei dos Marcadores


 • Proteja a plateia
 • Use com moderação
 • Use estrutura paralela
 • Evite subtópicos
 • Escreva manchetes
Slideologypencilsparte2
Reduza o Texto no Slide




 Trabalhe com palavras-chave
Esse material didático é a parte 2 sobre o
   livro Slide:ology de Nancy Duarte.




     Críticas e sugestões escreva para
         marcelodmnzs@gmail.com
       Follow em: @MarceloDMnzs

More Related Content

Similar to Slideologypencilsparte2 (10)

Composição gráfica
Composição gráficaComposição gráfica
Composição gráfica
 
Diagramacao ua
Diagramacao uaDiagramacao ua
Diagramacao ua
 
Gestalt
GestaltGestalt
Gestalt
 
Ler imagens (Gestalt e composição para Design de Interfaces)
Ler imagens (Gestalt e composição para Design de Interfaces)Ler imagens (Gestalt e composição para Design de Interfaces)
Ler imagens (Gestalt e composição para Design de Interfaces)
 
Aula03
Aula03Aula03
Aula03
 
CRP0357-2016-03
CRP0357-2016-03CRP0357-2016-03
CRP0357-2016-03
 
CRP0357-2016-04
CRP0357-2016-04CRP0357-2016-04
CRP0357-2016-04
 
CRP0357-2014-04
CRP0357-2014-04CRP0357-2014-04
CRP0357-2014-04
 
CRP0357-2014-05
CRP0357-2014-05CRP0357-2014-05
CRP0357-2014-05
 
Workshop
WorkshopWorkshop
Workshop
 

More from Marcelo de Menezes

Congregação das Irmãs de Santa Catarina de Alexandria
Congregação das Irmãs de Santa Catarina de AlexandriaCongregação das Irmãs de Santa Catarina de Alexandria
Congregação das Irmãs de Santa Catarina de AlexandriaMarcelo de Menezes
 
Proposta de marca para Congregação das Irmãs de Santa Catarina de Alexandria
Proposta de marca para Congregação das Irmãs de Santa Catarina de AlexandriaProposta de marca para Congregação das Irmãs de Santa Catarina de Alexandria
Proposta de marca para Congregação das Irmãs de Santa Catarina de AlexandriaMarcelo de Menezes
 
Proposta de Logomarca para Congregação das Irmãs de Santa Catarina
Proposta de Logomarca para Congregação das Irmãs de Santa CatarinaProposta de Logomarca para Congregação das Irmãs de Santa Catarina
Proposta de Logomarca para Congregação das Irmãs de Santa CatarinaMarcelo de Menezes
 
Valores Hospital Geral de Pedreira - Vertical
Valores Hospital Geral de Pedreira - VerticalValores Hospital Geral de Pedreira - Vertical
Valores Hospital Geral de Pedreira - VerticalMarcelo de Menezes
 
Seminário de Sustentabilidade Hospital Geral de Pedreira 2009
Seminário de Sustentabilidade Hospital Geral de Pedreira 2009Seminário de Sustentabilidade Hospital Geral de Pedreira 2009
Seminário de Sustentabilidade Hospital Geral de Pedreira 2009Marcelo de Menezes
 
Manual de Identidade Visual do Hospital Geral de Pedreira
Manual de Identidade Visual do Hospital Geral de PedreiraManual de Identidade Visual do Hospital Geral de Pedreira
Manual de Identidade Visual do Hospital Geral de PedreiraMarcelo de Menezes
 

More from Marcelo de Menezes (20)

The Simpsons
The SimpsonsThe Simpsons
The Simpsons
 
Congregação das Irmãs de Santa Catarina de Alexandria
Congregação das Irmãs de Santa Catarina de AlexandriaCongregação das Irmãs de Santa Catarina de Alexandria
Congregação das Irmãs de Santa Catarina de Alexandria
 
Proposta de marca para Congregação das Irmãs de Santa Catarina de Alexandria
Proposta de marca para Congregação das Irmãs de Santa Catarina de AlexandriaProposta de marca para Congregação das Irmãs de Santa Catarina de Alexandria
Proposta de marca para Congregação das Irmãs de Santa Catarina de Alexandria
 
Proposta de Logomarca para Congregação das Irmãs de Santa Catarina
Proposta de Logomarca para Congregação das Irmãs de Santa CatarinaProposta de Logomarca para Congregação das Irmãs de Santa Catarina
Proposta de Logomarca para Congregação das Irmãs de Santa Catarina
 
Manual Sitiocirurgico
Manual SitiocirurgicoManual Sitiocirurgico
Manual Sitiocirurgico
 
Manual de Integração
Manual de IntegraçãoManual de Integração
Manual de Integração
 
HGP44
HGP44HGP44
HGP44
 
Valores Hospital Geral de Pedreira - Vertical
Valores Hospital Geral de Pedreira - VerticalValores Hospital Geral de Pedreira - Vertical
Valores Hospital Geral de Pedreira - Vertical
 
Cartaz Filme da Enfermagem
Cartaz Filme da EnfermagemCartaz Filme da Enfermagem
Cartaz Filme da Enfermagem
 
Cartaz Stars
Cartaz StarsCartaz Stars
Cartaz Stars
 
Seminário de Sustentabilidade Hospital Geral de Pedreira 2009
Seminário de Sustentabilidade Hospital Geral de Pedreira 2009Seminário de Sustentabilidade Hospital Geral de Pedreira 2009
Seminário de Sustentabilidade Hospital Geral de Pedreira 2009
 
MIV CEAC Sul
MIV CEAC SulMIV CEAC Sul
MIV CEAC Sul
 
Hgp Social
Hgp SocialHgp Social
Hgp Social
 
Concurso Mascote
Concurso MascoteConcurso Mascote
Concurso Mascote
 
Hgp#29
Hgp#29Hgp#29
Hgp#29
 
Hgp#30
Hgp#30Hgp#30
Hgp#30
 
10 Mandamentos ProntuáRio
10 Mandamentos ProntuáRio10 Mandamentos ProntuáRio
10 Mandamentos ProntuáRio
 
Manual de Identidade Visual do Hospital Geral de Pedreira
Manual de Identidade Visual do Hospital Geral de PedreiraManual de Identidade Visual do Hospital Geral de Pedreira
Manual de Identidade Visual do Hospital Geral de Pedreira
 
Hgp#31
Hgp#31Hgp#31
Hgp#31
 
Hgp#32
Hgp#32Hgp#32
Hgp#32
 

Slideologypencilsparte2

  • 1. Slide:ology A arte e a ciência para criar apresentações que impressionam - Parte 2 Preparado por Marcelo de Menezes baseado no livro de Nancy Duarte
  • 2. Introdução É fácil dizer quando uma empresa tem o design como um de seus maiores valores. Dos produtos aos slides, você pode dizer quais empresas apreciam o design e valorizam sua marca.
  • 3. Pense como um designer Cada decisão que um designer toma é intencional. A razão e a lógica sustentam a colocação de elementos visuais. O significado dá ênfase à ordem e hierarquia das ideias.
  • 4. O que sua empresa faz? Escolha uns poucos verbos que a refletem.
  • 5. Projetando slides eficazes A eficácia do slide depende do domínio desses três elementos. Disposição Elementos Movimento Visuais Contraste Timing Hierarquia Fundo Ritmo Unidade Cor Distância Espaço Texto Direção Proximidade Imagens Fluxo do olhar Fluxo
  • 6. Organize os elementos A disposição dos elementos cria significado
  • 7. Contraste Plateias precisam de contraste. Os espectadores percebem imediatamente a diferença entre os atributos de duas ou mais coisas, e esse foco chama a atenção deles. tamanho forma tamanho cor proximidade
  • 8. Fluxo Organize como a informação será processada. O padrão de leitura ocidental típico é da esquerda para direita e de cima para baixo. texto texto texto texto
  • 9. Quando usar imagens, certifique-se de que elas olhem para o conteúdo.
  • 11. Hierarquia Uma plateia processa hierarquia quase tão rápido quanto o contraste. A hierarquia visual, colocada de forma simples, define a estrutura formada quando as relações são aplicadas ao conjunto de elementos.
  • 12. Lorem ipsum Mais significativo Lorem ipsum Lorem ipsum lorem ipsum lorem ipsum. Menos significativo
  • 13. Relações entre elementos Alterar o tamanho e a proximidade dos objetos modifica sua história visual Elementos são Pais dominam Filhos dominam iguais
  • 14. Unidade Um sistema de grade fornece um modo flexível de organizar o conteúdo Três colunas Quatro colunas Cinco colunas Fibonacci
  • 15. Proximidade Quando mais de um único elemento ou pessoa aparecem numa cena, sua posição relativa a cada um dos outros conta uma segunda história. Unido X Fragmentado Ordem X Caos Igual X Desigual
  • 16. Proximidade das pessoas No teatro, os diretores posicionam no palco de acordo com a história. O sujeito que fica na extrema direita ou extrema esquerda geralmente é percebido como fraco, em relação ao sujeito que está mais próximo do centro.
  • 17. Proximidade das pessoas Sujeitos em extremidades opostas da tela possuem uma relação distante ou podem ser antagonistas.
  • 18. Proximidade das pessoas Sujeitos no centro são percebidos como intimamente relacionados.
  • 19. Proximidade das pessoas Um sujeito na região inferior geralmente é percebido como submisso, fraco e vulnerável. Um sujeito na região superior muitas vezes é visto como dominante e poderoso.
  • 20. Proximidade das pessoas Um sujeito com muito espaço no quadro sugere liberdade.
  • 21. Proximidade das pessoas Sujeitos agrupados que estão fora de equilíbrio na cena enfatizam ação
  • 22. Espaço em branco O espaço em branco se refere às áreas do slide que não foram usadas. Poderiam ser áreas vazias que separam os elementos um dos outros ou o drama criado quando um elemento está sozinho.
  • 23. Descanso visual O espaço em branco é um elemento do slide também. Ele oferece um descanso visual para a plateia.
  • 24. Ingredientes de um Excelente Slide
  • 25. Fundo A finalidade dos fundos é servir de superfície para a inserção dos elementos, criar um sentido de espaço. Eles próprios não são uma obra de arte. O fundo nunca deverá competir com o conteúdo.
  • 26. Texto Escolha uma fonte que reflita a personalidade da sua marca. Considere altura e peso.
  • 27. Serifa São maiores e mais escuras. São também mais simples e perfeitas para texto em destaque, textos curtos, títulos, subtítulos e manchetes Fonte e personalidade Arial – estável, conformista Tahoma – jovem, simples Century Gothic – alegre, elegante
  • 28. Sem Serifa São usadas para uma longa sequência de palavras que excederem uma linha. Elas possuem pequenas pés que associam as letras uma às outras dando a aparência de conectadas. Fonte e personalidade Georgia – formal, prática Times New Roman – profissional, tradicional Courier – simples, nerd
  • 29. Quantos palavras num slide? Na há regras oficiais sobre o número de palavras que um slide deve contar. Você precisa de palavras suficiente para fazer uma exibição confortável da sua mensagem. Coloque o suficiente para servir como auxiliar para a memória, mas escolha poucas palavras.
  • 30. Lei dos Marcadores • Proteja a plateia • Use com moderação • Use estrutura paralela • Evite subtópicos • Escreva manchetes
  • 32. Reduza o Texto no Slide Trabalhe com palavras-chave
  • 33. Esse material didático é a parte 2 sobre o livro Slide:ology de Nancy Duarte. Críticas e sugestões escreva para marcelodmnzs@gmail.com Follow em: @MarceloDMnzs