SlideShare a Scribd company logo
1 of 13
Taller d’infografies
Maig de 2015
Núria Vives | Departament de Justícia
2
Què és una infografia
Una infografia és una representació
gràfica que combina imatges sintètiques,
explicables i fàcils d’entendre i textos per
comunicar informació o dades de manera
visual i per facilitar-ne la transmissió.
Infografía Ejecuciones extrajudiciales © Juan Varela CC BY-NC
Americans are reading less © GEEKSTATS CC BY-NC
Infografia Govern obert – pòster © Xarxa IP CC BY-SA
The European Parliament on line © European Parliament CC BY-NC-ND
Exemples d’infografies
4
Exemples d’infografies
Les millors infografies de 2014 (segons Fast.co Design)
5
Tipus d’infografies
- Campanyes publicitàries
- Presentació de projectes
- Corporatives
- Didàctiques
- Informatives
6
Passos bàsics per elaborar una infografia
1. Definir el tema de la infografia
2. Recopilar les dades i seleccionar les que
considerem rellevants i la informació que voldrem
destacar
3. Triar una eina i decidir com volem representar les
dades
4. Crear un primer esborrany
5. Dissenyar la infografia
Passos bàsics per elaborar una infografia
8
Eines per crear infografies
- Piktochart (creació d’infografies)
- Many Eyes d’IBM (infografies)
- Easel.ly (infografies)
- Google Public Data (per fer infografies amb dades
públiques: Banc Mundial, Eurostat, Idescat...)
- Wordle / Word It Out (núvols de paraules)
- Stat Planet (mapes i gràfics interactius)
- Creately (esquemes i diagrames de flux)
9
Eines corporatives: avantatges i inconvenients
10
L’experiència de Justícia i el procés d’elaboració
d’infografies: de les dades a la imatge
1. Model de plantilla per recollir dades de les
diferents unitats directives
2. Selecció de les dades rellevants
3. Elaboració de la infografia: gràfics,
imatges, informació destacada,
pictogrames Piktochart
4. Redacció del text que acompanya la
infografia: accessibilitat
Estadístiques del Departament de Justícia
11
Imatge corporativa i eines complementàries
Programa d’identificació visual de la Generalitat > Infografies
1.Online Photoshop Free
2.The Noun Project
3.Imatges lliures: Pixabay, Morguefile
4.Imatges en Creative Commons: Wikimedia, Flickr (només en CC)
5.Descàrrega de GIMP
6.Descàrrega d’Inskscape
12
Més infografies (temàtiques de la Generalitat)
1. Institut Català d’Energia
2. Oficina de Supervisió i Avaluació de la Contractació Pública
3. Infografia d’un procediment de Benestar Social i Família
4. Portal de la Transparència
5. Enquesta Consell Català de l’Esport
6. Programa Compartim
7. Agència Catalana de Cooperació al Desenvolupament
8. Departament d’Agricultura
9. 112 en xifres
10.Escoles oficials d’idiomes – accés i preinscripció
Gràcies!

More Related Content

Similar to Taller d'infografies

Dissenys Presentacions Multimèdia
Dissenys Presentacions MultimèdiaDissenys Presentacions Multimèdia
Dissenys Presentacions Multimèdia
Ticgrup2
 
Presentació Manual d'Estil CiU i CDC
Presentació Manual d'Estil CiU i CDCPresentació Manual d'Estil CiU i CDC
Presentació Manual d'Estil CiU i CDC
Roc Fernàndez
 
PAC1 - Què són els nous mitjans
PAC1 - Què són els nous mitjansPAC1 - Què són els nous mitjans
PAC1 - Què són els nous mitjans
guest434f4aa
 
PAC1 - Els nous mitjans
PAC1 - Els nous mitjansPAC1 - Els nous mitjans
PAC1 - Els nous mitjans
guest434f4aa
 
Cacera del tresor web 2.0
Cacera del tresor web 2.0Cacera del tresor web 2.0
Cacera del tresor web 2.0
Edu Alias
 
