Infografia

MATERIAL DE APOIO AO ESTUDO

programa
O conceito de infografia Histria: das origens ao apogeu da infografia Caractersticas e estrutura Tipologias de infografia Infografia e Jornalismo Infografia e interactividade A criao de uma infografia

gil baptista ferreira

Trabalhos prticos
1. Escolha um tema Explicao de um acontecimento ou fenmeno Explicao de um conceito Explicao de uma tecnologia Dados estatsticos Resumo de um documento Como funciona um produto Servios de uma empresa
gil baptista ferreira 3

Trabalhos prticos
2. Recolha a informao necessria Produo prpria Informao externa

gil baptista ferreira

Trabalhos prticos
3. Filtre a informao Novidade Surpreendente Relevante Comparao

gil baptista ferreira

Trabalhos prticos
4. Escolha um tipo de infografia Descritiva Explicativa Sequencial Estatstica Deciso Hierrquica
gil baptista ferreira 6

Trabalhos prticos
5. Faa um esboo Ligue os dados Escolha o tipo de imagens (fotos, montagens, ilustraes) Cores a usar Estilo dos grficos (linhas, torta, barras) Corpo do texto Ttulo que chame a ateno
gil baptista ferreira 7

Trabalhos prticos
6. Desenhe a infografia easel.ly (18/10) Infogr.am (8/11) Picktochart (29/11)

gil baptista ferreira

Trabalhos prticos

7. Publique 8. Mea resultados

gil baptista ferreira

Conceito de infografia
Uma ideia difcil de explicar apenas com texto de grande utilidade faz-lo mediante uma imagem Convenientemente apoiada em breves explicaes textuais

gil baptista ferreira

10

Conceito de infografia
Origem do conceito: infographics (information + graphics) Binmio: texto + imagem

gil baptista ferreira

11

Conceito de infografia
No so simples ilustraes: Um simples desenho que ilustre um artigo no uma infografia uma combinao de imagem e texto

gil baptista ferreira

12

O conceito de infografia
o Etimologicamente: neologismo que deriva do termo em ingls infographics, resultado da contrao de information e graphics. o O termo em ingls deu origem s palavras infogrfico e infografa, em espanhol, actividade exercida por infografos ou infografistas. o Em portugus os termos mais utilizados so infografia e infogrfico, para o objecto, e infografista para o profissional.
gil baptista ferreira 13

Conceito de infografia
Aliana entre dois tipos de linguagens: a textual e a visual Que procuram um melhor entendimento dos fenmenos Linguagem verbal: analtica, explica Linguagem visual: sinttica, viso de conjunto

gil baptista ferreira

14

Campos de aplicao da infografia

1. Manuais de instrues 2. Relatrios de actividades ou resultados 3. Manuais pedaggicos 4. Publicidade

5. jornalismo
gil baptista ferreira 15

Campos de aplicao da infografia

Jornalismo
Infografia gnero em que predomina a informao, com o que isso implica de veracidade, rigor, clareza expositiva e rapidez de leitura Tipo de jornalismo com as suas prprias regras, materiais e experincias No apenas uma ilustrao, mas um conjunto de elementos grficos e textuais cujo fim ilustrar mas tambm informar Pretende dar informao que nem sempre est contida no texto principal.

gil baptista ferreira

16

Campos de aplicao da infografia

Jornalismo
Infografias perfeitas
Aquelas que contm todos os elementos de uma notcia e so, por isso mesmo, susceptveis de se publicarem sozinhas Costumam surgir a par dos grandes acontecimentos

gil baptista ferreira

17

Campos de aplicao da infografia

Jornalismo

GNERO JORNALSTICO AUTNOMO Tm uma estrutura claramente definida (ttulo, texto, corpo, fontes e crditos) Tm uma finalidade (5wh) Tm marcas formais (repetem-se e do consistncia ao gnero) Sustenta-se (tm sentido por si prprias).

gil baptista ferreira

18

Campos de aplicao da infografia

Carcter gratuito e sem sentido das infografias
estamos a ver demasiadas infografias-lixo. As infografias devero merecer o seu lugar na pgina, dizendo aos leitores algo que no est disponvel no corpo de texto da notcia. (Rob Covey) A infografia de grande interesse quando explica um acontecimento e garante a sua compreenso, sem que seja necessria uma informao adicional Mas tambm pode tornar-se desnecessria quando no d nada de novo e se torna redundante com o texto.

gil baptista ferreira

19

Campos de aplicao da infografia

