De visuele metafoor

De visuele metafoor

Even verder over die animaties. Al die abstracties waar je mee doodgegooid wordt – denk aan ‘onboarding’ of ‘innovatie’ of ‘verduurzaming’ – die moeten verbeeld worden. Grondwaterpeilbeheer verbeeld je met waterbakjes, zaakgericht werken met ballonnetjes en het schuiven met warehouses in de logistiek gebeurt op ruitjespapier. Die bakjes water, ballonnetjes en ruitjespapier in animatie zijn visuele metaforen.

Wat is een metafoor?

Een metafoor is een hulpmiddel waarbij je een eigenschap van een bepaald ‘ding’ gebruikt voor het verduidelijken van een ander ‘ding’. Er zijn dus twee dingen gaande:
Het onderwerp: je praat hier niet over, maar het gaat hier (eigenlijk) wel over.
De metafoor: je praat hier wel over, maar het gaat hier niet over.
Een visuele metafoor in een animatie werkt hetzelfde als een tekstuele.

Fijn, herkenbaarheid

Een animatie zonder visuele metaforen nodigt niemand uit in z’n eigen onbegrijpelijke wereldje, een animatie mét visuele metaforen maakt de oversteek naar de herkenbaarheid. Als de visuele metafoor uitgewerkt wordt tot een ‘wereldje’, dan kun je er eindeloos mee vooruit.

Wat er met een visuele metafoor moet kunnen

In het geval van ‘zaakgericht werken’, komen de rondvliegende ballonnetjes in de plaats van het onzichtbare IT-systeem. Een abstractie waar je het dan gelukkig niet meer over hoeft te hebben. Het is belangrijk dat de ballonnetjes hetzelfde ‘kunnen’ als het IT-systeem, anders kun je niet alle aspecten daarvan uitleggen met de ballonnetjes.
Volgens mij is het belangrijk dat de ballonnetjes het IT-systeem nabootsen op een ernstig versimpelde manier: ze vliegen overal zomaar heen, terwijl de IT natuurijk heidens ingewikkeld is. De ballonnetjes hoeven dus niet te kunnen uitleggen wat mensen niet hoeven te weten over het IT-systeem.

Komt dat even mooi uit.

De oorzaak van saaie animaties

Zonder een metafoor laat de animatie gewoon zien wat je al weet. Saai. Wat animaties nog saaier maakt is dat de opdrachtgevers beginnen met een A4 vol tekst. De filmpjes worden daar opsommerig van. Alle informatie zit in tekst (logisch, er staan tekstmensen aan het roer).

Begin met het beeld.

 

 

 

Oerschets van de organisatie als geschakelde eilandjes, met de klant aan de balie aan de ene kant, en aan de andere kant. Hopelijk is het probleem ondertussen opgelost.

… want er komen nogal wat problemen de organisatie binnenvliegen. Pardon, ‘zaken’.

 

Zo’n zaak begint bij een burger die klaagt, bijvoorbeeld.

 

Dat wordt dan verwerkt door een medewerker. Ze gooit documentjes in het ballonnetje.

 

 

Werkt de metafoor? Ja, de ‘zaak’ kan ook buiten de organisatie vliegen, naar een man in het veld.

De metafoor werkt ook als het spaak loopt: dan wordt er een urgent, rood, ballonnetje aangemaakt.

Ook werkt de metafoor om de overdraagbaarheid van zaken te benadrukken: je kunt van bureau wisselen en het ballonnetje meenemen, of je kunt iemand aflossen, en haar ballonnetjes overnemen.

animatie metaforen

De grap is natuurlijk dat er ook groene ballonnetjes zijn, die gaan automatisch, daarvoor hoeft er niemand achter het bureau en kunnen ze tijd besteden aan de rode ballonnetjes.
Echte IT-systemen zijn veel vervelender om naar te kijken of om over te horen. Fijn hoor, zo’n metafoor.

animatie visuele metafoor

Klik op de afbeelding voor de video. Deze speelt af in een nieuw venster (Vimeo wil graag een cookie plaatsen, dat kun je afwijzen).

 

animatie metaforen

Oerschets 2: het berekenen van de positie van warelhouses en het bedenken van routes ertussen, is als spelen met auto’s en loodsjes op een groot ruitjespapier.

 

animatie metaforen

Ook met deze metafoor kun je alle aspecten van de logistiek uitleggen.

… tot je op megaschaal bent.

Klik op de afbeelding voor de video. Deze speelt af in een nieuw venster (Vimeo wil graag een cookie plaatsen, dat kun je afwijzen).

 