32a sessió web: 'Estratègia tecnològica per a un govern obert'
32a sessió web: 'Estratègia tecnològica per a un govern obert'32a sessió web: 'Estratègia tecnològica per a un govern obert'
32a sessió web: 'Estratègia tecnològica per a un govern obert'
gencat .
 

Similar to Taller d'infografies (20)

Emprenedors i TIC
Emprenedors i TICEmprenedors i TIC
Emprenedors i TIC
 
Dissenys Presentacions Multimèdia
Dissenys Presentacions MultimèdiaDissenys Presentacions Multimèdia
Dissenys Presentacions Multimèdia
 
Fonts d’informació professionals de premsa. Una panoràmica
Fonts d’informació professionals de premsa. Una panoràmicaFonts d’informació professionals de premsa. Una panoràmica
Fonts d’informació professionals de premsa. Una panoràmica
 
Presentació Manual d'Estil CiU i CDC
Presentació Manual d'Estil CiU i CDCPresentació Manual d'Estil CiU i CDC
Presentació Manual d'Estil CiU i CDC
 
Eines web 2.0
Eines web 2.0Eines web 2.0
Eines web 2.0
 
Curs 2.4 Institucions Intel·ligents
Curs 2.4 Institucions Intel·ligentsCurs 2.4 Institucions Intel·ligents
Curs 2.4 Institucions Intel·ligents
 
Valoració projecte Digitalització Administració Pública Grup 3.pdf
Valoració projecte Digitalització Administració Pública Grup 3.pdfValoració projecte Digitalització Administració Pública Grup 3.pdf
Valoració projecte Digitalització Administració Pública Grup 3.pdf
 
Valoració Grup 3 Digitalització AAPP.pdf
Valoració Grup 3 Digitalització AAPP.pdfValoració Grup 3 Digitalització AAPP.pdf
Valoració Grup 3 Digitalització AAPP.pdf
 
PAC1 - Què són els nous mitjans
PAC1 - Què són els nous mitjansPAC1 - Què són els nous mitjans
PAC1 - Què són els nous mitjans
 
PAC1 - Els nous mitjans
PAC1 - Els nous mitjansPAC1 - Els nous mitjans
PAC1 - Els nous mitjans
 
Cacera del tresor web 2.0
Cacera del tresor web 2.0Cacera del tresor web 2.0
Cacera del tresor web 2.0
 
Presentació cloud computing
Presentació cloud computingPresentació cloud computing
Presentació cloud computing
 
32a sessió web: 'Estratègia tecnològica per a un govern obert'
32a sessió web: 'Estratègia tecnològica per a un govern obert'32a sessió web: 'Estratègia tecnològica per a un govern obert'
32a sessió web: 'Estratègia tecnològica per a un govern obert'
 
Fonanaments evolució multimèdia_pac_1_presentació
Fonanaments evolució multimèdia_pac_1_presentacióFonanaments evolució multimèdia_pac_1_presentació
Fonanaments evolució multimèdia_pac_1_presentació
 
Disseny de presentació multimèdia
Disseny de presentació multimèdiaDisseny de presentació multimèdia
Disseny de presentació multimèdia
 
Fase 2: Disseny Multimèdia
Fase 2: Disseny MultimèdiaFase 2: Disseny Multimèdia
Fase 2: Disseny Multimèdia
 
AranArnau
AranArnauAranArnau
AranArnau
 
AranArnau
AranArnauAranArnau
AranArnau
 
ADMINISTRACIO I GESTIÓ.
ADMINISTRACIO I GESTIÓ.ADMINISTRACIO I GESTIÓ.
ADMINISTRACIO I GESTIÓ.
 
Ppe g1 grupal
Ppe g1  grupalPpe g1  grupal
Ppe g1 grupal
 

More from Núria Vives

Presentacio aec vdef
Presentacio aec vdefPresentacio aec vdef
Presentacio aec vdef
Núria Vives
 
Experiència en l’ús de les TIC per al treball col·laboratiu al programa Compa...
Experiència en l’ús de les TIC per al treball col·laboratiu al programa Compa...Experiència en l’ús de les TIC per al treball col·laboratiu al programa Compa...
Experiència en l’ús de les TIC per al treball col·laboratiu al programa Compa...
Núria Vives
 

