Design Educacional

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



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.



Todo o conteúdo do curso está disponível 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?



Quem faz Design?

c r o o v e . c

o m . b

r

D e s

i g n e r

! ! !



Design InstrucionalX

Design Educacional




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)



• 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:



Erros comuns:

Esticar imagens e letras



Erros comuns:

Colocar o texto sobre foto/imagem



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!”



Erros comuns:

Excesso de elementos (poluição visual)

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



Erros comuns:“de”efeitos 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, então?




• 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:



• 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:



• 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:



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:



•

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:



•

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:



w w w . z e

r o a r t s . c o m . b

r

http://www.zeroarts.com.br/portfolio/producao-multimidia/infografico/infografico-para-pesquisa-do-nucleo-web-da-acib






















Os 4 princípios básicos do Design:

1.Proximidade2. Alinhamento3. Repetição4. Contraste

Para melhorar o design das suas apresentações...



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)



2. Alinhamento

Tudo o QueVai Volta

Lições para viajar decarona pelo país

Robin Willians1º de Janeiro de 2001

(WILLIANS, 1997)



3. Repetição

Tudo o QueVai VoltaLições para viajar decarona pelo país

Robin Willians

(WILLIANS, 1997)



4.Contraste

Robin Willians

Tudo o QueVai Volta

Lições

paraviajarde

carona pelo país

(WILLIANS, 1997)



A importância

da Tipologia!



ENTRE CLICS - Comunicação, Marketing e Variedadesentreclics.blogspot.com

http://entreclics.blogspot.com/





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!



Nunca utilize mais do que 2 fontes de categorias diferentes!A não ser que seja proposital...



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)



Comic Sans? NEVER!

fonte | Sem Censura wp.clicrbs.com.br

http://wp.clicrbs.com.br/semcensura/tag/fonte/?topo=84,2,18,,,84






Sobre o uso decores...



A Cor...1. impressiona a retina;2. provoca uma reação;3. constrói uma linguagem própria.



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

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









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.




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.




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.




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.




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.




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.




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.




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.




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.




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.




Leitura Imprescindível

S f



Softwares



Alguns exemplos



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



[...] 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

http://pt.wikipedia.org/wiki/Freinet

http://pt.wikipedia.org/wiki/Freinet

http://youtu.be/ZQfZxsE1Q9E




Célestin Freinet Biografia -http://youtu.be/ZQfZxsE1Q9E


http://localhost/var/www/apps/conversion/tmp/scratch_6/5%20Educomunic%20-%20Freinet%20%20%20Biografia.wmv




Finalizando...



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

http://wright.ava.ufsc.br/~hiperlab/?page_id=59

http://www.sp.senac.br/jsp/default.jsp?newsID=DYNAMIC,oracle.br.dataservers.CourseDataServer,selectCourse&course=6549&template=1282.dwt&unit=NONE&testeira=724

http://www.ead.unifei.edu.br/index.php?view=article&catid=40%3Auncategorize&id=65%3Adesigner-instrucional-para-ead-virtual-tecnologias-tecnicas-e-metodologia&option=com_content&Itemid=61





















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

http://www.pearson.com.br/di/

http://livredocencia.com/site/index.php?option=com_content&view=article&id=47&Itemid=58



http://www.livredocencia.com/

http://www.x-orion.com.br/wp/fundamentos-do-design-instrucional-para-ead


















Sugestão de Leitura:

Willians, Robin. Design para quem não édesigner . 7ª edição, São Paulo: Callis. 1995.



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

http://www.webtelas.xpg.com.br/historia_cor.htm

http://www.webtelas.xpg.com.br/historia_cor.htm



Não se esqueça de encerrar aapresentação .

Dicas essenciais:

Design Educacional

Documents

Transcript of Design Educacional