Infografia: terra de ningum? - Infografia entregue a designers-infografistas sem formao jornalstica Dois tipos de problemas: 1. Imprecises e falta de rigor 2. Maior preocupao esttica que informativa

gil baptista ferreira

20

Campos de aplicao da infografia

Que percentagem dar a cada um dos elementos do binmio? - Aquilo que mais importante na altura de construir uma infografia so as ideias - As ideias devem investigar-se da mesma maneira que se faz jornalismo: indo aos lugares ou documentando-se, estudando as realidades, acedendo a arquivos e outras fontes informativas.

gil baptista ferreira

21

Campos de aplicao da infografia

Que percentagem dar a cada um dos elementos do binmio? - Ideal: dupla dinmica entre designer e jornalista - Rigor das informaes a cabo do jornalista - Composio visual a cabo do designer.

gil baptista ferreira

22

O conceito de infografia

Primitiva unio de texto e imagem: a infografia no , de modo algum, um produto actual da era da informtica, mas fruto dos desejos da humanidade de deixar mais completas as primeiras formas de comunicao. Dizer que a infografia apenas um produto do binmio texto+imagem falso. O princpio bsico de um infogrfico ser um diagrama, e no h necessidade de textos. A palavra-chave da infografia abstraco.

gil baptista ferreira

23

O conceito de infografia
Infografia informao grfica, visual, que existe desde a primeira unio comunicativa entre um desenho ou uma pintura enfatizados por um texto alusivo. Nos meios impressos utilizada desde seus primrdios para explicar com maior clareza algum aspecto informativo tratado nos textos. Aparece hoje na Web de duas formas: como informao complementar de uma notcia, geralmente servindo de ilustrao para o texto, ou como a prpria notcia, a informao principal, o que ainda ocorre em poucos casos.
gil baptista ferreira 24

O conceito de infografia
uma unidade espacial que se serve de uma combinao de cdigos icnicos e verbais para dar uma informao ampla e precisa, para a qual um discurso verbal resultaria mais complexo e requereria mais espao. Diferencia-se essencialmente dos cdigos verbo-icnicos tradicionais (como a cartografia) pela combinao de cdigos icnicos (pictogramas, sinais, etc.) e pela incluso e tratamento de textos Produz uma fuso dos tipos verbais e icnicos de discursos e no somente justaposio de elementos.

gil baptista ferreira

25

O conceito de infografia
Em suma: infografia , essencialmente, uma unidade informativa formada pela combinao de texto e imagem, independentemente do meio em que aparea. uma infografia no tem que incluir palavras, necessariamente, e pode ser formada apenas por imagens, sem prejudicar sua funo em alguns casos, o texto de acompanhamento ou explicao no necessrio e, inclusive, pode gerar confuso e colocar obstculos perfeita compreenso do contedo.
gil baptista ferreira 26

 A estrutura bsica de uma infografia deve conter Ttulo, Texto, Corpo e Fonte (Leturia, 1998), responder s questes bsicas de construo da notcia e conter elementos de uma narrao (Borrs e Carit, 2000). O Ttulo deve expressar o contedo do quadro; o Texto deve ser explicativo, mas no redundante; o Corpo a prpria informao visual, as imagens, fotos ou figuras acompanhadas por nmeros ou flechas; a Fonte garante a veracidade da informao.
gil baptista ferreira 27

 A infografia tem a funo de facilitar a comunicao, ampliar o potencial de compreenso pelos leitores, permitir uma viso geral dos acontecimentos e detalhar informaes menos familiares ao pblico. Percebe-se que os grandes acontecimentos, como guerras, catstrofes e descobertas da cincia, tm merecido um tratamento infogrfico maior nos meios de comunicao.
gil baptista ferreira 28

 De Pablos (1999) aconselha que no se deve infografar sempre e descreve alguns casos em que o jornalista deve utilizar uma infografia: quando no h fotografia ou ela diz pouco ou no abarca a cena; quando a notcia encontra-se rodeada de mistrio; para dar um explicao mais minuciosa; apresentar uma sinopse; mostrar o interior de um edifcio; quando o acontecimento um assassinato ou acidente; explicar um desporto; informar fenmenos espaciais ou da natureza; destacar detalhes; divulgar fatos culturais; apresentar uma estratgia; aconselhar a populao sobre perigos de certas atitudes; comparar dimenses; etc...
gil baptista ferreira 29

 um erro de acreditar que a infografia informtica grfica Porque muito antes de haver sistemas informticos j havia a produo de infografias

gil baptista ferreira

30

gil baptista ferreira

31

gil baptista ferreira

