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!

Taller d'infografies

  • 1.
    Taller d’infografies Maig de2015 Núria Vives | Departament de Justícia
  • 2.
    2 Què és unainfografia 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 millorsinfografies de 2014 (segons Fast.co Design)
  • 5.
    5 Tipus d’infografies - Campanyespublicitàries - Presentació de projectes - Corporatives - Didàctiques - Informatives
  • 6.
    6 Passos bàsics perelaborar 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 perelaborar una infografia
  • 8.
    8 Eines per crearinfografies - 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.
  • 10.
    10 L’experiència de Justíciai 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 ieines 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àtiquesde 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ó
  • 13.