SlideShare a Scribd company logo
1 of 4
Download to read offline
Infografia
Resum per Josep Comas
Aquest divendres 24/1/2014 vam tenir un nou seminari dins el cicle de ponències organitzades
des de la Unitat 2.0 de la UdG (trobareu els tweets buscant el hashtag #seminari20udg). En
aquest es va parlar d’Infografia a càrrec de l’especialista Ignasi Alcalde (www.ignasialcalde.es)
En la discussió va sorgir un tema interessant i és que la infografia va molt bé per desenvolupar
diverses habilitats, això sí, no pot ser l’únic a entregar a l’estudiant ja que aquest ha
d’aprendre a treballar la informació per poder obtenir-ne coneixement.
Ens va dir que quan parlem d’infografia ens referim a disseny de la informació. Una infografia
consta d’una entrada (un títol dient de què va), un cos (l’explicació) i un peu (resum). La
infografia ens mostra un gràfic que s’ha de poder entendre tal sols mirant-lo de 20 a 30
segons. En una infografia s’expliquen històries i el missatge que conté ha de ser clar.
En la ponència va sorgir el tema de la infoxicació (cada cop tenim més informació) i es va
esmentar el “terme economia de l’atenció” (quants segons som capaços de captar l’atenció)
La infografia va bé perquè:





Ens ajuda a entendre
Ens facilita recordar (les persones recorden només un 20% del que llegim i en un
infografia condensem informació que ens pot impactar visualment i fer que ens
recordem més)
Ens agrada compartir (no és complicat compartir-la)

Sobre aquest tema de la infografia, l’Ignasi ens va recomanar llegir el llibre “Information is
Beautiful” de David McCandless.
Tenim vàries definicions d’infografia segons autors:




Per Alberto Cairo representa "transformar dades en informació semàntica"
Per Vitaly Friedman és “transmetre informació clara i eficaç" (ni gràfic avorrit ni massa
temps pel disseny ja que hi ha d'haver equilibri entre estètica i funcionalitat)
Per Fernanda Viegas i Martin M. Wattenberg consisteix en “estimular la participació i
la atenció de l'espectador”

Chiqui Esteban ens diu que hem d’explicar històries visualment.
Infografia no és el mateix que visualització. En una infografia presentem informació mentre
que en una visualització explorem informació.
En la següent infografia
Font: http://www.bbc.co.uk/news/business-15748696

podem veure com el deute Espanyol el té en bona part França i Alemanya (fletxes més
gruixudes), per tant, si cau Espanya hauria d’arrossegar també a França i Alemanya.
Una infografia consta de 3 elements: imatges, dades (números) i grafismes (icones)
Procés per generar una infografia:








Escollir un tema
Recopilar informació
Filtrar informació
Escollir la tipologia
Elaborar un esborrany
Disseny amb un programa
Revisar elements

Aquí http://www.visual-literacy.org/periodic_table/periodic_table.html trobareu una taula
periòdica interactiva sobre els diferents mètodes de visualització que hi ha.
Un bon disseny de la informació té: integritat (honestedat de les dades), forma (aparença),
informació, funció (aporta valor), interessant (és nou)
Una bona infografia ens explica una història, té dades, té disseny i es fàcil de compartir.
Una bona infografia té estructura, hem de mirar quin tipus de gràfic escollir (de barres, circular
...)
Una infografia implica treballar amb un equip disciplinar.
Una bona infografia mostra una tendència o procés, proporciona un recurs, compara A i B,
mostra l'evolució d'un fet o concepte (ex: timeline), simplifica lo complex.
Tenim diversos tipus d’infografies: basades en estadístiques, en línia de temps, basades en
procés, basades en ubicació i geografia.
L’Ignasi ens va esmentar diverses eines per dissenyar infografies, ens va dir que les que ara es
troben més de moda i més potents són: visual.ly (tenim un market place), easel.ly,
piktochart.com (la que ens va recomanar), visualize.me i infogr.am
Ens va comentar que per dissenyar núvols de “tags” (etiquetes) tenim eines com
www.wordle.net Amb el núvol d’etiquetes podem veure quines paraules es diuen més, les que
es diuen més apareixen en més gran.
Per generar “timelines” (línies de temps) podem emprar l’eina dipity.com i pel cas de disseny
tenim els programes Adobe Illustrator o Inkscape.
Ens va recordar que a la saviesa hi arribem a partir del coneixement aplicat a la pràctica diària.
Un bon gràfic sobre això el tenim a continuació:

Finalment, ens va recordar que també tenim l’opció de fer vídeo-infografies.
Lectures recomanades sobre Infoxicació i Economia de l’Atenció:






Infoxicació a Wikipeida: http://en.wikipedia.org/wiki/Information_overload
Economia de l’Atenció a Wikipedia: http://en.wikipedia.org/wiki/Attention_economy
Economía
de
la
atención:
Relevancia
versus
Infoxicación:
http://manuelgross.bligoo.com/content/view/326063/Economia-de-la-atencionRelevancia-versus-Infoxicacion.html
Michael
Goldhaber:
La
economía
de
la
atención:
http://manuelgross.bligoo.com/content/view/949867/Michael-Goldhaber-Laeconomia-de-la-atencion.html

Article de l’Ignasi sobre Infografia al seu bloc: http://www.ignasialcalde.es/infografia-lacompetencia-digital-del-siglo-xxi/

More Related Content

Similar to Infografia

Infografia, Comunicació, Informació i Disseny
Infografia, Comunicació, Informació i DissenyInfografia, Comunicació, Informació i Disseny
Infografia, Comunicació, Informació i DissenyIgnasi Alcalde
 
Introducció a la Infografia
Introducció a la InfografiaIntroducció a la Infografia
Introducció a la InfografiaIgnasi Alcalde
 
El guió didàctic multimèdia
El guió didàctic multimèdiaEl guió didàctic multimèdia
El guió didàctic multimèdiaJordi Garcia
 
Taller d'infografies
Taller d'infografiesTaller d'infografies
Taller d'infografiesNúria Vives
 
Pac 1 fonaments i evolució de la multimèdia
Pac 1   fonaments i evolució de la multimèdiaPac 1   fonaments i evolució de la multimèdia
Pac 1 fonaments i evolució de la multimèdiawapp86
 
Dissenys Presentacions Multimèdia
Dissenys Presentacions MultimèdiaDissenys Presentacions Multimèdia
Dissenys Presentacions MultimèdiaTicgrup2
 
Pac1 ssoiramon
Pac1 ssoiramonPac1 ssoiramon
Pac1 ssoiramonSsoi
 
Representació gràfica del coneixement: les infografies.
Representació gràfica del coneixement: les infografies.Representació gràfica del coneixement: les infografies.
Representació gràfica del coneixement: les infografies.Ernest Prats Garcia
 
Barcelona Activa Cibernàrium - Programa activitats 2n Trimestre 2019
Barcelona Activa Cibernàrium - Programa activitats 2n Trimestre 2019Barcelona Activa Cibernàrium - Programa activitats 2n Trimestre 2019
Barcelona Activa Cibernàrium - Programa activitats 2n Trimestre 2019Barcelona Activa
 
Pac3 cat novembre_2010
Pac3 cat novembre_2010Pac3 cat novembre_2010
Pac3 cat novembre_2010Paquita Tur
 
Pac3 cat novembre_2010
Pac3 cat novembre_2010Pac3 cat novembre_2010
Pac3 cat novembre_2010David Lázaro
 
Què són els nous mitjans?
Què són els nous mitjans?Què són els nous mitjans?
Què són els nous mitjans?Esteban
 
AliagaBonjochSanti_Pac1_Fem
AliagaBonjochSanti_Pac1_FemAliagaBonjochSanti_Pac1_Fem
AliagaBonjochSanti_Pac1_Femsaliagab
 
Estudi dels nous mitjans
Estudi dels nous mitjansEstudi dels nous mitjans
Estudi dels nous mitjansjosepCastellano
 
El Patrimoni Cultural en l'era del WWW
El Patrimoni Cultural en l'era del WWWEl Patrimoni Cultural en l'era del WWW
El Patrimoni Cultural en l'era del WWWSílvia Bravo
 
Pac1_UOC
Pac1_UOCPac1_UOC
Pac1_UOCalaalb
 
Disseny de presentació multimèdia
Disseny de presentació multimèdiaDisseny de presentació multimèdia
Disseny de presentació multimèdiaTicgrup2
 

Similar to Infografia (20)

Infografia, Comunicació, Informació i Disseny
Infografia, Comunicació, Informació i DissenyInfografia, Comunicació, Informació i Disseny
Infografia, Comunicació, Informació i Disseny
 
Bett 2017
Bett 2017Bett 2017
Bett 2017
 
Introducció a la Infografia
Introducció a la InfografiaIntroducció a la Infografia
Introducció a la Infografia
 
El guió didàctic multimèdia
El guió didàctic multimèdiaEl guió didàctic multimèdia
El guió didàctic multimèdia
 
Pac1 - FEM
Pac1 - FEMPac1 - FEM
Pac1 - FEM
 
Taller d'infografies
Taller d'infografiesTaller d'infografies
Taller d'infografies
 
Pac 1 fonaments i evolució de la multimèdia
Pac 1   fonaments i evolució de la multimèdiaPac 1   fonaments i evolució de la multimèdia
Pac 1 fonaments i evolució de la multimèdia
 
Dissenys Presentacions Multimèdia
Dissenys Presentacions MultimèdiaDissenys Presentacions Multimèdia
Dissenys Presentacions Multimèdia
 
Pac1 ssoiramon
Pac1 ssoiramonPac1 ssoiramon
Pac1 ssoiramon
 
Representació gràfica del coneixement: les infografies.
Representació gràfica del coneixement: les infografies.Representació gràfica del coneixement: les infografies.
Representació gràfica del coneixement: les infografies.
 
Barcelona Activa Cibernàrium - Programa activitats 2n Trimestre 2019
Barcelona Activa Cibernàrium - Programa activitats 2n Trimestre 2019Barcelona Activa Cibernàrium - Programa activitats 2n Trimestre 2019
Barcelona Activa Cibernàrium - Programa activitats 2n Trimestre 2019
 
Pac3 cat novembre_2010
Pac3 cat novembre_2010Pac3 cat novembre_2010
Pac3 cat novembre_2010
 
Pac3 cat novembre_2010
Pac3 cat novembre_2010Pac3 cat novembre_2010
Pac3 cat novembre_2010
 
Què són els nous mitjans?
Què són els nous mitjans?Què són els nous mitjans?
Què són els nous mitjans?
 
AliagaBonjochSanti_Pac1_Fem
AliagaBonjochSanti_Pac1_FemAliagaBonjochSanti_Pac1_Fem
AliagaBonjochSanti_Pac1_Fem
 
Estudi dels nous mitjans
Estudi dels nous mitjansEstudi dels nous mitjans
Estudi dels nous mitjans
 
El Patrimoni Cultural en l'era del WWW
El Patrimoni Cultural en l'era del WWWEl Patrimoni Cultural en l'era del WWW
El Patrimoni Cultural en l'era del WWW
 
Pac1_UOC
Pac1_UOCPac1_UOC
Pac1_UOC
 
Pac1
Pac1Pac1
Pac1
 
Disseny de presentació multimèdia
Disseny de presentació multimèdiaDisseny de presentació multimèdia
Disseny de presentació multimèdia
 

More from Josep Comas

Risc i creativitat per emprendre
Risc i creativitat per emprendreRisc i creativitat per emprendre
Risc i creativitat per emprendreJosep Comas
 
Radical és normal - Alfons Cornella
Radical és normal - Alfons CornellaRadical és normal - Alfons Cornella
Radical és normal - Alfons CornellaJosep Comas
 
Descubre los mejores recursos para emprender
Descubre los mejores recursos para emprenderDescubre los mejores recursos para emprender
Descubre los mejores recursos para emprenderJosep Comas
 
Introducció a la fotografia uoc
Introducció a la fotografia uocIntroducció a la fotografia uoc
Introducció a la fotografia uocJosep Comas
 
Guia ràpida de la placa Raspberry Pi
Guia ràpida de la placa Raspberry PiGuia ràpida de la placa Raspberry Pi
Guia ràpida de la placa Raspberry PiJosep Comas
 
Recursos para aprender ingles
Recursos para aprender inglesRecursos para aprender ingles
Recursos para aprender inglesJosep Comas
 

More from Josep Comas (7)

Risc i creativitat per emprendre
Risc i creativitat per emprendreRisc i creativitat per emprendre
Risc i creativitat per emprendre
 
Radical és normal - Alfons Cornella
Radical és normal - Alfons CornellaRadical és normal - Alfons Cornella
Radical és normal - Alfons Cornella
 
Comunidades
ComunidadesComunidades
Comunidades
 
Descubre los mejores recursos para emprender
Descubre los mejores recursos para emprenderDescubre los mejores recursos para emprender
Descubre los mejores recursos para emprender
 
Introducció a la fotografia uoc
Introducció a la fotografia uocIntroducció a la fotografia uoc
Introducció a la fotografia uoc
 
Guia ràpida de la placa Raspberry Pi
Guia ràpida de la placa Raspberry PiGuia ràpida de la placa Raspberry Pi
Guia ràpida de la placa Raspberry Pi
 
Recursos para aprender ingles
Recursos para aprender inglesRecursos para aprender ingles
Recursos para aprender ingles
 

Recently uploaded

Presentació bloc 3 Perspectiva gènere.pptx
Presentació bloc 3 Perspectiva gènere.pptxPresentació bloc 3 Perspectiva gènere.pptx
Presentació bloc 3 Perspectiva gènere.pptxRosabel UA
 
INFORME_BAREM_PROVISIONAL_BAREMELLUCH.pdf
INFORME_BAREM_PROVISIONAL_BAREMELLUCH.pdfINFORME_BAREM_PROVISIONAL_BAREMELLUCH.pdf
INFORME_BAREM_PROVISIONAL_BAREMELLUCH.pdfErnest Lluch
 
4 RATLLES - MAIG 2024 - ESCOLA AMETLLERS
4 RATLLES - MAIG 2024 - ESCOLA AMETLLERS4 RATLLES - MAIG 2024 - ESCOLA AMETLLERS
4 RATLLES - MAIG 2024 - ESCOLA AMETLLERSSuperAdmin9
 
TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.
TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.
TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.Lasilviatecno
 
feedback.pdf55555555555555555555555555555
feedback.pdf55555555555555555555555555555feedback.pdf55555555555555555555555555555
feedback.pdf55555555555555555555555555555twunt
 
Programa Dansa Ara Garraf Les Roquetes Sa
Programa Dansa Ara Garraf Les Roquetes SaPrograma Dansa Ara Garraf Les Roquetes Sa
Programa Dansa Ara Garraf Les Roquetes SaISMAELALVAREZCABRERA
 
II BLOC ACTIVITATS APP INVENTOR PROGRAMACIO I DIGITALITZACIÓ
II BLOC ACTIVITATS APP INVENTOR PROGRAMACIO I DIGITALITZACIÓII BLOC ACTIVITATS APP INVENTOR PROGRAMACIO I DIGITALITZACIÓ
II BLOC ACTIVITATS APP INVENTOR PROGRAMACIO I DIGITALITZACIÓLasilviatecno
 
LES CONJUNCIONS EN CATALÀ: GRAMÀTICA CATALANA
LES CONJUNCIONS EN CATALÀ: GRAMÀTICA CATALANALES CONJUNCIONS EN CATALÀ: GRAMÀTICA CATALANA
LES CONJUNCIONS EN CATALÀ: GRAMÀTICA CATALANAAnaBallesteros29
 

Recently uploaded (8)

Presentació bloc 3 Perspectiva gènere.pptx
Presentació bloc 3 Perspectiva gènere.pptxPresentació bloc 3 Perspectiva gènere.pptx
Presentació bloc 3 Perspectiva gènere.pptx
 
INFORME_BAREM_PROVISIONAL_BAREMELLUCH.pdf
INFORME_BAREM_PROVISIONAL_BAREMELLUCH.pdfINFORME_BAREM_PROVISIONAL_BAREMELLUCH.pdf
INFORME_BAREM_PROVISIONAL_BAREMELLUCH.pdf
 
4 RATLLES - MAIG 2024 - ESCOLA AMETLLERS
4 RATLLES - MAIG 2024 - ESCOLA AMETLLERS4 RATLLES - MAIG 2024 - ESCOLA AMETLLERS
4 RATLLES - MAIG 2024 - ESCOLA AMETLLERS
 
TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.
TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.
TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.
 
feedback.pdf55555555555555555555555555555
feedback.pdf55555555555555555555555555555feedback.pdf55555555555555555555555555555
feedback.pdf55555555555555555555555555555
 
Programa Dansa Ara Garraf Les Roquetes Sa
Programa Dansa Ara Garraf Les Roquetes SaPrograma Dansa Ara Garraf Les Roquetes Sa
Programa Dansa Ara Garraf Les Roquetes Sa
 
II BLOC ACTIVITATS APP INVENTOR PROGRAMACIO I DIGITALITZACIÓ
II BLOC ACTIVITATS APP INVENTOR PROGRAMACIO I DIGITALITZACIÓII BLOC ACTIVITATS APP INVENTOR PROGRAMACIO I DIGITALITZACIÓ
II BLOC ACTIVITATS APP INVENTOR PROGRAMACIO I DIGITALITZACIÓ
 
LES CONJUNCIONS EN CATALÀ: GRAMÀTICA CATALANA
LES CONJUNCIONS EN CATALÀ: GRAMÀTICA CATALANALES CONJUNCIONS EN CATALÀ: GRAMÀTICA CATALANA
LES CONJUNCIONS EN CATALÀ: GRAMÀTICA CATALANA
 

Infografia

  • 1. Infografia Resum per Josep Comas Aquest divendres 24/1/2014 vam tenir un nou seminari dins el cicle de ponències organitzades des de la Unitat 2.0 de la UdG (trobareu els tweets buscant el hashtag #seminari20udg). En aquest es va parlar d’Infografia a càrrec de l’especialista Ignasi Alcalde (www.ignasialcalde.es) En la discussió va sorgir un tema interessant i és que la infografia va molt bé per desenvolupar diverses habilitats, això sí, no pot ser l’únic a entregar a l’estudiant ja que aquest ha d’aprendre a treballar la informació per poder obtenir-ne coneixement. Ens va dir que quan parlem d’infografia ens referim a disseny de la informació. Una infografia consta d’una entrada (un títol dient de què va), un cos (l’explicació) i un peu (resum). La infografia ens mostra un gràfic que s’ha de poder entendre tal sols mirant-lo de 20 a 30 segons. En una infografia s’expliquen històries i el missatge que conté ha de ser clar. En la ponència va sorgir el tema de la infoxicació (cada cop tenim més informació) i es va esmentar el “terme economia de l’atenció” (quants segons som capaços de captar l’atenció) La infografia va bé perquè:    Ens ajuda a entendre Ens facilita recordar (les persones recorden només un 20% del que llegim i en un infografia condensem informació que ens pot impactar visualment i fer que ens recordem més) Ens agrada compartir (no és complicat compartir-la) Sobre aquest tema de la infografia, l’Ignasi ens va recomanar llegir el llibre “Information is Beautiful” de David McCandless. Tenim vàries definicions d’infografia segons autors:    Per Alberto Cairo representa "transformar dades en informació semàntica" Per Vitaly Friedman és “transmetre informació clara i eficaç" (ni gràfic avorrit ni massa temps pel disseny ja que hi ha d'haver equilibri entre estètica i funcionalitat) Per Fernanda Viegas i Martin M. Wattenberg consisteix en “estimular la participació i la atenció de l'espectador” Chiqui Esteban ens diu que hem d’explicar històries visualment. Infografia no és el mateix que visualització. En una infografia presentem informació mentre que en una visualització explorem informació. En la següent infografia
  • 2. Font: http://www.bbc.co.uk/news/business-15748696 podem veure com el deute Espanyol el té en bona part França i Alemanya (fletxes més gruixudes), per tant, si cau Espanya hauria d’arrossegar també a França i Alemanya. Una infografia consta de 3 elements: imatges, dades (números) i grafismes (icones) Procés per generar una infografia:        Escollir un tema Recopilar informació Filtrar informació Escollir la tipologia Elaborar un esborrany Disseny amb un programa Revisar elements Aquí http://www.visual-literacy.org/periodic_table/periodic_table.html trobareu una taula periòdica interactiva sobre els diferents mètodes de visualització que hi ha. Un bon disseny de la informació té: integritat (honestedat de les dades), forma (aparença), informació, funció (aporta valor), interessant (és nou) Una bona infografia ens explica una història, té dades, té disseny i es fàcil de compartir.
  • 3. Una bona infografia té estructura, hem de mirar quin tipus de gràfic escollir (de barres, circular ...) Una infografia implica treballar amb un equip disciplinar. Una bona infografia mostra una tendència o procés, proporciona un recurs, compara A i B, mostra l'evolució d'un fet o concepte (ex: timeline), simplifica lo complex. Tenim diversos tipus d’infografies: basades en estadístiques, en línia de temps, basades en procés, basades en ubicació i geografia. L’Ignasi ens va esmentar diverses eines per dissenyar infografies, ens va dir que les que ara es troben més de moda i més potents són: visual.ly (tenim un market place), easel.ly, piktochart.com (la que ens va recomanar), visualize.me i infogr.am Ens va comentar que per dissenyar núvols de “tags” (etiquetes) tenim eines com www.wordle.net Amb el núvol d’etiquetes podem veure quines paraules es diuen més, les que es diuen més apareixen en més gran. Per generar “timelines” (línies de temps) podem emprar l’eina dipity.com i pel cas de disseny tenim els programes Adobe Illustrator o Inkscape. Ens va recordar que a la saviesa hi arribem a partir del coneixement aplicat a la pràctica diària. Un bon gràfic sobre això el tenim a continuació: Finalment, ens va recordar que també tenim l’opció de fer vídeo-infografies.
  • 4. Lectures recomanades sobre Infoxicació i Economia de l’Atenció:     Infoxicació a Wikipeida: http://en.wikipedia.org/wiki/Information_overload Economia de l’Atenció a Wikipedia: http://en.wikipedia.org/wiki/Attention_economy Economía de la atención: Relevancia versus Infoxicación: http://manuelgross.bligoo.com/content/view/326063/Economia-de-la-atencionRelevancia-versus-Infoxicacion.html Michael Goldhaber: La economía de la atención: http://manuelgross.bligoo.com/content/view/949867/Michael-Goldhaber-Laeconomia-de-la-atencion.html Article de l’Ignasi sobre Infografia al seu bloc: http://www.ignasialcalde.es/infografia-lacompetencia-digital-del-siglo-xxi/