32

Esboo da rvore genealgica, Charles Darwin, 1837

gil baptista ferreira

Primeiro Mapa Mundi, 33 Juan de La Costa (1460-1510)

Infografia na imprensa surgimento

O aparecimento dos indcios de infografia - notadamente em veculos impressos - surge ainda nos peridicos no sculo XVII, na Europa; Ainda que sem o tratamento e sofisticao das produes de hoje, mas com carga informativa, num momento de surgimento dos primeiros dirios na Europa e Estados Unidos. Sobretudo os mapas, dados estatsticos, rotas de guerra eram as imagens que reflectiam o contexto cultural e social daquela poca e que, portanto, ganhavam visibilidade nas publicaes. foram aprimorando medida que novas tcnicas surgiam.

gil baptista ferreira

34

Mas qual teria sido a primeira gravura informativa publicada na

imprensa? Maurice Horn e Mark Monmonier dizem que a ilustrao

chamada Snake Device, do jornal The Pennsylvania Gazette, em

9 de Maio de 1754, foi a primeira mensagem visual a ser publicada

por um meio de comunicao. A imagem era uma serpente

dividida em oito partes, e cada uma das partes representava oito

dos primeiros Estados da Unio, com a legenda Join, or Die

(Unio ou Morte).
gil baptista ferreira 35

O apogeu da infografia mundial

Dcada de 1980 ressurgimento da infografia impressa. O jornal americano USA Today o principal disseminador, no incio da dcada, de todo o conceito de informao grfica dado ao material noticioso impresso. Lema: Mostre-me, no conte! ajudou a popularizar o jornalismo visual grfico, com o uso de cores, textos curtos, tabelas, mapas, grficos e infogrficos; Valorizao da imagem grfica como discurso, smbolo do jornalismo moderno.
gil baptista ferreira 36

A consolidao da infografia mundial

Guerra do Golfo (1991): explicar o conflito entre os Estados Unidos e Iraque Alm de revistas e jornais, a televiso tambm trouxe infografias nos programas jornalsticos com mapas da regio. Media utilizam os relatos visuais para transmitir a informao da guerra Valorizao da narrativa visual: busca pelas informaes grficas Necessidade de ver o que aconteceu, como acontecia Crescimento da importncia da imagem

gil baptista ferreira

37

gil baptista ferreira

38

Marco 11 de setembro de 2001, nos EUA

gil baptista ferreira

39

gil baptista ferreira

40

Os infografistas fazem um trabalho jornalstico? Claro que fazem.

Podem gastar duas semanas a pesquisar antes de iniciarem um

trabalho de grandes dimenses e, por vezes, vo em reportagem com o jornalista e o fotgrafo. () A infografia pretende mostrar o

que no pode ser apresentado de outra forma. Podemos usar um

mapa, mas a inteno continua a ser dar resposta s perguntas essenciais, sendo que o ideal termos uma infografia que responde

a umas questes, enquanto o texto responde a outras. H casos em

que o texto um apoio infografia, mas no faz sentido que tente explic-la ela deve falar por si, ainda que de forma mais visual,

esclareceu Jaime Figueiredo (Expresso) gil baptista ferreira

41

a infografia deve
1. ter significado total e independente; 2. proporcionar quantidade razovel de informao actual; 3. conter informaes suficientes para a compreenso dos fatos; 4. ordenar o contedo utilizando, se preciso, variantes de tipologia; 5. realizar funes de sntese ou complemento da informao escrita; 6. proporcionar sensao esttica; 7. ser precisa e exacta
gil baptista ferreira 42

Tipologia das infografias

Barras: Estabelece comparaes sobretudo, quanto a informaes estatsticas

gil baptista ferreira

43

Tipologia das infografias

Torta ou pizza: indica a diviso das partes pelo todo e suas propores.

gil baptista ferreira

44

Tipologia das infografias

Febre ou linha mostra as mudanas de determinado facto em nmeros e linha do tempo.

gil baptista ferreira

45

Tipologia das infografias

Mapa: mostra a localizao de determinada regio, pas, ruas, trajectos, etc.

gil baptista ferreira

46

Tipologia das infografias

Mistos: combinam vrios tipos de grficos, dando origem a mltiplas combinaes

gil baptista ferreira

47

Cronologia

ptimo para ilustrar a histria, a evoluo e/ou transformao de uma marca, de um produto ou de uma problemtica ao longo do tempo.

gil baptista ferreira

48

gil baptista ferreira

49

Grficos circulares

