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

Infografias em contexto educativo

Embed Size (px)

Citation preview

Infografias em contexto educativoAna Loureiro

22 de fevereiro de 2017

Workshop no âmbito da oferta formativa de curta duração Gratuita e Certificada @:

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/]

Introdução ao estudo e desenho de Infografias

| Ana Loureiro | @ ESE IPSantarém

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

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

→ 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

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

Ana Loureiro | ESE IPSantarém

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

Ana Loureiro | ESE IPSantarém

Infografia… bom e mau design

Aa

Layoutestabelecer um sentido de ordem e equilíbrio ajuda a guiar o olhar pela informação, permitindo uma melhor assimilação dos conteúdos

Tipografiafontes de estilo similar e com proporções adequadas tornam a infografia organizada e de fácil leitura

Coro contraste entre o fundo e o conteúdo ajudam ao destaque e à leitura da informação

Ana Loureiro | ESE IPSantarém

Infografia… design

Esquema de CoresA 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

Infografia… design

TipografiaNã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

Infografia… design

Ana Loureiro | ESE IPSantarém

Como criar uma infografia usando o Piktochart

>

Ana Loureiro | ESE IPSantarém

- 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