Hoofddoc storial

20/10/2013

PRACTICUM NIEUWE MEDIA

De infographic als fundament voor kennisoverdracht

Digital visual culture: handmade visuals | Tekla de Veer || 3843998

De storial Het woord ‘storial’ is een contaminatie van ‘story’ en ‘tutorial’ en betekent dan ook niets anders dan een verhalende tutorial. Tutorials zijn namelijk erg handig om een programma mee onder de knie te krijgen of om te leren hoe je een product maakt, maar het is natuurlijk ook fijn om te weten wat je nu eigenlijk aan het maken bent. Wat voor achtergrond heeft het programma waar je mee werkt of het eindproduct dat je probeert te bereiken? En hoe kun je deze het beste inzetten?

Deze storial gaat over de infographic, een populaire vorm van datavisualisatie. In het eerste gedeelte besteed ik aandacht aan achtergrondinformatie over de infographic en in het tweede gedeelte gaan we aan de slag met Adobe Illustrator om er zelf een te creëren.

Aangezien het uiterlijk van de infographic per ontwerp verschilt en de mogelijkheden talrijk zijn, zal ik me in deze tutorial niet zozeer richten op het eindproduct, maar meer op de tools en methoden die ik gebruik om tot de infographic te komen. Zo zul je kennis maken een aantal mogelijkheden die Illustrator biedt voor het maken van een infographic.

Product: Infographic Subject: watercooler-effect, audience movement, data-analyse, datavisualisatie Thema: Digital Visual Culture Programma: Adobe Illustrator

Deel I. De infographic

Publicatieplatform: ISSUU

2

Inhoud

Deel I. De infographic ............................................................................................................................. 4 Wat is een infographic? ....................................................................................................................... 4 Vormen van infographics .................................................................................................................... 5 Kwantitatieve verwerking................................................................................................................ 6 Kwalitatieve verwerking .................................................................................................................. 7 De infographic als manier van kennisoverdracht ................................................................................ 9

Deel II. De tutorial................................................................................................................................. 10 Het idee ............................................................................................................................................. 10 Wat ga ik visualiseren?.................................................................................................................. 10 Op zoek naar data ......................................................................................................................... 10 Analyseren van data ...................................................................................................................... 11 Welk hulpmiddel gebruik ik voor de visualisatie? ......................................................................... 11 De uitvoering ..................................................................................................................................... 14 Inspiratie opdoen ........................................................................................................................... 14 Schetsen......................................................................................................................................... 14 Het creĂŤren in Illustrator ............................................................................................................... 15

Deel I. De infographic

Bronnen................................................................................................................................................. 22

3

Deel I. De infographic

In dit verhalende onderdeel vertel ik je meer over het hoe en wat van de infographic, evenals de grenzen die dit medium met zich meebrengt. Toevalligerwijs is er, net zoals bij het onderwerp van mijn ministorial, veel discussie over wat een infographic nu eigenlijk wel of niet is. Is het een ingewikkeldere versie van het pictogram? Is het een versimpelde versie van een datavisualisatie? En waar gebruiken we de infographic nu eigenlijk voor? Terwijl ik deze vragen probeer te beantwoorden wil ik hierin ook de achtergrond van de infographic meenemen. Tot slot verdiep ik me ook graag in theorieën over (de toegevoegde waarde van) de infographic als middel voor kennisoverdracht.

Wat is een infographic?

Simpel gezegd, is een infographic een grafische weergave van informatie. De infographic vertelt een informatief verhaal door middel van beeld. Dat beeld kan bestaan uit simpele vormen en figuren, maar ook uit grafieken of diagrammen. Een infographic bevat daarnaast altijd een verhaal. Er zit altijd een verhaal achter de cijfers, vormen en afbeeldingen die getoond worden.

Het gebruiken van grafieken, taartdiagrammen en histogrammen om een visuele representatie van cijfertjes te maken, stamt al uit de achttiende eeuw. William Playfair publiceerde toen de eerste datagrafiekeni. In de 20e eeuw werd de Vienna Method of Pictorial Statistics ontwikkeld, een methode waarbij verbanden worden uitgelegd aan de hand van afbeeldingen. In deze methode stonden afbeeldingen symbool voor cijfers, zoals de afbeelding van een poppetje bijvoorbeeld symbool staat voor duizend personen.ii Met name aan het einde van de 20e eeuw werd het gebruik van datavisualisaties steeds meer toegepast in de journalistiek, met als doel ervoor te zorgen dat informatie makkelijker te begrijpen werd.

