www.renatasbrogio.com.

br

Design Educacional:
montagem de slides para aulas e palestras

JUSTIFICATIVA:
Educadores e alunos de educao bsica e
superior, em geral, utilizam slides para sua
prtica profissional e educacional com
regularidade e precisam conhecer as
tcnicas do design educacional para
melhorar a esttica, legibilidade e eficcia
dos seus materiais de trabalho.

Objetivos:
-Conhecer as tcnicas de design
instrucional/educacional e grfico para montagem de
slides.

Especficos:
-Entender o que o design instrucional/educacional;
-Compreender como o design instrucional/educacional
pode ser til na montagem de slides e apresentaes
diversas;
-Aprender as principais tcnicas de design para
montagem de apresentaes.

Todo o contedo do curso est disponvel no meu blog:

www.renatasbrogio.pro.br
Na aba apostilas:

O que Design?
Pra que serve o Design?
Quem faz Design?

Krzysztof (Kriss) Szkurlatowski

O que Design?

Pra que serve o Design?

Designer !!!

croove.com.br

Quem faz Design?

Design Instrucional
X
Design Educacional

Krzysztof (Kriss) Szkurlatowski

Podemos destacar trs pontos

essenciais do design instrucional: o
comprometimento com a melhoria da
aprendizagem, a ateno para as
necessidades do aluno e o design
de recursos de apoio e incentivo
aprendizagem ativa.
(NETO, 2009, p. 64)

Metas do Designer Instrucional:

Atingir os objetivos pedaggicos;
Elaborar material interativo e objetivo;
Ser agradvel e prazeroso para os aprendizes
e
Oferecer eficincia tambm no custo-benefcio.

Erros comuns:
Esticar imagens e letras

Erros comuns:
Esticar imagens e letras

Erros comuns:
Colocar o texto sobre foto/imagem

Erros comuns:
Colocar o texto sobre foto/imagem
Para comear, ele s tinha um olho, e
no lugar onde deveria estar o outro
olho, havia um buraco fundo.
Ele tambm havia perdido a orelha do
mesmo lado, e seu p esquerdo
parecia ter sido quebrado gravemente
no passado.
O osso curara num ngulo estranho,
fazendo com que ele sempre
parecesse estar virando a esquina...
Feio havia perdido a cauda h muito
tempo, e restava apenas um toco de
cauda grosso, que ele sempre girava e
torcia.
Todos que viam Feio
tinham a mesma impresso:
Mas que gato feio!

Erros comuns:

Excesso de elementos (poluio visual)

Fonte:http://slideplayer.com/slide/4521942/

Erros comuns:

deefeitos visuais

Fonte: http://pt.slideshare.net/1950/mamiferos-mais-feios-do-planeta-279923

Erros comuns:

Movimentos, sons e gifs animados

Erros comuns:

Usar Comic Sans

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

Cruzes!!! O que fazer, ento?

Krzysztof (Kriss) Szkurlatowski

Dicas essenciais:

Preferencialmente, utilize o texto em forma de

tpicos, no mais do que 5 em cada slide;
Aproveite os tpicos com palavras-chave.

Por qu?
Isso previne a leitura prvia pelo aluno e favorece que se mantenha
o foco no professor.

Dicas essenciais:

No use animaes distrativas;

No ultrapasse as margens com a animao,
nem com o texto;
Seja consistente com a imagem que voc usa
e no coloque texto sobre a imagem;
No distora imagens nem textos.
Por qu?
Isso favorece a ateno na apresentao, a leitura e compreenso
das mensagens.

Dicas essenciais:

Use pelo menos uma fonte de 20 pontos de tamanho

(mas isso vai variar de acordo com a fonte escolhida);
Use fontes de tamanhos diferentes para

pontos

principais e pontos secundrios;

Use, preferencialmente, fontes comuns, sem manuscrito
ou enfeites (fontes fantasia).

Por qu?
Isso favorece a legibilidade das informaes.

Dicas essenciais:

MAISCULAS SOMENTE QUANDO

NECESSRIO, POIS TORNA-SE DIFCIL DE
LER EM PARGRAFOS MUITO LONGOS.
Maisculas somente quando necessrio, pois tornase difcil de ler em pargrafos muito longos.

Por qu?
Isso favorece a legibilidade das informaes.

Dicas essenciais:

Use uma cor de fonte que contrasta com o

fundo;
Evite fundo escuro, mesmo com letras claras;
pois cansa a vista;
Ocasionalmente, use cores diferentes para
enfatizar um ponto.
Por qu?
Isso favorece a legibilidade e compreenso das informaes e
mensagens.

