Como um professor pode criar slides para aulas que sejam bonitos e fáceis de ler

2. Slides de aula
sem textão

3. Ana Paula Coelho
Publicitária, professora especialista em Marketing Digital
Mestranda no Posling na Linha III - linguagem, ensino,
aprendizagem e tecnologia
Orientada pelo Prof. Dr. Vicente Parreiras
No instagram sou @anaminasdigitais
Oi!
3

4. 4
O que esse minicurso não é?
Tutorial
Não é passo-a-passo de
como fazer algo no
Powerpoint, Google Slides,
Keynote, Canva ou qualquer
outra ferramenta.
Treinamento de ferramenta
Não vamos abrir algum
software e usar as principais
funcionalidades.

5. O que o minicurso é?
5
Um papo sobre textos verbais, imagens, cores,
fontes, dentre outros recursos visuais que podem
ajudar (ou atrapalhar) a informação que você
precisa passar.

6. Como são
seus slides?
Alguns equívocos comuns
1
6

7. 7
acesse e use o código

8. Excesso de informação - muito texto
8

9. Excesso de informação - texto se confundindo
com elementos do fundo
9

10. Informação confusa - esquemas que mais complicam do que explicam
10

11. Informação confusa - esquemas que mais complicam do que explicam
11

12. Excesso de informação - muitas cores no texto, sem código de cor
12

13. Excesso de informação - fundo com muitos elementos,
prejudicando a leitura do texto
13

14. Excesso de informação - muito texto, acompanhado de
imagem que atrapalha a compreensão
14

15. Excesso de informação - fonte muito pequena, muito texto num slide
15

16. Excesso de informação - muitos gráficos em apenas um slide
16

17. Excesso de informação - muito texto e sem espaço de respiro
17

18. “
Slide é de graça.
Pode colocar quantos quiser.
18

19. Como fazer bons
slides?
Dicas para começar
2
19

20. Como é um bom slide?
1. No mínimo 20pts de tamanho de fonte
2. Alto contraste entre informação e fundo
3. Muita área de respiro
4. Hierarquia da informação
20

21. Tamanho de letra grande
67% das pessoas que acessam a
internet no Brasil, o fazem
exclusivamente pelo celular.
21
Fonte: TIC Domicílios 2021 - Cetic.br
1

22. Fundo e informação contrastando
Telas diferentes têm calibração de cor
diferentes.
Cores similares às do fundo podem
não aparecer, a depender da tela.
Daltônicos também sofrem com tons
parecidos.
22
2

23. 23
Fonte: Layer Lemonade

24. 24
Fonte: Layer Lemonade

25. “
Não é quadro escolar.
Não é pra ocupar cada centímetro
do slide.
25

26. Área de respiro
Área sem informação em torno
da informação dá destaque.
Muitos elementos em torno
da informação distraem
e confundem.
26
Fonte: Brandbook Natura
3

27. 27
Fonte: Designerd

28. Hierarquia da informação
Qual a principal informação?
Destaque-a. Use negritos, cor
de destaque, mude o tamanho
da fonte.
28
4
Fonte: Designerd

29. Recapitulando:
Como é um bom slide?
1. No mínimo 20pts de tamanho de fonte
2. Alto contraste entre informação e fundo
3. Muita área de respiro
4. Hierarquia da informação
29

30. Mais dicas
Se usar as quatro primeiras dicas, muito bom.
Se usar mais dicas, fica ainda melhor.
30

31. Tudo isso é informação
◉ Estilo de fonte
◉ Fundo
◉ Cores
◉ Elementos visuais e animações
31

32. Como é um bom slide?
◉ Estilo de fonte
○ Prefira fontes sem serifa para exibição em telas
32

33. Como é um bom slide?
◉ Estilo de fonte
○ Use no máximo duas fontes na apresentação
inteira.
■ Três fontes ou mais num mesmo layout é
tarefa para profissionais.
33

34. Como é um bom slide?
◉ Fundo
○ Lisos
■ Sem imagem de fundo
○ Sem degradê
■ Socorro! Também é só para profissionais
○ Preferencialmente brancos ou pretos
34