Tegenwoordig zijn infographics overal om ons heen en ze zijn dan ook niet meer weg te denken uit onze (digitale) visuele cultuur. Dit heeft natuurlijk ook alles te maken met de toename van

een zogenaamde “datacultuur”.

Inmiddels wordt al lang niet meer alleen numerieke informatie weergegeven in de infographics, maar worden er ook tekstuele verbanden uitgelegd door middel van afbeeldingen.

Een opmerkelijk voorbeeld van het multimediale gebruik van infographics is de videoclip van

Deel I. De infographic

beschikbare data, waardoor we zoveel kunnen visualiseren. We zouden haast kunnen spreken over

4

“Remind me” van het Noorweegse “Röyksopp”, welke volledig uit geanimeerde infographics bestaat. http://www.youtube.com/watch?v=eo4u4JJAPGk Voor wie geïnteresseerd is in meer informatie over datavisualisatie, doet er goed aan om het werk van Edward Tufte te bestuderen, welke door The New York Times ‘The da Vinci of Data’ wordt genoemd.iii

Datavisualisatie?

Waar het concept ‘infographic’ eigenlijk al moeilijk genoeg is omdat het geen duidelijke afbakening kent, schuilt er achter de infographic nog een interessante, ontologische discussie. De infographic wordt namelijk vaak in één adem met datavisualisatie genoemd, of het nu gaat om de infographic als vorm van datavisualisatie of datavisualisatie als onderdeel van de infographic. Het verschil dat wordt benoemd tussen deze twee schuilt in het feit dat een datavisualisatie alleen een visualisatie van data is en dat een infographic informatie over de data geeft en er dus een betekenis aan toekent.

Datavisualisatie draait daarnaast ook nog eens om kwantitatieve informatie, waar infographics zowel kwantitatieve als kwalitatieve data betekenis kunnen geven. Informatie afkomstig uit datavisualisatie staat vaak op zichzelf, zonder context. Informatie uit een infographic is meestal afkomstig uit een emergent verhaal, wat in een bepaalde volgorde gelezen moet worden.

Vormen van infographics

De vele vormen waarin infographics tegenwoordig bestaan, zijn talloos. Op de site van Frankwatching is een überinfographic te vinden, waarin de meest voorkomende vormen van de infographic worden weergegeven. Zo worden daarin bijvoorbeeld de schematische, abstracte, emergente, iconische, informatieve en textuele infographic genoemd. Leuk, zo’n overzicht, maar is een infographic niet gewoon altijd informatief? Daarnaast wordt ook de zogenaamde ‘visuele infographic’ genoemd,

gedaanten waarin infographics tegenwoordig voorkomen het onderscheid tussen de infographic als weergave van kwantitatieve informatie (cijfers) en de infographic als weergave van kwalitatieve informatie (tekst) is. Afhankelijk van deze keuze, zal er gebruik gemaakt worden van verschillende visuele elementen, zoals grafieken, tabellen, taartdiagrammen, of juist iconen, composities en

Deel I. De infographic

maar is een infographic niet juist visueel? Ik denk dat het meest heldere onderscheid in de vele

5

illustraties. Ă“f misschien zelfs wel een combinatie daarvan.

Bron: http://www.frankwatching.com/downloads/artikelen/uber-infographic-def.jpg

Kwantitatieve verwerking Met de grote hoeveelheid data die we tegenwoordig tot onze beschikking hebben, ontstaat ook de dwang om deze data te gebruiken, verbinden en uit te leggen. Om dit te kunnen, maakt men gebruik van verschillende vormen van datavisualisatie. In het artikel A Tour through the visualization zoo beschrijven Jeffrey Heer, Michael Bostock en Vadim Ogievetsky vijf veelvoorkomende typen van datavisualisatie.iv Time-series data

hierbij bijvoorbeeld aan index charts, een stacked (of stream) graph (waarin data gestapeld weergegeven worden) of aan small multiples (waarbij data naast elkaar hun eigen grafiekje krijgen).

Deel I. De infographic

Dit zijn de visualisaties waarin data van veranderende waarden over tijd worden uitgezet. Denk

6

Statistical distributions Hiermee wordt weergegeven hoe de cijfers verdeeld zijn, waardoor de verhoudingen zichtbaar worden gemaakt. Denk hierbij bijvoorbeeld aan de histogram, of een stem-and-leaf plot of scatter plot matrix.