Dicas essenciais:

Use grficos: so mais fceis de serem

compreendidos;

Sempre coloque ttulo em seus grficos, imagens...;

Sempre coloque referncias de onde vieram os
grficos, imagens, textos...

Por qu?
Isso favorece a legibilidade, compreenso das informaes e
mensagens e demonstra a seriedade do trabalho de pesquisa do
professor/apresentador.

www.zeroarts.com.br

Para melhorar o design das suas apresentaes...

Os

4 princpios bsicos do Design:

1.Proximidade
2. Alinhamento
3. Repetio
4. Contraste

1.Proximidade
Tudo o Que
Vai Volta

Tudo o Que
Vai Volta
Lies para viajar
de carona pelo pas

Lies para viajar de

carona pelo pas
Robin Willians
1 de Janeiro de 2001

Robin Willians
1 de Janeiro de 2001

(WILLIANS, 1997)

2. Alinhamento
Tudo o Que
Vai Volta
Lies para viajar de
carona pelo pas

Robin Willians
1 de Janeiro de 2001

(WILLIANS, 1997)

3. Repetio
Tudo o Que
Vai Volta
Lies para viajar de
carona pelo pas

Robin Willians

(WILLIANS, 1997)

4.Contraste
Tudo o Que
Vai Volta
Lies
para
viajar
de
carona
pelo
pas

Robin Willians
(WILLIANS, 1997)

A importncia
da Tipologia!

ENTRE CLICS - Comunicao, Marketing e Variedades entreclics.blogspot.com

Tipologia
A combinao de fontes diferentes visa aperfeioar a comunicao, porm, algumas vezes esta
combinao pode confundi-la. Tome cuidado ao utilizar vrios tipos de fontes, crie sempre um
contraste para melhorar o entendimento.

Estrutura
Serifas

Serifado

Contraste grosso-fino

No h serifas

Sem Serifa

No h contraste grosso-fino nos traos

Categorias: Moderno, Manuscrito, Decorativo, Estilo Antigo.

Pesos:
Ode

Ode

Ode

Ode

Ode

Ode

Ode

Ode

Ode

Dica importante: nunca coloque duas

fontes de mesma categoria na mesma
pgina. No h como disfarar suas
similaridades. Alm disso, existem tantas
opes! Por que dificultar as coisas?
(WILLIANS, 1997)

Nunca utilize mais do que 2 fontes de categorias diferentes!

A no ser que seja proposital...

Girar, inclinar, inverter e etc, muitas vezes podem ser uma boa
maneira de enfatizar e contrastar uma parte de seu texto,
mas devem ser usados com cautela.

O tipo inclinado para

cima cria uma energia
positiva.

newsletter

Ttulo longo nas duas colunas

Nononononono
nonononononono
nonononononono
nonononononono
nonononononono
nonononononono
nonononononono
nonononononono
nonononononono
nonono.
Subttulo
nononononon
ononononononon
onononoonnonon
onononononono.

Nonononononono
nonononononono
nonononononono
nonononononono
nonononononono
nonononono.
Nonononono
nonononononono
nonononononono
nonononononono
nonononononono
nonononononono
nonononono..

s vezes um
redirecionamento
marcante do tipo
cria um impacto
dramtico ou um
formato nico, o
que justifica
plenamente seu
uso.

Segundo Ttulo interessante

(WILLIANS, 1997)

Comic Sans? NEVER!

fonte | Sem Censura wp.clicrbs.com.br

Sobre o uso de
cores...

A Cor...

1. impressiona a retina;
2. provoca uma reao;
3. constri uma linguagem prpria.

Histria das Cores

Desde que os primeiros homens comearam a

usar as cores como forma de magia para
atrair, atravs de seus poderes, a to
preciosa caa, as cores passaram a ter um
papel cada vez mais fundamental e
simblico em todas as culturas do mundo.

Texto creditado a diversos autores, que pode ser lido em: http://tecnica-vistoria.com.br/site/index.php?id=historia_cores

VERMELHO
O vermelho uma cor mgica em muitas
culturas, representa o sangue, a essncia da
vida. Ervas eram amarradas com uma fita
vermelha e esta era, por sua vez, amarrada
em volta da cabea para aliviar a dor da
enxaqueca. No Japo, crianas com
catapora so mantidas em um quarto
totalmente vermelho, vestidas com roupas
vermelhas para apressar o processo de
cura. Os ingleses usavam lenos vermelhos
no pescoo para afastar os espritos que
causavam o resfriado. tambm um sinal
de dio e de energia que deu errado e
resultou em crueldade - tornou-se ento o
smbolo de Sat.

