A utilização de apresentações eletrónicas como suporte à
aprendizagem tornou-se habitual em todos os níveis de
ensino. Esses documentos apresentam frequentemente
demasiadas deficiências conceptuais a vários níveis.
Nos diapositivos seguintes procuro abordar, de uma forma
sintética e de fácil compreensão, os principais aspetos a
considerar para melhorar a qualidade das apresentações
eletrónicas e, de maneira geral, os documentos de suporte
à aprendizagem que combinam e texto, gráficos e imagens.
IntroduçãoIntrodução
Lista de tópicosLista de tópicos
1. Cor & Contraste
2. Composição & orientação
3. Texto & destaques
4. Tipo de letra & tamanho
ListaLista de tópicosde tópicos
5. Imagens & gráficos
6. Som & animações
7. Efeitos & transições
8. Índice & resumo
1. Cor & Contraste1. Cor & Contraste
Fundos: cores muito claras ou muito escuras
Contraste: o máximo possível
!!! Atenção: Os projetores multimédia apresentam as cores de formas diferentes!
Poynter.org (2003).Color, Mood & Meaning
http://poynterextra.org/cp/colorproject/color.html
2. Composição & Orientação2. Composição & Orientação
Regra dos terços
1.º plano
Plano médio
Fundo
Dividir o documento em 3 secções verticais e 3
horizontais. Os pontos de interseção definem as
zonas mais informativas mais importantes.
Dividir o documento em 3 secções verticais e 3
horizontais. Os pontos de interseção definem as
zonas mais informativas mais importantes.
2. Composição & Orientação2. Composição & Orientação
Regra dos terços Deficiente enquadramento (sem céu). Deficiente enquadramento (sem céu).
2. Composição & Orientação2. Composição & Orientação
Regra dos terços Deficiente enquadramento
(desaproveitamento das
áreas mais importantes)
Deficiente enquadramento
(desaproveitamento das
áreas mais importantes)
2. Composição & Orientação2. Composição & Orientação
Regra dos terços Enquadramento aceitável. Enquadramento aceitável.
2. Composição & Orientação2. Composição & Orientação
Regra dos terços/triângulo dourado
Uma composição agradável pode ser
obtida combinando a regra dos terços
com o triângulo dourado.
Uma composição agradável pode ser
obtida combinando a regra dos terços
com o triângulo dourado.
2. Composição & Orientação2. Composição & Orientação
D
A
C
B
= 1,61803 (razão dourada w = h x )
2. Composição & Orientação2. Composição & Orientação
Formal vs informal
Formal: alinhamento rígido e rigoroso
Informal: alinhamento dinâmico
Formal: alinhamento rígido e rigoroso
Informal: alinhamento dinâmico
2. Composição & Orientação2. Composição & Orientação
Coerência
A coerência deve ser evidente. Não
esquecer, principalmente a coerência de
cromática, tipográfica (tipos de letra),
espacial ou do layout (distribuição dos
elementos no espaço) …
A coerência deve ser evidente. Não
esquecer, principalmente a coerência de
cromática, tipográfica (tipos de letra),
espacial ou do layout (distribuição dos
elementos no espaço) …
2. Composição & Orientação2. Composição & Orientação
Lorem Ipsum passages.
Os olhos dos elementos que
representam seres vivos com
cabeça e olhos, orientam o olhar
do “espectador”.
Os olhos dos elementos que
representam seres vivos com
cabeça e olhos, orientam o olhar
do “espectador”.
2. Composição & Orientação2. Composição & Orientação
Lorem Ipsum is simply dummy text of
the printing and typesetting industry.
Lorem Ipsum has been the industry's
standard dummy text ever since the
1500s, when an unknown printer took a
galley of type and scrambled it to make
a type specimen book. It has survived
not only five centuries, but also the
leap into electronic typesetting,
remaining essentially unchanged. It
was popularised in the 1960s with the
release of Letraset sheets containing
Lorem Ipsum passages, and more
recently with desktop publishing
software like Aldus PageMaker
including versions of Lorem Ipsum.
2. Composição & Orientação2. Composição & Orientação
Lorem Ipsum is simply dummy text of
the printing and typesetting industry.
Lorem Ipsum has been the industry's
standard dummy text ever since the
1500s, when an unknown printer took a
galley of type and scrambled it to make
a type specimen book. It has survived
not only five centuries, but also the
leap into electronic typesetting,
remaining essentially unchanged. It
was popularised in the 1960s with the
release of Letraset sheets containing
Lorem Ipsum passages, and more
recently with desktop publishing
software like Aldus PageMaker
including versions of Lorem Ipsum.
2. Composição & Orientação2. Composição & Orientação
Lorem Ipsum passages.
Lorem Ipsum passages.
Lorem
Ipsum
passa
ges.
3. Texto & destaques3. Texto & destaques
o 6 x 6 ?
(6 linhas x 6 palavras)
o 7 x 7 ?
(7 linhas x 7 palavras)
o 6 x 7 ?
(…) 42 palavras por diapositivo
3. Texto & destaques3. Texto & destaques
Lorem Ipsum é um texto aleatório da
indústria tipográfica e de impressão.
Lorem Ipsum foi padrão da indústria
desde os anos de 1500, quando um
impressor desconhecido teve a ideia de
usar a repetição do texto para fazer o
espécime de um livro (45 palavras)
3. Texto & destaques3. Texto & destaques
Lorem Ipsum é um texto aleatório da
indústria tipográfica e de impressão.
Lorem Ipsum foi padrão da indústria
desde os anos de 1500, quando um
impressor desconhecido teve a ideia de
usar a repetição do texto para fazer o
espécime de um livro.
Estilos Estilos Estilos Q: Mais destaques?
R: Inverse lettering.
Q: Mais destaques?
R: Inverse lettering.
3. Texto & destaques3. Texto & destaques
À esquerda?
Lorem Ipsum é um texto aleatório da indústria tipográfica e de impressão. Lorem Ipsum foi padrão da indústria desde os anos de 1500, quando um impressor desconhecido teve a ideia de usar a repetição do texto para fazer o espécime de um livro.
Justificado?
Lorem Ipsum é um texto aleatório da indústria tipográfica e de impressão. Lorem Ipsum foi padrão da indústria desde os anos de 1500, quando um impressor desconhecido teve a ideia de usar a repetição do texto para fazer o espécime de um livro.
3. Texto & destaques3. Texto & destaques
o Use expressões, frases ou tópicos em vez de parágrafos longos, exceto em questões ou citações!
o Utilize paralelismo gramatical!
o Comece o texto com verbos ativos!
o Na apresentação, fale do conteúdo, a audiência lê!
o Não poupe espaço! Pode ter quantos “slides” quiser!
4. Tipo de letra & tamanho4. Tipo de letra & tamanho
Com serifa 12 Times New Roman
16 Times New Roman
18 Times New Roman
20 Times New Roman
24 Times New Roman
28 Times New Roman
32 Times New Roman
Sem serifa 12 Tipo de letra Arial
16 Tipo de letra Arial
18 Tipo de letra Arial
20 Tipo de letra Arial
24 Tipo de letra Arial
28 Tipo de letra Arial
32 Tipo de letra Arial
A serifa é útil para ler
materiais impressos,
ajuda a conduzir os
olhos. No ecrã não!
A serifa é útil para ler
materiais impressos,
ajuda a conduzir os
olhos. No ecrã não!
4. Tipo de letra & tamanho4. Tipo de letra & tamanho Conforto e visibilidadeConforto e visibilidade
La
rgu
ra d
o e
crã
(po
leg
ad
as)
18 24 28 32 36 40 44
36 48 69 79 86 97 107 117
48 64 91 104 117 132 142 155
60 81 112 130 145 163 178 193
72 97 135 155 175 193 213 234
84 112 157 180 203 226 249 272
96 130 180 206 234 259 284 310
120 163 226 259 290 69 356 389
Tamanho de letra (pontos)
Afastamento do espectador (cm)
Paradi, D. (2008). Selecting the correct font size.ThinkOutsideTheSlide.com
4. Tipo de letra & tamanho4. Tipo de letra & tamanho
A utilização de demasiados tipos de letra, de
demasiados tamanhos e a sobreposição
de estilos é desaconselhável!
Opte por um máximo de:
3 tipos de letra
3 tamanhos
3 cores/destaques
5. Imagens & gráficos5. Imagens & gráficos
0
1
2
3
4
5
Categoria 1 Categoria 2 Categoria 3
Série 1
Série 2
Série 3
Ou se leem bem
ou não vale a
pena usá-los!
Ou se leem bem
ou não vale a
pena usá-los!
5. Imagens & gráficos5. Imagens & gráficos
Fotos: Luís Valente, 2009
5. Imagens & gráficos5. Imagens & gráficos
Fotos: Luís Valente, 2009
As imagens com
moldura ganham
outra expressividade!
As imagens com
moldura ganham
outra expressividade!
5. Imagens & gráficos5. Imagens & gráficos
Imagem antes do texto
não facilita a leitura.
Desvaloriza o texto e a
imagem.
Texto antes da imagem
facilita a leitura e
valoriza ambos, texto e
imagem, mas é preciso
prestar atenção ao
alinhamento do texto!
Fotos: Luís Valente, 2009
O texto alinhado à
esquerda facilita a
rapidez de leitura!
O texto alinhado à
esquerda facilita a
rapidez de leitura!
5. Imagens & gráficos5. Imagens & gráficos
Não use clipart demasiado conhecido!
Uma imagem vale mil palavras (da mesma qualidade).
6. Som & animações6. Som & animações
o Som: Quando necessário, tem que ser de
boa qualidade e não deve introduzir
fatores de distração (e.g. evitar efeitos
cómicos ou caricatos)
o Animações: Sim, apenas se
complementam a informação
o Órfãos: evitar todos
Isto é um órfão!
7. Efeitos & transições7. Efeitos & transições
o Evite efeitos de animação
(distraem, maçam, desperdiçam tempo)
o Use transições com parcimónia (máx. 3),
para separar tópicos
para separar temas
para introduzir dinamismo
o Seja coerente
8. Índice & resumo8. Índice & resumo
Conteúdo didático:
o apresente um índice e um resumo no final
de cada tópico;
o use redundância nos tópicos mais difíceis;
o inclua questões claras e, se possível,
respostas;
o utilize imagem/vídeo/áudio referenciados
(fontes, autores, licenciamento)
8. Índice & resumo8. Índice & resumo
Conteúdo investigativo:
o apresente a estrutura da investigação;
o apresente o problema e a metodologia;
o apresente os dados e tópicos da análise;
o apresente as conclusões mais
importantes;
o indique as fontes e os recursos (usados
ou disponibilizados)
8. Índice & resumo8. Índice & resumo
Conteúdo projetual:
o apresente status (estado da arte);
o apresente a visão (meta);
o apresente as estratégias (como e quando);
o apresente a(s) equipa(s) (quem);
o apresente a monitorização (avaliação)
o …
ResumoResumo
o Keep It Simple & Stupid
o Reduza o número de diapositivos
o Utilize verbos ativos/positivos
o Adeqúe o conteúdo ao público
o Escreva pequenos blocos de informação
ResumoResumo
o Cultive o ritmo e o equilíbrio
o Combine cores e contraste
o Use o espaço (para descansar e orientar
os olhos)
o Trabalhe com linhas, formas e cor
o Ensaie antes de apresentar
RecursosRecursos Bibliografia Blokzijl, W., & Andeweg, B. (2005). The Effects of Text Slide Format and Presentational Quality on Learning in College Lectures. 2005 IEEE
International Professional Communication Conference, Limerick: IEEE.
Brisco, S. (2008). Digital Resources: Presentation in A Box. School Library Journal, (7/1/2008).
Haddad, W. D. (2008). ICTs for Education: A Reference Handbook. Vienna, Virginia: Knowledge Enterprise.
Marcovitz, D. M. (2004). Powerful PowerPoint for Educators: Using Visual Basic for Applications to Make PowerPoint Interactive. Westport, CT: Libraries Un limited.
McKenzie, J. (2000). Scoring Power Points Vol. 10. From Now On: The Educational Technology Journal Obtido em http://www.fno.org/sept00/powerpoints.html
Medina, J. (2008). Brain Rules: 12 Principles for Surviving and Thriving at Work, Home, and School. Seattle, WA: Pear Press.
Negrino, T. (2005). Creating a Presentatrion in Powerpoint. Berkeley, CA: Peachpit Press.
Núñez, A. (2009). É melhor contar tudo. Storytelling: “Uma velha/nova língua para uma nova sociedade”. [Comunicação] Creative Learning Conference, Lisboa.
Reynolds, G. (s/d). Presentation Zen: How to Design & Deliver Presentations Like a Pro. Consultado em www.garrreynolds.com
Tang, T. L.-P., & Austin, M. J. (2009). Students’ perceptions of teaching technologies, application of technologies, and academic performance. Computers & Education, 53(2009), 1241–1255.
Tufte, E. R. (1998). Envisioning Information (6 ed.). Cheshire, CT: Graphics Press.
Tufte, E. (2003). PowerPoint is Evil. Wired, 11(9).
Tufte, E. (2003). The cognitive style of PowerPoint: Pitching Out Corrupts Within. Cheshire, CT: Edward R. Tufte.
Ware, C. (2008). Visual Thinking for Design. Burlington, MA: Morgan Kaufmann.
Weissman, J. (2008). Presenting to Win: The Art of Telling Your Story (Updated and Expanded ed.). Upper Saddle River, NJ: FT Press.
Ferramentas http://photoinf.com/Tools/Composition_Adjuster/Java-Composition-Adjuster.html (fotocomposição)
http://photoinf.com/Golden_Mean/photo-adjuster.html (retângulo dourado)
http://www.clker.com (clipart)
http://www.freesound.org (sons e efeitos sonoros livres)
http://www.freesfx.co.uk/ (efeitos sonoros gratuitos)
http://www.flashkit.com/loops/ (loops musicais gratuitos)
http://issuu.com/ (publicação online falsh)
http://www.picmonkey.com/ (processamentode imagem online)
https://bubbl.us/ (brainstorming /mapas de conceitos online)
http://www.jigsawplanet.com/ (puzzles personalizados online)
http://www.helloslide.com/ (apresentações na web)
Top Related