Maps Een mannier van weergave waarbij met kaarten wordt gewerkt. De hoeveelheid lijnen, dikte van lijnen, de kleur van een lijn en het gebruik van pijlen kunnen allen onderlinge relaties blootleggen op een map. Ook worden er vaak met kleuren in combinatie met percentages gewerkt of zegt een kleur iets over de verdeling van bijvoorbeeld grondstoffen over de wereld.

Hierarchies Manieren om hiĂŤrarchische relaties weer te geven, zijn bijvoorbeeld het gebruik van een boomdiagram, een adjacency diagram (waarbij ruimte ook een betekenis krijgt), of een enclosure diagram.

Networks Een andere bekende vorm, is natuurlijk het weergeven van netwerken en verbanden door middel van lijnen. Zij zijn er force-directed lay-outs, waar vanuit bepaalde punten lijnen naar andere punten worden getrokken. Ook is er de boogdiagram en natuurlijk de matrix.

Kwalitatieve verwerking Kwalitatieve verwerking betreft natuurlijk het verwerken van tekstuele, non-numerieke informatie.

Hiervoor bestaan talloze mogelijkheden. Denk bijvoorbeeld aan een weergave van de historische ontwikkeling van slavernij, een overzicht van het Nederlandse koningshuis, een stappenplan voor het

Deel I. De infographic

komen tot een goede infographic etcetera.

7

Deel I. De infographic

Bron: http://visual.ly/visual-treasury-moustaches

8

De infographic als manier van kennisoverdracht

“Een beeld zegt meer dan duizend woorden.”

Maar een infographic is meer dan alleen een beeld. Een infographic is een manier om verbanden zichtbaar te maken, om een overzichtelijk inzicht te geven in data, om een interpretatie van cijfers weer te geven.

Maar werkt het verspreiden van informatie via beeld nu echt beter dan via tekst?

In de cognitieve theorie van multimedia leren (Mayer, 2001), beschrijft Mayer verschillende aspecten die bijdragen aan informatieverwerking. Eén daarvan is dat men op twee verschillende manieren informatie verwerkt; namelijk zowel visueel-ruimtelijk als auditief-verbaal. De theorie hierbij is dat wanneer beide manieren gebruikt worden, de mentale representatie van informatie versterkt wordt.

Hierbij gelden afbeeldingen en grafieken als visuele elementen en telt geschreven tekst ook als verbaal. Dat zou dus betekenen dat men bij het bestuderen van een infographic een sterke mentale representatie kan vormen, omdat hierin namelijk zowel woord als beeld gecombineerd worden. Dit is dan een betere manier van informatieverwerking dan de representatie van woord alleen.v Het multimedia principe stelt dat mensen beter leren bij een combinatie van woord en beeld dan van woord alleen. Echter, voor een ultieme opslag in het geheugen, dienen er zowel auditieve als visuele stimuli aangeboden te worden. Idealiter bestaat een multimediabericht dat bedoeld is voor kennisoverdracht dus uit zowel beeld, tekst én geluid, hetgeen bij een infographic niet het geval is.vi De infographic is wel degelijk een goede tool voor kennisoverdracht en in die zin ook beter dan alleen een tekst, omdat het woord én beeld combineert. De infographic wordt echter weer voorbijgestreefd door multimediaberichten die ook nog eens auditieve aspecten bevatten. Echter, in de praktijk komen dergelijke multimediaberichten nauwelijks voor én is de meest ideale vorm voor kennisoverdracht natuurlijk ook afhankelijk van de context; de infographic is uitermate geschikt om de gehaaste internetgebruiker in korte tijd van overzichtelijke informatie te voorzien.

9

Deel II. De tutorial

Het idee

Wat ga ik visualiseren?

De infographic is geen gemakkelijk product, vooral omdat je het niet zo een twee drie maakt. Het vereist nogal wat voorwerk om tot een goede infographic te komen.

Een voor de hand liggende, doch tegelijkertijd een van de belangrijkste vragen in dit proces is: wat wil ik visualiseren? Waar gaat mijn infographic over?

Voor het eindproduct van mijn tutorial heb ik ervoor gekozen om een infographic te maken over het watercooler-effect, een onderwerp dat aansluit bij mijn interesse en waardoor ik de infographic wellicht kan gebruiken op www.newmediacafe.nl. In deze infographic wil ik graag de beweging van het publiek gedurende de televisietijdperken die we doorlopen hebben, weergeven.