animatie metaforen

Grondwaterpeilbeheer als ‘spel’ met bakjes water die vol, leeg of lek kunnen zijn. Hier hebben ze sensoren om ze te meten. De mol heeft een laptop.

animatie metaforen

Als je de bakjes hebt gezien, zie je ze nog steeds als er weer een stad bovenop staat.

animatie metaforen

De mol heeft een mijnwerkershelm. Die schijnt op details die te klein zijn om in de scene goed zichtbaar te zijn. Wil je niet steeds van scene wisselen, of heel erg nerveus zoomen, dan heb je zoiets nodig.

Klik op de afbeelding voor de video. Deze speelt af in een nieuw venster (Vimeo wil graag een cookie plaatsen, dat kun je afwijzen).

 

 

Wereldjes waar je mee vooruit kunt

Wereldjes waar je mee vooruit kunt

Eén illustratie laten maken is niet zo slim.
Werken aan een systeem van illustraties is logischer, als je weet hoe illustratie-software werkt.

Maar de vraag vanuit een communicatie-afdeling begint natuurlijk wel altijd zo: ‘we willen uitleggen hoe deze dienst werkt’ of ‘laat zien hoe deze oplossing eruit ziet’.

1: denk aan de lezer.

Suf, dat ik dat steeds zeg. Maar bij ‘normale’ bedrijven zijn de bedenkers, de ingenieurs, de baas. Die willen graag laten zien wat ze kunnen, en hoe slim die oplossing wel niet is. De lezer wil weten ‘wat doet dat voor mij, dat product van jullie?’. Zou je naar de koper luisteren, dan kom je uit bij use-cases. Herkenbare situaties. Die kun je laten zien.

2: denk aan hoe en waar die lezer jouw beeld bekijkt.

Je maakt voor de website een flinke visual. Maar voor insta, of twitter, of een beurs is die misschien niet geschikt. Voor die kanalen kom je al snel met een specifiek onderdeel, liefst voor één doelgroep tegelijk. De illustratie-opdracht wordt dan ‘maak een systeem voor illustraties waarmee we alle kanalen kunnen bedienen’.
Voor motion graphics of animaties heb je illustraties nodig die uit losse componenten bestaan.

3: denk aan wat je later nog zou willen maken

Wat je later nog wilt, weet je niet. Toch: zou het niet handig zijn om illustraties te hebben in een stijl en type waarvan je er later makkelijk nog wat bij kunt maken? Zorg dan dat je:
niet in een specifieke resolutie werkt (maak vector illustraties of 3D-illustraties die je later opnieuw kunt renderen)
niet in een beperkend kleurenpalet werkt (RGB, nooit CMYK)
niet vastzit aan een bepaald perspectief (doe alles ‘plat’, of isometrisch, of puur 3D)
details die tijdelijk zijn (of modieus) wil je makkelijk kunnen verwijderen of veranderen; werk modulair.

Het ‘wereldje’

Ik illustreer altijd systematisch. Je begint als het ware te bouwen aan een wereldje, al bij de eerste tekening. Met elke volgende opdracht vult dit wereldje zich verder met achtergronden, gebruikers, decor, specifieke toepassingen en nieuwere versies van de producten. Net zolang tot je op elke nieuwe illustratie-vraag heel snel kunt antwoorden omdat je bijna alle componenten al in voorraad hebt.

O, er is nog een punt 4:

4: zorg dat de illustratie-methode overdraagbaar is

Als de stijl is ontwikkeld, wil je niet aan een ontwerper of illustrator vastzitten. Idealiter wil je met de losse componenten zelf uitingen kunnen maken, al was het maar een tekstlaag die je kunt veranderen. Nog mooier is het als stijl, maatvoering en kleurenpalet vastliggen zodat een illustrator in huis, of een goedkopere illustrator extern, de lijn kan doortrekken.

 

 

 

illustraties systeem

Vogels, opgebouwd uit losse ledematen, voor informatiepanelen.

 

illustraties systeem

Opgroeien van gruttokuikens door de maanden heen. Voor Natuurmonumenten.

 

illustraties systeem

Robot-bouwplaats. Voor Accerion/Unconstrained Robotics

 

illustraties systeem

Prefab-bedrijfsgebouwen-gevels. Voor Ewals Cargo Care.

Groendak-componenten, voor Cityroofs/Zoontjens.

 

illustraties systeem

Zoals een waterschap een werkplaats heeft, heb ik in Illustrator een terrein met losse illustraties die het systeem voeden ;-). Voor informatiepanelen voor een waterschap.