Infografias em contexto educativo

AplicaTIC | Workshop realizado no âmbito da oferta formativa de curta duração Gratuita e Certificada @ ESE Santarém

1. Infografias em contexto educativo
Ana Loureiro
22 de fevereiro de 2017
Workshop no âmbito da oferta
formativa de curta duração
Gratuita e Certificada @:

2. Objetivos:

●Perceber a importância das infografias no contexto educativo;
●Conhecer as potencialidades da ferramenta web based Piktochart;
●Explorar a ferramenta para a construção de infografias.

[https://piktochart.com/]

3. Introdução ao estudo e
desenho de Infografias


| Ana Loureiro |
@ ESE IPSantarém

4. um recurso gráfico ou visual para apresentação, de
forma clara e intuitiva, de informações ou dados
complexos; contendo imagens | gráficos e textos,
incluindo dados estatísticos.
uma Infografia é...
Ana Loureiro | ESE IPSantarém

5. realizada de forma criativa permitindo,
assim, que o público compreenda
facilmente a mensagem ou a história
que se apresenta.
uma Infografia é...
Ana Loureiro | ESE IPSantarém

6. → Pensar num ideia
→ Fazer um esboço
→ Definir um esquema de cores
→ Escolher gráficos apelativos e adequados ao tema
→ Pesquisar em diversas fontes
→ Fornecer factos e conclusões
→ Editar, editar, editar...

criar uma Infografia… em passos7
Ana Loureiro | ESE IPSantarém

7. diferentes tipos de Infografias
❖Estatístico - apresenta um resumo ou visão geral dos dados através de um ou mais gráficos,
tabelas ou listas.
❖Cronológico (time-oriented) - mostra a evolução de um determinado assunto ao longo do
tempo.
❖Processo - demonstra um processo linear ou de ramificação, ensina o funcionamento de um
objeto ou fluxograma exibindo escolhas num processo de decisão.
❖Informativo - resume um tópico mas inclui informação adicional. Similar a um cartaz.
❖Geográfico - exibe dados com recurso a um mapa de localização.
Ana Loureiro | ESE IPSantarém

8. Ana Loureiro | ESE IPSantarém

9. diferentes tipos de Infografias
❖Comparativo - ilustra as similaridades ou diferenças de um determinado tema.
❖Hierárquico - apresenta um gráfico com níveis.
❖Baseado na Pesquisa - semelhante ao infográfico estatístico, mas com base na pesquisa.
“Compares unlike items with popular sets of data”.
❖Nuvem de Palavras - exibe um conjunto de palavras para demonstrar associações entre
termos e conceitos.
❖Interactivo - permite, por parte dos utilizadores, o controle para modificar o infográfico e é
web-based.
Ana Loureiro | ESE IPSantarém

10. Ana Loureiro | ESE IPSantarém

11. Infografia… bom e mau design
Aa
Layout
estabelecer um sentido de ordem e equilíbrio ajuda a
guiar o olhar pela informação, permitindo uma melhor
assimilação dos conteúdos
Tipografia
fontes de estilo similar e com proporções adequadas
tornam a infografia organizada e de fácil leitura
Cor
o contraste entre o fundo e o conteúdo ajudam
ao destaque e à leitura da informação
Ana Loureiro | ESE IPSantarém

12. Infografia… design
Esquema de Cores
A melhor forma de escolher um bom esquema de cores é
analisando outros infográficos para a inspiração.

Se gostamos de uma determinada cor, podemos (por
exemplo) usar o COLOURlovers para encontrar um esquemas
de cores que combine com essa tonalidade.
Ana Loureiro | ESE IPSantarém

13. Infografia… design
Tipografia
Não utilizar tipos de letra muito diversificados. Dois a três
costumam ser suficientes.
Escolha ou com serifa ou sem serifa, para manter a
consistência.

A Urban Fonts oferece-nos tipos de letra e dingbats
gratuitos.
Ana Loureiro | ESE IPSantarém
Aa

14. Infografia… design
Ana Loureiro | ESE IPSantarém

15. Como criar uma
infografia usando o
Piktochart
>
Ana Loureiro | ESE IPSantarém

16. -https://infographics4all.wordpress.com
-http://www.infographicsarchive.com/

+info +
+ferramentas +
-https://magic.piktochart.com/
-https://www.easel.ly/
-http://vizualize.me/
-https://venngage.com/
Ana Loureiro | ESE IPSantarém