Op zoek naar data Zowel voor een infographic met kwantificeerbare data als een infographic met kwalitatieve data, is er onderzoek vereist om deze middels een verhaal met elkaar te verbinden.

Je weet immers wat je wilt visualiseren, nu is het tijd om op zoek te gaan naar de juiste data. Voor een infographic met kwalitatieve informatie ga je wellicht op onderzoek uit in literatuur, voor een infographic met kwantitatieve data verricht je misschien zelf wel een onderzoek of gebruik je een bestaande dataset.

Deel II. De tutorial

Aangezien ik wil weten hoe het publiek (the audience) zich ontwikkelt en ontwikkeld heeft, heb ik me verdiept in een aantal wetenschappelijke artikelen waarin dit beschreven wordt.

Deze artikelen gaven echter geen cijferdata, maar wel een tekstueel overzicht van de ontwikkeling van het medialandschap en hoe dit het publiek heeft be誰nvloed.

10

Analyseren van data Als het goed is, beschik je inmiddels over of een dataset, of een scala aan kwalitatieve gegevens. Ga op zoek naar een verhaal in deze data. Wat valt je op? Wat zou je met behulp van een grafische Hetgeen ik wil visualiseren, komt voort uit een artikel dat ik inmiddels zelf aan de hand van literatuurstudie geschreven heb. In het artikel heb ik beschreven hoe de beweging van het publiek en het medialandschap er over de verschillende televisietijdperken uitziet. Het volledige artikel is – inclusief bronvermelding – te vinden via deze link: http://www.newmediacafe.nl/component/k2/item/15-mass-may-not-be-the-right-measure

weergave van deze data duidelijk kunnen maken?

Welk hulpmiddel gebruik ik voor de visualisatie?

Wanneer we weten waarover we een infographic willen maken en deze gegevens ook daadwerkelijk verzameld hebben, moeten we ook nog weten waarmee we die infographic dan willen maken.

Tegenwoordig zijn er – net zoals bij het maken van GIFs, memes en dergelijke – programma’s en websites beschikbaar die het meeste werk voor je doen. Een voorbeeld hiervan is de website https://infogr.am/beta/.

Deze site biedt een aantal gratis templates aan om je infographic mee te maken en het enige wat je zelf hoeft te doen, is het invoeren van je data. Dat betekent ten eerste dat je eigenlijk alleen kwantificeerbare gegevens kan invoeren en ten tweede dat creatief gebonden bent. De originaliteit van je infographic, je eigen stijl of erger nog, het verhaal achter je gegevens, kan zo verloren gaan.

Een veelgebruikt programma voor het maken van infographics dat wel meer mogelijkheden biedt, is Adobe Illustrator. Illustrator is zeer geschikt voor grafisch ontwerp en wordt veel gebruikt voor het maken van vectorafbeeldingen. Vectorafbeeldingen zijn grafische voorstellingen die gemaakt worden

een vectorafbeelding is dat verhoudingen daardoor bewaard blijven, waardoor de kwaliteit

Deel II. De tutorial

door middel van punten, lijnen en vormen op basis van wiskundige vergelijkingen. Het voordeel van

11

behouden blijft bij het doen van aanpassingen. Bij een ‘gewone’ afbeelding gaat het doen van aanpassingen namelijk vaak ten koste van de resolutie. vii Binnen Illustrator zijn er weer verschillende methoden voorhanden om je infographic vorm te geven, afhankelijk van je eigen teken- en designvaardigheden. Een manier voor de gevorderden onder ons is bijvoorbeeld het inscannen van een gedetailleerde schets om deze vervolgens over te trekken, in te kleuren en zo meer diepte en vorm mee te geven aan het digitale ontwerp. De beginner zal zich ook baseren op een schets op papier, maar zich voornamelijk beperken tot 2D vormen en een gesimplificeerde lay-out.

Deel II. De tutorial

Bron: http://www.digitalartsonline.co.uk/tutorials/adobe-illustrator/create-cool-infographics/

12

Deel II. De tutorial

Bron: http://visual.ly/teens-social-media

13

De uitvoering

Inspiratie opdoen Zoals eerder gezegd, maak je de infographic niet zomaar ‘eventjes’. Als je eenmaal in beeld hebt wát je wilt gaan