35. Como é um bom slide?
◉ Elementos visuais e animações de slides
○ Use com parcimônia formas, setas, balões,
splashs, dentre outros
○ Mantenha as mesmas formas e cores durante a
apresentação inteira
○ Evite usar animações. Use apenas para facilitar
a leitura
35

36. Como é um bom slide?
◉ Escreva frases curtas
◉ Use listas, colunas, quadros
◉ Escolha o melhor modo/recurso semiótico
para a informação
36

37. Use uma coluna
Assim fica fácil reconhecer
as similaridades em um
tipo de informação
Precisa comparar?
E outra coluna
E as diferenças para outro
tipo de informação
37

38. No máximo três colunas
Mais do que isso
Ainda assim, nesse
caso é ideal usar
animações para que
cada coluna apareça
depois da outra.
É muito texto
Assim sua audiência
não gasta muito
tempo lendo tudo
que está nas três
colunas.
Para um slide
Lembre-se que
enquanto as pessoas
estiverem lendo um
slide, não
conseguirão prestar
atenção ao que você
está dizendo.
38

39. Quem sabe um esquema?
Cinza
Branco Preto
39

40. Tabelas com poucas
linhas e colunas
A B C
Amarelo 10 20 7
Azul 30 15 10
Laranja 5 24 16
40

41. Mapas ajudam muito
Sede
41

42. Uma imagem
é muito importante?
Use o slide inteiro para ela
42

43. 89,526,124
Tem um número muito relevante? Estoure-o.
43

44. R$89,526,124
Também dá para comparar
100%
Sem usar uma tabela
185,244 usuários
Entre três informações numéricas
44

45. Explique processos com
esquemas
primeiro terceiro
segundo
45

46. Use apenas um gráfico por slide
46
4000
3000
2000
1000
0

47. Tem um tutorial?
Contextualize com
prints de tela e setas.
Descrever algo
em uma tela é mais
difícil do que mostrar
a tela.
47

48. Resuma temas relacionados
48
ABACATE
É uma fruta muito usada
em vitaminas
BANANA
A queridinha de qualquer
lugar
Para manter a saúde do
aparelho digestor
AVEIA
E para adicionar proteínas
na refeição
LEITE

49. Resuma temas relacionados
49
ABACATE
É muito usada em
vitaminas pelo seu teor
de gordura boa
Explique mais detalhes
slide por slide. Você
pode trazer o resumo
com todos os temas
no início ou no fim
das explicações.

50. É uma apresentação muito
grande? Faça um sumário
Yellow
Is the color of gold, butter and
ripe lemons. In the spectrum of
visible light, yellow is found
between green and orange.
Blue
Is the colour of the clear sky and
the deep sea. It is located
between violet and green on the
optical spectrum.
Red
Is the color of blood, and
because of this it has historically
been associated with sacrifice,
danger and courage.
50
Yellow
Is the color of gold, butter and
ripe lemons. In the spectrum of
visible light, yellow is found
between green and orange.
Blue
Is the colour of the clear sky and
the deep sea. It is located
between violet and green on the
optical spectrum.
Red
Is the color of blood, and
because of this it has historically
been associated with sacrifice,
danger and courage.

51. Multimodalidade
Gunther Kress & cia
3
51

52. “
“Se é nosso objetivo entender a constante,
transformativa e inovadora característica de
criação de sentido humana, e, por conseguinte,
de aprendizagem, então todos os meios usados
para a produção de sentido precisam ser
reconhecidos.”
Bezemer & Kress
Multimodality, learning and communication (2016, pg.5)
52

53. Gramática do Design Visual
53

54. Design para quem não é designer
54

55. Multimodalidade, textos e tecnologias
(em especial o capítulo 6)
55

56. Me dá um
modelo?
Claro! Dou vários.
56

57. 57

58. Perguntas?
Você me acha em
◉ @anaminasdigitais
◉ anapaulacoelho@gmail.com
Obrigada!
58

59. Créditos
◉ Modelo de apresentação do SlidesCarnival
◉ Fotografias do Unsplash
59