para comparar as partes de um oramento destinado para determinados cargos, as partes de certos sectores em uma economia, um ecossistema de venda, etc.

gil baptista ferreira

50

gil baptista ferreira

51

Perfis comparados
Associado a um texto, permitem responder pergunta: "que tipo de utilizador voc ?"

gil baptista ferreira

52

gil baptista ferreira

53

Tipologia das infografias

Megainfogrfico quadro infogrfico mais completo, com informao abundante, No respeita as regras de simplificao e economia de espao. Geralmente ocupa uma pgina inteira ou duas pginas de um jornal ou revista
gil baptista ferreira 54

 Identificar o objectivo da computao grfica : traduzir simplesmente os dados complexos, para comparar ou destacar informaes, identificar tendncias e/ou desenvolvimentos, fazer um balano, etc. E, isso tudo, em uma nica imagem. Escolher uma ideia directiva e/ou tema forte: o que a computao grfica deve mostrar ou demonstrar? Privilegiar a simplicidade: um erro comum a sobrecarga de informaes no grfico, tornando-o difcil de ler. Por isso, importante planejar e fazer uma seleco rigorosa de dados e/ou itens a serem destacados.
gil baptista ferreira 55

 Se basear em dados de fontes confiveis (pblicas) , que sero anotados na base do grfico. Basear-se em grficos j existentes: http://www.coolinfographics.com/ este blog contm exemplos de grficos bem sucedidos. Escolher o formato : grande vertical ou paisagem. Cuidar da narrativa visual: os componentes da infografia devem permitir a compreenso imediata do sentido geral. O texto deve ser to pequeno quanto possvel. Concluir : os elementos de concluso contribuem para dar um significado claro computao grfica. Assinar a infografia : para cuidar da sua reputao e indicar a sua origem.
gil baptista ferreira 56

 Quick Tips Remember that less is more. When you try to cram too much information, or use an overly complicated design, you shoot only yourself in the foot. Keep things nice and simple. Get your facts straight. Make sure that everything you provide in your infographic is correct and complete. Research well before you make it so you know you have the most accurate data available. Provide a date. Information changes. Be sure to give at least a year so the viewer knows when it was relevant, and that things might have changed. Tell people who you are. Infographics are the backbone of social media information sharing. They are easy to link and show others. So provide a URL somewhere in the infographic so people know where it originated. Use relevant images. You want it all to come together, and your greatest tool is your visual aid. Whether it is just the design or a series of comics, make sure your pictures are helpful and relevant.

gil baptista ferreira

57

Em resumo, Cairo relaciona oito princpios de interatividade: I. Convncete: es posible no necessrio comear por grficos ambiciosos e complexos. Basta incluir, por exemplo, uma simples calculadora para j alimentar a nossa prpria curiosidade; II. Siempre que la informacin lo permita, deja que el lector se involucre en la presentacin - a presena de um mnimo de interatividade sempre melhor do que nenhuma interao. Em casos mais bsicos o leitor segue uma ordem de quadros passo a passo.

III. Mantn el grado de interactividad bajo control O excesso de possibilidades pode transformar a navegao do utilizador num verdadeiro transtorno. A idia e de uma liberdade condicionada onde o leitor apenas tem a iluso de ter o controle da situao.

gil baptista ferreira

58

IV. El nivel mximo de complejidad aceptable de una presentacin est estrechamente ligado a la sofisticacin de la audiencia segundo o autor, neste tpico, necessrio fazer algumas conjecturas. O exemplo dado : no o mesmo desenhar para o The Atlantic Monthly26 ou para um tablide sensacionalista. V. Organiza la interfaz de forma lgica vale o conceito de visibilidade dito anteriormente. VI. Usa siempre los mismos elementos de interfaz trata-se de um complemento ao tem anterior. O uso dos mesmos elementos de navegao permite que o leitor assduo reconhea e se identifique com os infogrficos e saiba navegar por eles. Do contrrio ter sempre que comear do zero cada vez que visitar uma apresentao multimdia interativa. VII. Para cada accin, una reaccin neste tem o conceito de feedback, j citado, vlido. VIII. Diseo de contenido na infografia tradicional, os dados e os objetos que os representam fazem parte de um mesmo arquivo (no caso de um grfico de barras, por exemplo, h nmeros e retngulos de altura varivel). Na infografia animada, os dados so armazenados em arquivos que podem ser abertos dentro do grfico interativo.H ainda um respeito em relao inteligncia do utlizador () j que possibilita ao leitor ser ativo na navegao que o infografista apresenta.
gil baptista ferreira 59