Apresentação de uma oficina prática com o objetivo de capacitar os agentes da CVE, na produção e divulgação de conteúdos educativos, como cartazes e vídeos, por meio da ferramenta Canva.

1. Produção e
divulgação de
materiais
educacionais
Oficina Diversão Séria | 2022
Produção de materiais
educacionais e de divulgação

2. Oficina:: Produção e divulgação de materiais educacionais
conceitos e dicas
mural de ideias
uso do Canva para criação de conteúdos
criação de imagens e vídeos no canva
prática em conjunto e dúvidas
parte 1:: produção de materiais e de divulgação
parte 2:: atividade prática e dúvidas

3. parte 1:: produção de materiais
educacionais e de divulgação
1 PRINCIPAIS CONCEITOS
2 DICAS
3
CANVA.COM
4
MURAL DE IDEIAS
Oficina:: Produção e divulgação de materiais educacionais

4. Educomunicação
Ismar de Oliveira SOARES. Educomunicação: o conceito, o profissional, a aplicação. São Paulo: Paulinas Editora, 2011.

6. Passo 1:
Principais
conceitos
Materiais
educacionais
Tipos de
Conteúdos
Identidade
visual
Tamanhos
Divulgação e
redes sociais
Oficina:: Produção e divulgação de materiais educacionais

7. Público-Alvo
(para quem?)
Produção e
divulgação de
materiais
educacionais
Motivação /
Problema /
Benefício
(por que?)

8. Público-Alvo
1
Pessoa física ou jurídica
Dados geográficos
Dados demográficos
Dados comportamentais
e psicográficos
6
indivíduos, grupos
ou empresas
idade, família, ciclo de vida, sexo,
renda, ocupação, escolaridade,
religião, etnia, geração,
nacionalidade, classe social, etc.
bairro, cidade,
estado, região, país,
clima, solo, etc.
interesses, hobbies,
costumes, valores,
crenças, etc.

9. Público-Alvo
(para quem?)
Produção e
divulgação de
materiais
educacionais
Objetivo
(o que?)
conscientização,
educação,
comunicação, etc.
Motivação /
Problema /
Benefício
(por que?)
Conteúdo
(o que?)
Tipos de
Conteúdos
(como?)

10. Materiais
Textuais
cartaz, cartilha,
infográfico,
pôster
Materiais
Audiovisuais
podcast, vídeo,
videoaula
Materiais
Interativos
jogo, website
Tipos de materiais
educacionais

11. Educação
post de blog, dica,
informação,
tutorial
Inspiração
curiosidade,
história, frase,
motivacional
Entrete-
nimento
charada, meme
Promoção
webinar/evento,
serviço, produto
Diálogo
enquete,
pergunta
Conexão
foto de evento,
bastidor
Tipos de
conteúdo
para
redes
sociais
https://www.klens.com.br/blog/como-planejar-o-conteudo-para-as-redes-sociais-da-sua-empresa

12. Imagens
Áudio &
Vídeo
Cores
Conteúdo
Tamanho e
diagramação
Identidade
visual &
Padronização
Textos /
Tipografia

13. Público-Alvo
(para quem?)
Canal de
divulgação
(onde será
divulgado?)
Produção e
divulgação de
materiais
educacionais
Objetivo
(o que?)
conscientização,
educação,
comunicação, etc.
Motivação /
Problema /
Benefício
(por que?)
Tipos de
Conteúdos
(como?)
Conteúdo
(o que?)

14. Canais de
divulgação
Digital ou impresso?
Site e/ou redes sociais?
Tamanho A4

15. Tipos de
materiais e
tamanhos
https://pt.wikipedia.org/wiki/Tamanho_de_papel
Digital ou impresso?
Site e/ou redes sociais?

16. www.tecmundo.com.br/pixel/7529-pixel-o-que-voce-precisa-
saber-sobre-ele-.htm
"pixel é o menor ponto que forma uma imagem digital"

18. Canais de divulgação

19. Diferença
entre Redes
Sociais e
Mídias Digitais

20. Ação: o que
deve ser
feito pelo
público-alvo
Contexto: Quando,
Onde (presencial
ou online), Quanto,
Com quem?
Público-Alvo
(para quem?)
Canal de
divulgação
(onde será
divulgado?)
Produção e
divulgação de
materiais
educacionais
Objetivo
(o que?)
conscientização,
educação,
comunicação, etc.
Motivação /
Problema /
Benefício
(por que?)
Tipos de
Conteúdos
(como?)
Conteúdo
(o que?)

21. Ação: o que
deve ser
feito pelo
público-alvo
Contexto: Quando,
Onde (presencial
ou online), Quanto,
Com quem?
Público-Alvo
(para quem?)
Canal de
divulgação
(onde será
divulgado?)
Objetivo
(o que?)
conscientização,
educação,
comunicação, etc.
Motivação /
Problema /
Benefício
(por que?)
Tipos de
Conteúdos
(como?)
Conteúdo
(o que?)
cartaz
comunicação
evento de capacitação
interlocutores
ECOleish
textos, imagens/logos
online
dias, horários, online
gratuito, apoio/organização
inscrição

22. Textos /
Tipografia
Áudio &
Vídeo
Imagens
Cores
Conteúdo
Tamanho e
diagramação
Identidade
visual &
Padronização

23. Identidade visual
& Padronização
Logotipo
Slogan
Paleta de Cores
Tipografia
Boas práticas em toda parte Nunito Bold
#1e9cda #ddb585 #041da6
#041da6