Tijdens het experimenteren met Illustrator heb ik een screencast gemaakt van een deel van het constructieproces. Benieuwd? http://www.youtube.com/watch?v=igqIGLZrKo8 &feature=youtu.be

verwerken in je infographic, is het tijd om aan de slag te gaan. Maar eerst.. inspiratie opdoen!

Want als je niet eens weet welke mogelijkheden er allemaal zijn voor de infographic, is het erg moeilijk om je eigen stijl, smaak of inrichting ervan te bepalen. Kijk goed rond naar wat er allemaal voor soorten infographics zijn, wat ze vertellen en hoe ze dat doen. Een site waar je vele verschillende voorbeelden kunt vinden, is www.visual.ly.

Schetsen Nu je eindelijk een idee hebt van wat je wilt visualiseren en hoe je dat wilt gaan doen, is het tijd om te gaan schetsen. Een goed ontwerp ontstaat (vrijwel) nooit in één keer, dus maak gerust meerdere schetsen, probeer verschillende stijlen uit en kijk wat werkt. Houdt in het oog dat je infographic wel één geheel moet vormen. Gebruik dezelfde soorten vormen en plaats niet vierkantjes, rondjes, driehoeken etc. naast elkaar. Denk tijdens het schetsen ook aan het kleurenpatroon dat je wilt gaan gebruiken. Als je tevreden bent met je schets, is het dan eindelijk tijd om deze om te zetten naar een

Deel II. De tutorial

digitaal product met behulp van Adobe Illustrator.

14

Een eerste schets

Het creëren in Illustrator Onder het kopje ‘het idee’ heb ik niet alleen uitgelegd welke stappen je het beste kan doorlopen om tot de basisingrediënten voor je infographic te komen, maar heb ik ook aangegeven hoe ik zelf dat proces doorlopen heb. In het onderstaande stappenplan zal ik dan ook laten zien hoe ik tot het eindproduct van mijn infographic ben gekomen. Aangezien de focus bij het maken ligt en niet bij het eindproduct zelf, zal ik gaandeweg enkele tools toelichten, zodat je er straks zelf mee aan de slag kan en de mogelijkheden ervan kan ontdekken.

Een indeling maken

Creëer een nieuw document. Denk daarbij vooral goed na over de grootte ervan; moet je infographic lang zijn, dun zijn, breed zijn?

Deel II. De tutorial

Stap 1. De juiste afmeting

15

Aangezien de meeste infographics rechthoekig van vorm zijn en mijn schets A4-formaat gemaakt is, heb ik gekozen voor de afmeting 200mm x 300mm

TIP! Het is bij het maken van een ontwerp handig om gebruik te maken van hulplijnen, deze schakel je in door met je cursor op de gewenste hoogte in je liniaal te gaan staan en vervolgens dubbel te klikken.

TIP! Als je gaat ontwerpen in illustrator, is het handig om gebruik te maken van een liniaal en/of raster. Deze zet je aan of door te gaan naar weergave > raster tonen en weergave> linialen > linialen tonen of door middel van ctrl + R (liniaal) ctrl + “ (raster).

Voor mijn project heb ik het formaat van het raster aangepast, zodat ik de oppervlakte gemakkelijker in de vijf vakken van mijn schets kon verdelen. Je voorkeursinstellingen passen je aan door te gaan naar bewerken > voorkeuren > hulplijnen en raster

Stap 2. De ondergrond Om een basis voor je product te vormen, maak je gebruik van de rectangle tool (M). Deze sleep je over het gehele document. Kleur vervolgens je rechthoek in door met het pipet Eyedropper (I) over het kleurenspectrum rechts op je scherm te gaan.

Deel II. De tutorial

Ik heb ervoor gekozen om op zoek te gaan naar een warme oranje kleur, om zo in de huisstijl van de website newmediacafe.nl te blijven.

16

Stap 3. Titels Een infographic heeft natuurlijk een titel nodig. Deze maak je met behulp van de teksttool (T). Sleep met je muis om een tekstvak te creëren of dubbelklik op een punt waar je de titel wilt plaatsen. Speel vervolgens met lettertype, kleur, grootte etc. tot je tevreden bent.

De kleur wit sluit goed aan bij de huisstijl, evenals het Arial Narrow Bold lettertype, pt. 46 Ook heb ik gekozen voor een ondertitel, welke ik dan een contrasterend uiterlijk heb gegeven voor een speels effect.