E mais:
Guerra, sangue, perigo, vida, fogo,
mulher, conquista, masculinidade,
paixo, fora, energia, movimento,
violncia, excitao, emoo, ao, etc.
uma cor muito atrativa.
Rosas vermelhas simbolizam o amor.

http://tecnica-vistoria.com.br/site/index.php?id=historia_cores

LARANJA

As laranjeiras fornecem uma

generosa colheita ano aps
ano e, tanto nas culturas
ocidentais como orientais,
suas flores so usadas pelas
noivas como um smbolo de
fertilidade.
E mais:
Outono, pr-do-sol, calor, luz, raios, robustez,
euforia, alegria, apetite, prazer, senso de humor
e etc.
Muito usada em embalagens de alimentos.
http://tecnica-vistoria.com.br/site/index.php?id=historia_cores

AMARELO
Os corpos dos aborgines australianos
so pintados com ocre amarelo nas
cerimnias funerrias. Na China os
magos escrevem seus feitios em papel
amarelo para aumentar sua potncia, e os
antigos imperadores do pas tinham
"direitos exclusivos" ao uso do amarelo.
Na Idade Mdia tanto Judas como o
Diabo eram representados vestidos de
amarelo. Sendo o amarelo-ouro o smbolo
do Sol, significando o poder e a bondade
de Deus, a aurola dos santos dourada
para mostrar a luz da vida eterna.

E mais:
Ouro, sol, calor, palha, luz,
vero, conforto, idealismo,
espontaneidade, euforia,
alegria, expectativa, etc.

http://tecnica-vistoria.com.br/site/index.php?id=historia_cores

VERDE
Devido ao seu uso nas cerimnias
pags, o verde foi banido pelos
primeiros cristos. Na Irlanda o verde
associado s fadas e acredita-se que
pode dar azar devido a esta ligao. O
verde muito usado nos hospitais com
base na crena de que esta cor ajuda o
processo de recuperao da sade.
Para os muulmanos, o verde sagrado
e simboliza a imortalidade. Buda, muitas
vezes, pintado frente a um fundo
verde para denotar a vida eterna atrs
de todas as encarnaes temporrias
do homem.

E mais:
Natureza, floresta, folhas, mar, vida, bem-estar,
tranquilidade, segurana, liberdade, juventude,
firmeza, coragem, esperana etc.
Dependendo da tonalidade o verde pode estar
associado energia. Ex: guaran (caso do
Guaran Antrtica), etc.

http://tecnica-vistoria.com.br/site/index.php?id=historia_cores

AZUL
O Deus dos Judeus ordenou aos
israelitas que usassem um barrado
azul em suas roupas. O deus hindu,
Vishnu, era azul. a cor das roupas
de Nossa Senhora. Na Esccia as
pessoas usam roupas azuis para
restaurar a circulao. No norte da
Europa, por volta de 1600, um pano
azul era usado no pescoo para
evitar doenas. Culturas asiticas
acreditam que vestir ou carregar algo
azul afasta o mau olhado.

E mais:
Cu, frio, mar, tranquilidade, espao,
fantasia, infinito, afeto e serenidade.
Dependendo da tonalidade, sobriedade,
serenidade e credibilidade.
http://tecnica-vistoria.com.br/site/index.php?id=historia_cores

VIOLETA / ROXO
um tom especialmente sagrado para
as culturas romanas e egpcias nas
figuras de Jpiter e Osris. Associa-se
s
dimenses
sagradas,
justia,
diligncia,
nobreza
de
esprito,
pensamento religioso, idade avanada e
inspirao. Na igreja catlica usado
pelos
sacerdotes
para
transmitir
santidade e humildade. Como era uma
cor cara de se produzir, tornou-se um
smbolo da realeza, e portanto era
evitada pelos primeiros cristos. Na
China o violeta simboliza a morte e a
cor das vivas.

E mais:
F, penitncia, sonho, mistrio, dignidade,
egosmo, grandeza, espiritualismo,
sexualidade etc.
http://tecnica-vistoria.com.br/site/index.php?id=historia_cores

MARROM

Nas culturas orientais acredita-se

que o marrom incorpore toda a
fora natural do elemento terra. A
fora vital do nosso planeta. Na
Idade Mdia era a cor designada
aos camponeses, e portanto
associada humildade.
E mais:
Chocolate, caf, frio, melancolia,
sensualidade e tambm certo desconforto.
Se combinada com o dourado, o creme, o
bege ou o vinho, pode demonstrar elegncia
e requinte.
http://tecnica-vistoria.com.br/site/index.php?id=historia_cores