24. https://www.chiefofdesign.com.br/guia-tipografia-parte-03
Tipografia
Tom de "voz" Para ver Para ler

25. GIF
PNG
Formato de imagens
https://www.pagecloud.com/blog/web-images-png-vs-jpg-vs-gif-vs-svg
JPG/JPEG: fotos simples
PNG: imagens de alta qualidade e com
transparência
GIF: animações curtas

26. Redimensionamento e
tamanho de imagens
https://www.diferenca.com/png-jpg-gif-svg-bmp-e-webp/
https://www.pagecloud.com/blog/web-images-png-vs-jpg-vs-gif-vs-svg
https://blog.filestack.com/thoughts-and-knowledge/complete-image-file-extension-list/

27. Passo 2:
Dicas
Imagens
Conteúdos
Fundo
transparente
Cores
Oficina:: Produção e divulgação de materiais educacionais
Tamanho do
arquivo

28. Planejar e
selecionar
conteúdo
(textos e
imagens*)
*sempre usar recursos gratuitos
ou atribuir os créditos

29. Como encontrar e usar imagens para sua
organização sem fins lucrativos
https://www.techsoupbrasil.org.br/node/12484
Procurar e usar
imagens com
boa qualidade

30. Windows: logotipo do Windows + Shift + S
macOS: command + Shift + 4
Linux: SHIFT + PRINT SCREEN
Capturar imagem
da tela

31. https://jpg2png.com/pt/
Converter formato
da imagem
jpg para png

32. https://www.remove.bg/pt-br/upload
Remover fundo
da imagem
transparente .png

33. https://compresspng.com/pt/ (jpeg, png, pdf)
https://tinypng.com/ (jpeg, png)
Reduzir tamanho
da imagem
arquivo
original: 207 KB
arquivo
reduzido: 52 KB

34. Analisar e
inspirar-se
em recursos
similares
https://www.instagram.com/premierpet/
https://www.instagram.com/saudeprefsp/
https://www.instagram.com/petlovebrasil/
https://www.instagram.com/covidverificado

35. Perfis que dão dicas de
produção de artes no Canva
https://www.instagram.com/renatodocanva/
https://www.instagram.com/mestredocanva/
https://www.instagram.com/templatescanva/
https://www.instagram.com/nataliacibele/
https://www.instagram.com/euaprendinainternet/

36. Usar e
adaptar
templates
prontos

37. https://www.site24x7.com/pt/tools/seletor-de-codigo-cor.html
Obter código de
cor hexadecimal

38. Equilibrar
textos,
imagens e
espaços em
branco
Aimportânciadoespaçoembranconodesign
https://www.designerd.com.br/a-importancia-do-espaco-em-branco-no-design/

39. Leiturabilidade:
reconhecimento do texto
- fatores que influenciam:
alinhamento, tamanho da
fonte, etc.
Garantir boa
legibilidade e
"leiturabilidade"
do texto
Conseguindoboalegibilidadee“leiturabilidade”naWeb
https://imasters.com.br/design-ux/conseguindo-boa-legibilidade-e-leiturabilidade-na-web
Legibilidade:
reconhecimento de glifos
individuais
- fatores que influenciam:
estilo da fonte,
cor/contraste, etc.

40. Revisar e fazer
testes

41. https://bit.ly/mural_oficina_T1
Acesse aqui
MURAL
DAS IDEIAS

42. Passo 3:
Canva.com
Templates
Conteúdos
Imagens
Cores
Oficina Diversão Séria ECOleish

43. infográfico cartaz post instagram

44. 1
2
3
4
5
6
Canva.com
Cadastro / Login
Tela inicial
Design
Templates
Barras de ferramentas
(lateral e superior)
Compartilhamento /
Download
http://portal.educacao.niteroi.rj.gov.br/pdfs/professores/Tutorial%20CANVA.pdf

45. Alterar cor
nome
#código hexadecimal das cores

46. Alterar cor
cores presentes
nas fotos

47. parte 2:: produção de materiais
educacionais e de divulgação
1 CRIAÇÃO DE IMAGENS E VÍDEOS
2 PRÁTICA
Oficina:: Produção e divulgação de materiais educacionais

48. Passo 1:
criação de
imagens e
vídeos
Cartazes
Artes para
redes sociais
Infográficos
Posts em
redes sociais
Oficina Diversão Séria ECOleish

49. https://bit.ly/ex_info
Infográfico

50. https://bit.ly/ex_insta
Post
instagram

51. Produção e
divulgação de
materiais
educacionais
Oficina Diversão Séria
Produção de vídeos

52. Youtube:
https://youtu.be/MzY8kar6UKs
Edição: https://bit.ly/ex_videocanva
Vídeo

53. Passo 2:
prática
Cartazes
Artes para
redes sociais
Infográficos
Posts em
redes sociais
Oficina Diversão Séria ECOleish

54. https://netel.ufabc.edu.br/ferramentas-qs/audiovisuais-qs
https://www.ufpb.br/proex/contents/menu/Central-de-
conteudos/manual-de-producao-de-conteudo
https://www.proplan.ufpa.br/gestaodeprocessos/images/guias/9.3-
ASCOM---Manual-de-Gerenciamento-das-Mdias-Sociais.pdf
https://cultura.rs.gov.br/upload/arquivos/carga20210326/10152656-
ebook-guia-da-producao-de-conteudo-para-as-redes-sociais.pdf
https://support.google.com/websearch/answer/29508?
hl=pt&co=GENIE.Platform%3DAndroid
Material de
Apoio

56. diversao.seria@gmail.com
linkkle.com/diversaoseriaufabc