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