More from Núria Vives (12)

Comunicació corporativa i @plec 2.0 ST Tarragona
Comunicació corporativa i @plec 2.0 ST TarragonaComunicació corporativa i @plec 2.0 ST Tarragona
Comunicació corporativa i @plec 2.0 ST Tarragona
 
Eines que faciliten el treball col·laboratiu: e-Catalunya
Eines que faciliten el treball col·laboratiu: e-CatalunyaEines que faciliten el treball col·laboratiu: e-Catalunya
Eines que faciliten el treball col·laboratiu: e-Catalunya
 
Les TIC, les TAC i les TAP al Departament de Justícia
Les TIC, les TAC i les TAP al Departament de JustíciaLes TIC, les TAC i les TAP al Departament de Justícia
Les TIC, les TAC i les TAP al Departament de Justícia
 
Trabaja diferente. Redes corporativas y comunidades profesionales
Trabaja diferente. Redes corporativas y comunidades profesionalesTrabaja diferente. Redes corporativas y comunidades profesionales
Trabaja diferente. Redes corporativas y comunidades profesionales
 
Red de innovación pública: Xarxa d'Innovació Pública (XIP)
Red de innovación pública: Xarxa d'Innovació Pública (XIP)Red de innovación pública: Xarxa d'Innovació Pública (XIP)
Red de innovación pública: Xarxa d'Innovació Pública (XIP)
 
Presentacio aec vdef
Presentacio aec vdefPresentacio aec vdef
Presentacio aec vdef
 
Redes sociales: ¿moda o necesidad?
Redes sociales: ¿moda o necesidad?Redes sociales: ¿moda o necesidad?
Redes sociales: ¿moda o necesidad?
 
Presentación de un sistema en red de monitorización y de ROI para CoP en las ...
Presentación de un sistema en red de monitorización y de ROI para CoP en las ...Presentación de un sistema en red de monitorización y de ROI para CoP en las ...
Presentación de un sistema en red de monitorización y de ROI para CoP en las ...
 
Experiència en l’ús de les TIC per al treball col·laboratiu al programa Compa...
Experiència en l’ús de les TIC per al treball col·laboratiu al programa Compa...Experiència en l’ús de les TIC per al treball col·laboratiu al programa Compa...
Experiència en l’ús de les TIC per al treball col·laboratiu al programa Compa...
 
Una experiencia de implantación de comunidades de práctica en la Administraci...
Una experiencia de implantación de comunidades de práctica en la Administraci...Una experiencia de implantación de comunidades de práctica en la Administraci...
Una experiencia de implantación de comunidades de práctica en la Administraci...
 
Implantación CoP programa Compartim
Implantación CoP programa CompartimImplantación CoP programa Compartim
Implantación CoP programa Compartim
 
Presentació sobre xarxes socials al web 2 0
Presentació sobre xarxes socials al web 2 0Presentació sobre xarxes socials al web 2 0
Presentació sobre xarxes socials al web 2 0
 

Recently uploaded

Recently uploaded (8)

HISTÒRIES PER A MENUTS II. CRA Serra del Benicadell.pdf
HISTÒRIES PER A MENUTS II. CRA  Serra del Benicadell.pdfHISTÒRIES PER A MENUTS II. CRA  Serra del Benicadell.pdf
HISTÒRIES PER A MENUTS II. CRA Serra del Benicadell.pdf
 
itcs - institut tècnic català de la soldadura
itcs - institut tècnic català de la soldaduraitcs - institut tècnic català de la soldadura
itcs - institut tècnic català de la soldadura
 
ELLUCHINFORME_BAREM_DEFINITIU_BAREM (1).pdf
ELLUCHINFORME_BAREM_DEFINITIU_BAREM (1).pdfELLUCHINFORME_BAREM_DEFINITIU_BAREM (1).pdf
ELLUCHINFORME_BAREM_DEFINITIU_BAREM (1).pdf
 
SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,
SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,
SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,
 
