design educacional
TRANSCRIPT
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 1/71
Design Educacional:montagem de slides para aulas e palestras
www.renatasbrogio.com.br
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 2/71
JUSTIFICATIVA:
Educadores e alunos de educação básica esuperior, em geral, utilizam slides para suaprática profissional e educacional comregularidade e precisam conhecer astécnicas do design educacional para
melhorar a estética, legibilidade e eficáciados seus materiais de trabalho.
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 3/71
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 4/71
Todo o conteúdo do curso está disponível no meu blog:www.renatasbrogio.pro.br
Na aba apostilas:
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 5/71
O que é Design?Pra que serve o Design?Quem faz Design?
Krzysztof (Kriss) Szkurlatowski
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 6/71
O que é Design?
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 7/71
Pra que serve o Design?
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 8/71
Quem faz Design?
c r o o v e . c
o m . b
r
D e s
i g n e r
! ! !
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 9/71
Design InstrucionalX
Design Educacional
Krzysztof (Kriss) Szkurlatowski
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 10/71
Podemos destacar “três pontosessenciais do design instrucional: ocomprometimento com a melhoria daaprendizagem, a atenção para asnecessidades do aluno e o designde recursos de apoio e incentivo àaprendizagem ativa. ”
(NETO, 2009, p. 64)
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 11/71
• Atingir os objetivos pedagógicos;•
Elaborar material interativo e objetivo;• Ser agradável e prazeroso para os aprendizese• Oferecer eficiência também no custo-benefício.
Metas do Designer Instrucional:
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 12/71
Erros comuns:
Esticar imagens e letras
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 13/71
Erros comuns:
Esticar imagens e letras
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 14/71
Erros comuns:
Colocar o texto sobre foto/imagem
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 15/71
Erros comuns:
Colocar o texto sobre foto/imagem
Para começar, ele só tinha um olho, eno lugar onde deveria estar o outroolho, havia um buraco fundo.Ele também havia perdido a orelha domesmo lado, e seu pé esquerdo
parecia ter sido quebrado gravementeno passado.O osso curara num ângulo estranho,fazendo com que ele sempreparecesse estar virando a esquina...Feio havia perdido a cauda há muitotempo, e restava apenas um toco decauda grosso, que ele sempre girava etorcia.
Todos que viam Feio
tinham a mesma impressão:
“Mas que gato feio!”
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 16/71
Erros comuns:
Excesso de elementos (poluição visual)
Fonte:http://slideplayer.com/slide/4521942/
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 17/71
Erros comuns:“de”efeitos visuais
Fonte: http://pt.slideshare.net/1950/mamiferos-mais-feios-do-planeta-279923
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 18/71
Erros comuns:
Movimentos, sons e gifs animados
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 19/71
Erros comuns:
Usar Comic Sans
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 20/71
Cruzes!!! O que fazer, então?
Krzysztof (Kriss) Szkurlatowski
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 21/71
• Preferencialmente, utilize o texto em forma detópicos, não mais do que 5 em cada slide;
• Aproveite os tópicos com palavras-chave.
Por quê?Isso previne a leitura prévia pelo aluno e favorece que se mantenhao foco no professor.
Dicas essenciais:
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 22/71
• Não use animações distrativas;• Não ultrapasse as margens com a animação,nem com o texto;•
Seja consistente com a imagem que você usae não coloque texto sobre a imagem;• Não distorça imagens nem textos.
Por quê?Isso favorece a atenção na apresentação, a leitura e compreensãodas mensagens.
Dicas essenciais:
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 23/71
• Use pelo menos uma fonte de20 pontos de tamanho(mas isso vai variar de acordo com a fonte escolhida);
• Use fontes de tamanhos diferentes para pontosprincipais e pontos secundários ;• Use, preferencialmente,fontes comuns , sem manuscritoou enfeites (fontes fantasia).
Por quê?Isso favorece a legibilidade das informações.
Dicas essenciais:
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 24/71
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 25/71
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 26/71
MAIÚSCULAS SOMENTE QUANDONECESSÁRIO, POIS TORNA-SE DIFÍCIL DLER EM PARÁGRAFOS MUITO LONGOS
Maiúsculas somente quando necessário, pois torna-se difícil de ler em parágrafos muito longos.
Por quê?Isso favorece a legibilidade das informações.
Dicas essenciais:
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 27/71
•
Use uma cor de fonte que contrasta com ofundo;
• Evite fundo escuro, mesmo com letras claras;pois cansa a vista;• Ocasionalmente, use cores diferentes paraenfatizar umponto.
Por quê?Isso favorece a legibilidade e compreensão das informações emensagens.
Dicas essenciais:
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 28/71
•
Use gráficos: são mais fáceis de seremcompreendidos;
• Sempre coloque título em seus gráficos, imagens...;
• Sempre coloque referências de onde vieram osgráficos, imagens, textos...
Por quê?Isso favorece a legibilidade, compreensão das informações emensagens e demonstra a seriedade do trabalho de pesquisa doprofessor/apresentador.
Dicas essenciais:
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 29/71
w w w . z e
r o a r t s . c o m . b
r
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 30/71
Os 4 princípios básicos do Design:
1.Proximidade2. Alinhamento3. Repetição4. Contraste
Para melhorar o design das suas apresentações...
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 31/71
1.Proximidade
Tudo o QueVai VoltaLições para viajar
de carona pelo país
Robin Willians1º de Janeiro de 2001
Tudo o Que
Vai Volta
Lições para viajar de
carona pelo país
Robin Willians
1º de Janeiro de 2001
(WILLIANS, 1997)
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 32/71
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 33/71
2. Alinhamento
Tudo o QueVai Volta
Lições para viajar decarona pelo país
Robin Willians1º de Janeiro de 2001
(WILLIANS, 1997)
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 34/71
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 35/71
3. Repetição
Tudo o QueVai VoltaLições para viajar decarona pelo país
Robin Willians
(WILLIANS, 1997)
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 36/71
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 37/71
4.Contraste
Robin Willians
Tudo o QueVai Volta
Lições
paraviajarde
carona pelo país
(WILLIANS, 1997)
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 38/71
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 39/71
A importância
da Tipologia!
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 40/71
ENTRE CLICS - Comunicação, Marketing e Variedadesentreclics.blogspot.com
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 41/71
A combinação de fontes diferentes visa aperfeiçoar a comunicação, porém, algumas vezes estacombinação pode confundi-la.Tome cuidado ao utilizar vários tipos de fontes, crie sempre um
contraste para melhorar o entendimento.
Tipologia
Categorias: Moderno, Manuscrito, Decorativo, Estilo Antigo.
Ode Ode Ode
Ode Ode Ode
Ode Ode de
Dica importante: nunca coloque duasfontes de mesma categoria na mesmapágina . Não há como disfarçar suassimilaridades. Além disso, existem tantasopções! Por que dificultar as coisas?
Serifado
Serifas
Contraste grosso-fino Sem SerifaNão há serifas
Não há contraste grosso-fino nos traços
Estrutura
Pesos:
(WILLIANS, 1997)
Nunca utilize mais do que 2 fontes de categorias diferentes!
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 42/71
Nunca utilize mais do que 2 fontes de categorias diferentes!A não ser que seja proposital...
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 43/71
O tipo inclinado paracima cria uma energiapositiva.
Girar, inclinar, inverter e etc, muitas vezes podem ser uma boamaneira de enfatizar e contrastar uma parte de seu texto,
mas devem ser usados com cautela.
Título longo nas duas colunas
Nonononononononononononononononononononononononononononononononononononononononononononononononononononononononononononononononono.
Subtítulo
nonononononononononononononononoonnonononononononono.
n e w s
l e t t e r
Nononononononononononononononononononononononononononononononononononononononono.
Nonononononononononononononononononononononononononononononononononononononononononononono..
Segundo Título interessante
Ás vezes umredirecionamentomarcante do tipocria um impacto
dramático ou umformato único, oque justificaplenamente seuuso.
(WILLIANS, 1997)
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 44/71
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 45/71
Comic Sans? NEVER!
fonte | Sem Censura wp.clicrbs.com.br
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 46/71
Sobre o uso decores...
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 47/71
A Cor...1. impressiona a retina;2. provoca uma reação;3. constrói uma linguagem própria.
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 48/71
História das Cores
“Desde que os primeiros homens começaram ausar as cores como forma de magia paraatrair, através de seus poderes, a tãopreciosa caça, as cores passaram a ter umpapel cada vez mais fundamental esimbólico 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
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 49/71
VERMELHOO vermelho é uma cor mágica em muitasculturas, representa o sangue, a essência davida. Ervas eram amarradas com uma fita
vermelha e esta era, por sua vez, amarradaem volta da cabeça para aliviar a dor daenxaqueca. No Japão, crianças comcatapora são mantidas em um quartototalmente vermelho, vestidas com roupasvermelhas para apressar o processo decura. Os ingleses usavam lenços vermelhosno pescoço para afastar os espíritos quecausavam o resfriado. É também um sinalde ódio e de energia que deu errado eresultou em crueldade - tornou-se então osímbolo de Satã.
E mais:Guerra, sangue, perigo, vida, fogo,mulher, conquista, masculinidade,paixão, força, energia, movimento,
violência, excitação, emoção, ação, etc.É uma cor muito atrativa.
Rosas vermelhas simbolizam o amor.
http://tecnica-vistoria.com.br/site/index.php?id=historia_cores
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 50/71
LARANJA
As laranjeiras fornecem umagenerosa colheita ano apósano e, tanto nas culturasocidentais como orientais,suas flores são usadas pelasnoivas como um símbolo defertilidade.
E mais:Outono, pôr-do-sol, calor, luz, raios, robustez,
euforia, alegria, apetite, prazer, senso de humore etc.
Muito usada em embalagens de alimentos.
http://tecnica-vistoria.com.br/site/index.php?id=historia_cores
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 51/71
AMARELOOs corpos dos aborígines australianossão pintados com ocre amarelo nascerimônias funerárias. Na China osmagos escrevem seus feitiços em papelamarelo para aumentar sua potência, e osantigos imperadores do país tinham"direitos exclusivos" ao uso do amarelo.Na Idade Média tanto Judas como oDiabo eram representados vestidos deamarelo. Sendo o amarelo-ouro o símbolodo Sol, significando o poder e a bondadede Deus, a auréola dos santos é douradapara mostrar a luz da vida eterna .
E mais:Ouro, sol, calor, palha, luz,verão, conforto, idealismo,
espontaneidade, euforia,alegria, expectativa, etc.
http://tecnica-vistoria.com.br/site/index.php?id=historia_cores
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 52/71
VERDEDevido ao seu uso nas cerimôniaspagãs, o verde foi banido pelosprimeiros cristãos. Na Irlanda o verde éassociado às fadas e acredita-se quepode dar azar devido a esta ligação. Overde é muito usado nos hospitais combase na crença de que esta cor ajuda oprocesso de recuperação da saúde.Para os muçulmanos, o verde é sagradoe simboliza a imortalidade. Buda, muitasvezes, é pintado frente a um fundoverde para denotar a vida eterna atrásde todas as encarnações temporárias
do homem.
E mais:Natureza, floresta, folhas, mar, vida, bem-estar,tranquilidade, segurança, liberdade, juventude,
firmeza, coragem, esperança etc.Dependendo da tonalidade o verde pode estar
associado à energia. Ex: guaraná (caso doGuaraná Antártica), etc.
http://tecnica-vistoria.com.br/site/index.php?id=historia_cores
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 53/71
AZUL
O Deus dos Judeus ordenou aosisraelitas que usassem um barrado
azul em suas roupas. O deus hindu,Vishnu, era azul. É a cor das roupasde Nossa Senhora. Na Escócia aspessoas usam roupas azuis pararestaurar a circulação. No norte daEuropa, por volta de 1600, um panoazul era usado no pescoço paraevitar doenças. Culturas asiáticasacreditam que vestir ou carregar algoazul afasta o mau olhado .
E mais:Céu, frio, mar, tranquilidade, espaço,fantasia, infinito, afeto e serenidade.
Dependendo da tonalidade, sobriedade,serenidade e credibilidade.
http://tecnica-vistoria.com.br/site/index.php?id=historia_cores
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 54/71
VIOLETA / ROXO
É um tom especialmente sagrado paraas culturas romanas e egípcias nasfiguras de Júpiter e Osíris. Associa-seàs dimensões sagradas, justiça,diligência, nobreza de espírito, pensamento religioso, idade avançada einspiração. Na igreja católica é usadopelos sacerdotes para transmitir
santidade e humildade. Como era umacor cara de se produzir, tornou-se umsímbolo da realeza, e portanto eraevitada pelos primeiros cristãos. NaChina o violeta simboliza a morte e é acor das viúvas.
E mais:Fé, penitência, sonho, mistério, dignidade,
egoísmo, grandeza, espiritualismo,sexualidade etc.
http://tecnica-vistoria.com.br/site/index.php?id=historia_cores
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 55/71
MARROM
Nas culturas orientais acredita-seque o marrom incorpore toda aforça natural do elemento terra. Aforça vital do nosso planeta. NaIdade Média era a cor designadaaos camponeses , e portanto éassociada à humildade.
E mais:Chocolate, café, frio, melancolia,
sensualidade e também certo desconforto.Se combinada com o dourado, o creme, o
bege ou o vinho, pode demonstrar elegânciae requinte.
http://tecnica-vistoria.com.br/site/index.php?id=historia_cores
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 56/71
BRANCO
Pitágoras, o filósofo grego,acreditava que a cor brancacontinha, além de todas asoutras cores , todos os sons .Muitos dos antigos templos edas atuais igrejas são brancas.
As tradições nipônicas
consideram o branco a cor doluto. Para denotar inocênciavirginal, lírios brancosapareciam nas pinturas da
Anunciação.
E mais: Paz, pureza, batismo, casamento,hospital, neve, frio, palidez, vulnerabilidade,
dignidade, divindade, harmonia, inocênciaetc.
http://tecnica-vistoria.com.br/site/index.php?id=historia_cores
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 57/71
CINZA
Na Idade Média, Cristo é representado pormuitos artistas por um manto cinzento nascenas que se referem ao dia de Juízo Final. Acor Cinza também associa-se ao sentimentofúnebre, dos pedaços carbonizados quesobram de tudo aquilo que é consumido pelofogo, no costume de certos povos de queimaros 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 sensações de estabilidade,generosidade, grandes dotes organizativos,dotes humanitários, isolamento,independência.
http://tecnica-vistoria.com.br/site/index.php?id=historia_cores
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 58/71
PRETO
Na Grécia antiga, o preto simbolizavaa vida porque o dia nascia daescuridão. Em Madagascar uma
pedra negra é colocada em cada umdos quatro pontos cardeais, sobre otúmulo, para representar a força damorte. Já para os antigos egípcios anegra lama do Nilo representava umrenascer e os gatos pretos eramconsiderados duplamente sagrados.Na Roma antiga sacrificavam-se boispretos para satisfazerem os deusesdas profundezas.
E mais:Medo, morte, maldição, pessimismo,negação, tristeza, opressão, dor etc.
Na publicidade, o preto esta associado ànobreza e seriedade.
Na moda o preto é associado à elegância.
http://tecnica-vistoria.com.br/site/index.php?id=historia_cores
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 59/71
Leitura Imprescindível
S f
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 60/71
Softwares
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 61/71
Alguns exemplos
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 62/71
Educador Escolanovista nasceu em Gars, povoadona região da Provence, sul da França.
Célestin Freinet * 15 de outubro de 1896† 8 de outubro de 1966
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 63/71
[...] foi um pedagogo anarquistafrancês, uma importante referênciada pedagogia de sua época, cujas
propostas continuam tendo granderessonância na educação dos diasatuais. ”
Leia aqui:http://pt.wikipedia.org/wiki/Freinet
(CÉLESTIN FREINET, 2015)
“
Cél i F i Bi fi h // b /ZQfZ E1Q9E
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 64/71
Célestin Freinet Biografia -http://youtu.be/ZQfZxsE1Q9E
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 65/71
Finalizando...
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 66/71
Para formação!
•
CURSOS DE ESPECIALIZAÇÃO (Pós-graduação lato sensu)
Especialização em Design Instrucional para Midia Digitalpela Universidade Federal de Santa CatarinaCarga horária: 360 horas
Especialização em Design Instrucional pelo Senac São PauloCarga horária: 370 horas
Especialização em Design Instrucional para EaD Virtual: Tecnologias, Técnicas eMetodologiapela Universidade Federal de Itajubá / Universidade Aberta do Brasil
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 67/71
CURSOS LIVRES
Curso On-Line do Livro Design Instrucional na Prática pela Pearson Education
Curso livre TPDI—
Teoria e Prática do Design Instrucional pela Livre Docência :http://www.livredocencia.com/
Curso livre Fundamentos do Design Instrucional para EAD pela X-Orion
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 68/71
Sugestão de Leitura:
Willians, Robin. Design para quem não édesigner . 7ª edição, São Paulo: Callis. 1995.
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 69/71
REFERÊNCIAS:
• FREITAS. Karina de Martins.Psicodinâmica das cores em comunicação.
NUCOM– Núcleo de Comunicação. Ano 4, nº 12. ISCA Faculdades, Limeira: SP,2007
• NETO, Antonio Simão. HESKETH Camile Gonçalves.Didática e designinstrucional. Curitiba, PR: IESDE, 2009.
•
TÉCNICA VISTORIAS. História das Cores. Disponível em:http://www.webtelas.xpg.com.br/historia_cor.htm. Acesso em: 02 agosto 2011.
• WILLIANS, Robin.Design para quem não é designer . 7ª edição, São Paulo:Callis. 1995.
As referências devem, preferencialmente, seguir asnormas da ABNT, exceto para o tamanho da fonte.
Di i i
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 70/71
Não se esqueça de encerrar aapresentação .
Dicas essenciais:
8/16/2019 Design Educacional
http://slidepdf.com/reader/full/design-educacional 71/71