Stap 4. De eerste vormgeving Ik wil de indeling in de vier “tijdperken” van mijn infographic weergeven met behulp van titels in de zijlijn, maar daar wil ik natuurlijk een mooie grafische invulling aan geven. Daarom gebruik ik de Ellipse tool

TIP! Vergeet niet dat wanneer je wilt gaan slepen, of überhaupt iets met een getekend object wilt gaan doen, je deze eerst moet selecteren met behulp van de cursor (V). Anders bestaat de kans dat je per ongeluk een ander onderdeel van je infographic aan het bewerken bent.

(L) om een ovaal te tekenen, waar ik vervolgens mijn titel in plaats.

Vormen tekenen Stap 5. Rechthoeken en ovalen tekenen Nu we een indeling gemaakt hebben, wordt het tijd voor de echte grafische elementen; de vormen.

De belangrijkste tools hiervoor zijn de ellipse tool en de rectangle tool, hierboven al genoemd.

Wanneer je tijdens het selecteren met je cursor de muis ingedrukt houdt op een tool, komt er een menu waarin je kunt kiezen welke bijzondere eigenschappen de tool moet hebben. Zo kun je er bijvoorbeeld voor kiezen om je rechthoek ronde hoeken te geven of kun je via dit menu ook schakelen tussen de ellipse, rectangle of een andere vorm.

De ronding van de hoeken kun je aanpassen door tijdens het tekenen de pijlen op je toetsenbord

Bovenaan in je scherm kun je vervolgens per vorm aangeven welke kleur de vulling en lijnen moeten hebben.

Deel II. De tutorial

naar boven of beneden in te drukken.

17

Om het publiek (the audience) af te beelden, heb ik gekozen voor simpele poppetjes, welke tezamen een publiek vormen. Deze heb ik gecreëerd door met de ellipse tool een ronde vorm te maken (het hoofd). Vervolgens heb ik met de rectangle tool (de afgeronde rechthoek) een lijfje gemaakt. Het poppetje wat ik nu gecreëerd heb, kan ik net zo lang dupliceren totdat ik een publiek heb gevormd.

TIP! Gebruik de functie ‘slimme hulplijnen’ om gemakkelijker lijnen te kunnen trekken. Of vormen de juiste verhouding tot elkaar te geven. Deze zet je aan door te gaan naar weergave > slimme hulplijnen of door middel van ctrl + U.

Stap 6. Een voorbeeld

Zoals in mijn schets te zien is, draaide het eerste tijdperk alleen om de televisie. Om deze af te beelden, heb ik gebruik gemaakt van de rectangle tool. Deze heb ik voornamelijk in bruine tinten ingekleurd. Met het lijnsegment (\) heb ik vervolgens de poten en antenne nagebootst en diepte gecreëerd

Stap 7. Spelen met kleuren Om de satelliet voor het tweede televisietijdperk te kunnen schetsen, wil ik

dus een ovaal heb getekend, selecteer ik de optie ‘verloop’ in het linkermenu.

Deel II. De tutorial

wat kleurverschil aanbrengen. Wanneer ik

18

Stap 8. Vormvariatie Het creëren van andere vormen.

Wanneer ik iets anders wil vormgeven dan een ovaal of rechthoek, kan ik de optie ‘veelhoek’ gebruiken door met mijn muis de rectangle danwel ellipsetool te selecteren en in het verschenen menu voor ‘veelhoek’ te kiezen. Vervolgens kan ik ook met deze tool tijdens het tekenen met behulp van de pijlen omhoog en omlaag op het toetsenbord aangeven hoeveel hoeken mijn veelhoek moet hebben. Zo kan ik bijvoorbeeld de driehoek voor mijn pijlen maken.

Stap 9. Importeren Afbeeldingen importeren is natuurlijk ook mogelijk. Heb je met behulp van een ander programma een illustratie gemaakt die je wilt invoegen? Of wil je een foto invoegen? Een logo misschien? Sleep simpelweg het bestand in het programma en geef hem de juiste afmetingen. Zorg ervoor dat er geen kleurverschillen of vreemde patronen ontstaan.

Stap 10. Play = perfection Wanneer je alle basiselementen voor je infographic hebt gevormd, is het tijd om je ontwerp te perfectioneren. Dit kun je simpelweg alleen maar doen door te spelen met wat je tot dan toe gecreëerd hebt. Verander de kleuren, lijnen, afmetingen en compositie tot je tevreden bent.