Creu i R.pdf, anàlisis d'una obra de selectivitat
Creu i R.pdf, anàlisis d'una obra de selectivitatCreu i R.pdf, anàlisis d'una obra de selectivitat
Creu i R.pdf, anàlisis d'una obra de selectivitat
 
MECANISMES I CINEMÀTICA 1r DE BATXILLERAT
MECANISMES I CINEMÀTICA 1r DE BATXILLERATMECANISMES I CINEMÀTICA 1r DE BATXILLERAT
MECANISMES I CINEMÀTICA 1r DE BATXILLERAT
 
Menú maig 24 escola ernest Lluch (1).pdf
Menú maig 24 escola ernest Lluch (1).pdfMenú maig 24 escola ernest Lluch (1).pdf
Menú maig 24 escola ernest Lluch (1).pdf
 
XARXES UBANES I LA SEVA PROBLEMÀTICA.pptx
XARXES UBANES I LA SEVA PROBLEMÀTICA.pptxXARXES UBANES I LA SEVA PROBLEMÀTICA.pptx
XARXES UBANES I LA SEVA PROBLEMÀTICA.pptx
 

Taller d'infografies

  • 1. Taller d’infografies Maig de 2015 Núria Vives | Departament de Justícia
  • 2. 2 Què és una infografia Una infografia és una representació gràfica que combina imatges sintètiques, explicables i fàcils d’entendre i textos per comunicar informació o dades de manera visual i per facilitar-ne la transmissió. Infografía Ejecuciones extrajudiciales © Juan Varela CC BY-NC Americans are reading less © GEEKSTATS CC BY-NC
  • 3. Infografia Govern obert – pòster © Xarxa IP CC BY-SA The European Parliament on line © European Parliament CC BY-NC-ND Exemples d’infografies
  • 4. 4 Exemples d’infografies Les millors infografies de 2014 (segons Fast.co Design)
  • 5. 5 Tipus d’infografies - Campanyes publicitàries - Presentació de projectes - Corporatives - Didàctiques - Informatives
  • 6. 6 Passos bàsics per elaborar una infografia 1. Definir el tema de la infografia 2. Recopilar les dades i seleccionar les que considerem rellevants i la informació que voldrem destacar 3. Triar una eina i decidir com volem representar les dades 4. Crear un primer esborrany 5. Dissenyar la infografia
  • 7. Passos bàsics per elaborar una infografia
  • 8. 8 Eines per crear infografies - Piktochart (creació d’infografies) - Many Eyes d’IBM (infografies) - Easel.ly (infografies) - Google Public Data (per fer infografies amb dades públiques: Banc Mundial, Eurostat, Idescat...) - Wordle / Word It Out (núvols de paraules) - Stat Planet (mapes i gràfics interactius) - Creately (esquemes i diagrames de flux)
  • 10. 10 L’experiència de Justícia i el procés d’elaboració d’infografies: de les dades a la imatge 1. Model de plantilla per recollir dades de les diferents unitats directives 2. Selecció de les dades rellevants 3. Elaboració de la infografia: gràfics, imatges, informació destacada, pictogrames Piktochart 4. Redacció del text que acompanya la infografia: accessibilitat Estadístiques del Departament de Justícia
  • 11. 11 Imatge corporativa i eines complementàries Programa d’identificació visual de la Generalitat > Infografies 1.Online Photoshop Free 2.The Noun Project 3.Imatges lliures: Pixabay, Morguefile 4.Imatges en Creative Commons: Wikimedia, Flickr (només en CC) 5.Descàrrega de GIMP 6.Descàrrega d’Inskscape
  • 12. 12 Més infografies (temàtiques de la Generalitat) 1. Institut Català d’Energia 2. Oficina de Supervisió i Avaluació de la Contractació Pública 3. Infografia d’un procediment de Benestar Social i Família 4. Portal de la Transparència 5. Enquesta Consell Català de l’Esport 6. Programa Compartim 7. Agència Catalana de Cooperació al Desenvolupament 8. Departament d’Agricultura 9. 112 en xifres 10.Escoles oficials d’idiomes – accés i preinscripció