Slides de aula
sem textão
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
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.
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.
Como são
seus slides?
Alguns equívocos comuns
1
6
7
acesse e use o código
Excesso de informação - muito texto
8
Excesso de informação - texto se confundindo
com elementos do fundo
9
Informação confusa - esquemas que mais complicam do que explicam
10
Informação confusa - esquemas que mais complicam do que explicam
11
Excesso de informação - muitas cores no texto, sem código de cor
12
Excesso de informação - fundo com muitos elementos,
prejudicando a leitura do texto
13
Excesso de informação - muito texto, acompanhado de
imagem que atrapalha a compreensão
14
Excesso de informação - fonte muito pequena, muito texto num slide
15
Excesso de informação - muitos gráficos em apenas um slide
16
Excesso de informação - muito texto e sem espaço de respiro
17
“
Slide é de graça.
Pode colocar quantos quiser.
18
Como fazer bons
slides?
Dicas para começar
2
19
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
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
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
Fonte: Layer Lemonade
24
Fonte: Layer Lemonade
“
Não é quadro escolar.
Não é pra ocupar cada centímetro
do slide.
25
Á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
Fonte: Designerd
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
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
Mais dicas
Se usar as quatro primeiras dicas, muito bom.
Se usar mais dicas, fica ainda melhor.
30
Tudo isso é informação
◉ Estilo de fonte
◉ Fundo
◉ Cores
◉ Elementos visuais e animações
31
Como é um bom slide?
◉ Estilo de fonte
○ Prefira fontes sem serifa para exibição em telas
32
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
Como é um bom slide?
◉ Fundo
○ Lisos
■ Sem imagem de fundo
○ Sem degradê
■ Socorro! Também é só para profissionais
○ Preferencialmente brancos ou pretos
34
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
Como é um bom slide?
◉ Escreva frases curtas
◉ Use listas, colunas, quadros
◉ Escolha o melhor modo/recurso semiótico
para a informação
36
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
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
Quem sabe um esquema?
Cinza
Branco Preto
39
Tabelas com poucas
linhas e colunas
A B C
Amarelo 10 20 7
Azul 30 15 10
Laranja 5 24 16
40
Mapas ajudam muito
Sede
41
Uma imagem
é muito importante?
Use o slide inteiro para ela
42
89,526,124
Tem um número muito relevante? Estoure-o.
43
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
Explique processos com
esquemas
primeiro terceiro
segundo
45
Use apenas um gráfico por slide
46
4000
3000
2000
1000
0
Tem um tutorial?
Contextualize com
prints de tela e setas.
Descrever algo
em uma tela é mais
difícil do que mostrar
a tela.
47
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
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.
É 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.
Multimodalidade
Gunther Kress & cia
3
51
“
“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
Gramática do Design Visual
53
Design para quem não é designer
54
Multimodalidade, textos e tecnologias
(em especial o capítulo 6)
55
Me dá um
modelo?
Claro! Dou vários.
56
57
Perguntas?
Você me acha em
◉ @anaminasdigitais
◉ anapaulacoelho@gmail.com
Obrigada!
58
Créditos
◉ Modelo de apresentação do SlidesCarnival
◉ Fotografias do Unsplash
59

Slides Sem Textão - FLIC 2022

  • 2.
  • 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 esseminicurso 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 ominicurso é? 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? Algunsequívocos comuns 1 6
  • 7.
    7 acesse e useo 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 é degraça. Pode colocar quantos quiser. 18
  • 19.
  • 20.
    Como é umbom 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 letragrande 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çãocontrastando 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.
  • 24.
  • 25.
    “ Não é quadroescolar. Não é pra ocupar cada centímetro do slide. 25
  • 26.
    Área de respiro Áreasem 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.
  • 28.
    Hierarquia da informação Quala principal informação? Destaque-a. Use negritos, cor de destaque, mude o tamanho da fonte. 28 4 Fonte: Designerd
  • 29.
    Recapitulando: Como é umbom 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 usaras 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 é umbom slide? ◉ Estilo de fonte ○ Prefira fontes sem serifa para exibição em telas 32
  • 33.
    Como é umbom 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 é umbom slide? ◉ Fundo ○ Lisos ■ Sem imagem de fundo ○ Sem degradê ■ Socorro! Também é só para profissionais ○ Preferencialmente brancos ou pretos 34
  • 35.
    Como é umbom 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 é umbom slide? ◉ Escreva frases curtas ◉ Use listas, colunas, quadros ◉ Escolha o melhor modo/recurso semiótico para a informação 36
  • 37.
    Use uma coluna Assimfica 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êscolunas 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 umesquema? Cinza Branco Preto 39
  • 40.
    Tabelas com poucas linhase colunas A B C Amarelo 10 20 7 Azul 30 15 10 Laranja 5 24 16 40
  • 41.
  • 42.
    Uma imagem é muitoimportante? Use o slide inteiro para ela 42
  • 43.
    89,526,124 Tem um númeromuito relevante? Estoure-o. 43
  • 44.
    R$89,526,124 Também dá paracomparar 100% Sem usar uma tabela 185,244 usuários Entre três informações numéricas 44
  • 45.
  • 46.
    Use apenas umgráfico por slide 46 4000 3000 2000 1000 0
  • 47.
    Tem um tutorial? Contextualizecom 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çãomuito 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.
  • 52.
    “ “Se é nossoobjetivo 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.
  • 54.
    Design para quemnão é designer 54
  • 55.
    Multimodalidade, textos etecnologias (em especial o capítulo 6) 55
  • 56.
    Me dá um modelo? Claro!Dou vários. 56
  • 57.
  • 58.
    Perguntas? Você me achaem ◉ @anaminasdigitais ◉ anapaulacoelho@gmail.com Obrigada! 58
  • 59.
    Créditos ◉ Modelo deapresentação do SlidesCarnival ◉ Fotografias do Unsplash 59