één of meerdere objecten tegelijk te verplaatsen. Een daarvan is de lasso (Q), waarmee je de groep vormen die je wilt verplaatsen kunt omcirkelen en zo in één keer kunt verslepen. Ook kun je de

Deel II. De tutorial

Aangezien je vaak vele vormen op elkaar hebt gestapeld, heeft Illustrator een paar handige tools om

19

vormen natuurlijk groeperen (zoals het hoofd en het lijfje van een poppetje) of verbinden (zoals alle poppetjes die samen het publiek vormen) met behulp van je rechtermuisknop.

Wanneer je (gedeeltes van) een lijn van een vorm wilt verwijderen, kun je dit doen met behulp van de schaar (C). Door met deze tool op een lijn te klikken, kun je nieuwe ankerpunten maken. De lijn tussen deze ankerpunten kun je vervolgens gemakkelijk verwijderen.

Stap 11. Exporteren Alles naar wens? Kloppen alle details? Staat alles op zijn plek?

Tijd om te exporteren. Ga naar bestand > exporteren > opslaan als JPEG. Belangrijk! Voor optimale kwaliteit, stel het kleurmodel in op RGB en de kwaliteit op maximum. Kies bij de opties voor de hoogste resolutie (300 ppi).

Deel II. De tutorial

Stap 12. Het eindresultaat

20

21

Deel II. De tutorial

Bronnen Websites Alle Wijmenga, Multimediaal? Wat is dat dan? http://alleswereld.blogspot.nl/2006/05/multimediaal-wat-is-dat-dan.html Shell Harris, 7 Infographic Topics You Should Avoid http://blog.crazyegg.com/2013/04/02/infographic-topics-to-avoid/ Paul Butt, Adobe Illustrator tutorial: Design a magazine infographic http://www.digitalartsonline.co.uk/tutorials/adobe-illustrator/design-magazine-infographic/

Martijn Arts, Infographics en datavisualisatie in woord en beeld, http://www.frankwatching.com/archive/2011/11/09/infographics-en-datavisualisatie-in-woord-enbeeld/ Rob Blaauboer, Kan iedereen een goede infographic maken? http://www.frankwatching.com/archive/2013/08/30/kan-iedereen-een-goede-infographic-maken/

https://infogr.am/beta/

Jonathan, How To Create Outstanding Modern Infographics, http://vector.tutsplus.com/tutorials/designing/how-to-create-outstanding-modern-infographics/ www.visual.ly

http://www.webanalisten.nl/7-data-visualisatie-tips-voor-beginners

http://en.wikipedia.org/wiki/Infographic

http://zinnebeeld.blogspot.nl/2012/05/visuele-kennisconstructie.html

Deel II. De tutorial

http://www.youtube.com/watch?v=eo4u4JJAPGk

22

Literatuur Heer, J., Bostock, M. & Ogievetsky, V. A Tour through the Visualization Zoo. Via http://queue.acm.org/detail.cfm?id=1805128, laatst geraadpleegd op 20-10-2013 Luwi, P.J. (2006). Speaking of Graphics: Neurath and the Vienna Method of Picture Statistics.(p. 1-38) Mayer, R. (2001). Multimedia learning. Cambridge: Cambridge University Press Tufte, E.R. (2001). The Visual Display of Quantitative Information. Connecticut: Graphics Press LLC Van Otten, L. (2007). Literatuurstudie Visuele Kennisconstructie (scriptie). Universiteit Twente, Twente

i

Tufte, E.R. (2001). The Visual Display of Quantitative Information. Connecticut: Graphics Press LLC

ii

Luwi, P.J. (2006). Speaking of Graphics: Neurath and the Vienna Method of Picture Statistics.(p. 1-38)

iii

Shapley, D. The da Vinci of Data. http://www.nytimes.com/1998/03/30/business/the-da-vinci-of-data.html, laatst geraadpleegd op 20-10-2013 iv

v

Heer, J., Bostock, M. & Ogievetsky, V. A Tour through the Visualization Zoo. Mayer, R. (2001). Multimedia learning. Cambridge: Cambridge University Press

vi

Van Otten, L. (2007). Literatuurstudie Visuele Kennisconstructie (scriptie). Universiteit Twente, Twente http://nl.wikipedia.org/wiki/Vectorafbeelding, laatst geraadpleegd op 20-10-2013

Deel II. De tutorial

vii

23