BRANCO
Pitgoras, o filsofo grego,
acreditava que a cor branca
continha, alm de todas as
outras cores, todos os sons.
Muitos dos antigos templos e
das atuais igrejas so brancas.
As
tradies
nipnicas
consideram o branco a cor do
luto. Para denotar inocncia
virginal,
lrios
brancos
apareciam nas pinturas da
Anunciao.

E mais: Paz, pureza, batismo, casamento,

hospital, neve, frio, palidez, vulnerabilidade,
dignidade, divindade, harmonia, inocncia
etc.

http://tecnica-vistoria.com.br/site/index.php?id=historia_cores

CINZA
Na Idade Mdia, Cristo representado por
muitos artistas por um manto cinzento nas
cenas que se referem ao dia de Juzo Final. A
cor Cinza tambm associa-se ao sentimento
fnebre, dos pedaos carbonizados que
sobram de tudo aquilo que consumido pelo
fogo, no costume de certos povos de queimar
os corpos ou objetos de seus entes perdidos.
Essa cor est associada, materialmente,
ratos, p e neblina e, afetivamente, sabedoria,
passado, tristeza, aborrecimento. No entanto,
nos induz s sensaes de estabilidade,
generosidade, grandes dotes organizativos,
dotes
humanitrios,
isolamento,
independncia.
http://tecnica-vistoria.com.br/site/index.php?id=historia_cores

PRETO
Na Grcia antiga, o preto simbolizava
a vida porque o dia nascia da
escurido. Em Madagascar uma
pedra negra colocada em cada um
dos quatro pontos cardeais, sobre o
tmulo, para representar a fora da
morte. J para os antigos egpcios a
negra lama do Nilo representava um
renascer e os gatos pretos eram
considerados duplamente sagrados.
Na Roma antiga sacrificavam-se bois
pretos para satisfazerem os deuses
das profundezas.

E mais:
Medo, morte, maldio, pessimismo,
negao, tristeza, opresso, dor etc.
Na publicidade, o preto esta associado
nobreza e seriedade.
Na moda o preto associado elegncia.

http://tecnica-vistoria.com.br/site/index.php?id=historia_cores

Leitura Imprescindvel

Softwares

Alguns exemplos

Clestin Freinet

Educador Escolanovista nasceu em Gars, povoado

na regio da Provence, sul da Frana.

* 15 de outubro de 1896
8 de outubro de 1966

[...] foi um pedagogo anarquista

francs, uma importante referncia
da pedagogia de sua poca, cujas
propostas continuam tendo grande
ressonncia na educao dos dias
atuais.
(CLESTIN FREINET, 2015)
Leia aqui: http://pt.wikipedia.org/wiki/Freinet

Clestin Freinet Biografia - http://youtu.be/ZQfZxsE1Q9E

Finalizando...

Para formao!
CURSOS DE ESPECIALIZAO (Ps-graduao lato sensu)
Especializao em Design Instrucional para Midia Digital
pela Universidade Federal de Santa Catarina
Carga horria: 360 horas
Especializao em Design Instrucional
pelo Senac So Paulo
Carga horria: 370 horas

Especializao em Design Instrucional para EaD Virtual: Tecnologias, Tcnicas e

Metodologia
pela Universidade Federal de Itajub / Universidade Aberta do Brasil

CURSOS LIVRES
Curso On-Line do Livro Design Instrucional na Prtica
pela Pearson Education
Curso livre TPDI Teoria e Prtica do Design Instrucional
pela Livre Docncia : http://www.livredocencia.com/

Curso livre Fundamentos do Design Instrucional para EAD

pela X-Orion

Sugesto de Leitura:

Willians, Robin. Design para quem no

designer. 7 edio, So Paulo: Callis. 1995.

REFERNCIAS:

FREITAS. Karina de Martins. Psicodinmica das cores em comunicao.

NUCOM Ncleo de Comunicao. Ano 4, n 12. ISCA Faculdades, Limeira: SP,
2007

NETO, Antonio Simo. HESKETH Camile Gonalves. Didtica e design

instrucional. Curitiba, PR: IESDE, 2009.

TCNICA VISTORIAS. Histria das Cores. Disponvel em:

http://www.webtelas.xpg.com.br/historia_cor.htm. Acesso em: 02 agosto 2011.

WILLIANS, Robin. Design para quem no designer. 7 edio, So Paulo:

Callis. 1995.

As referncias devem, preferencialmente, seguir as

normas da ABNT, exceto para o tamanho da fonte.

Dicas essenciais:

No se esquea de encerrar a
apresentao.