digitale toegankelijkheid en drempelvrij informatie design

Drempelvrije informatie: website, infographics en designs volgens WCAG richtlijnen

Audiovisuele informatie is de beste vorm van online communicatie. Waarom? Je prikkelt meerdere zintuigen bij het overbrengen van je boodschap. Maar wat als je slechthorend of slechtziend bent? Dan worden die zintuigen moeilijk of zelfs niet geprikkeld.

We doen er in Nederland veel aan om alledaagse dingen op straat of in openbare ruimtes toegankelijk en drempelvrij te maken voor iedereen. Denk aan rolstoelvriendelijke in- en uitgangen en reliëftegels en geleidelijnen op straat voor mensen met een visuele beperking. Maar hoe zit dat eigenlijk online?

 

Het belang van digitale toegankelijkheid

Ongeveer 25% van de Nederlanders heeft moeite met het gebruiken van digitale informatie. Dit kan moeite zijn met het lezen van informatie, maar ook met het bekijken of het bedienen ervan. Denk aan gebruikers die…

  • Slechthorend zijn
  • Slechtziend zijn
  • Een cognitieve beperking hebben
  • Een motorische beperking hebben
  • Of laaggeletterdheid zijn

 

drempelvrije informatie voor auditieve beperkingen drempelvrije informatie voor mensen met cognitieve beperkingen drempelvrije informatie voor mensen met motorische beperking drempelvrije informatie voor visuele beperkingen

 

Wat is WCAG?

Om designs, websites, infographics en andere visuele content, zoals pdf’s toch toegankelijk te maken voor deze mensen, zijn er WCAG-richtlijnen opgesteld. WCAG staat voor Web Content Accessibility Guidelines. Deze richtlijnen garanderen de digitale toegankelijkheid van online informatie.  Je hebt hierbij drie niveaus van toetsing (A, AA, AAA) ieder afhankelijk van een bepaalde hoeveelheid WCAG-richtlijnen.

Waarom digitale drempelvrije informatie in de minderheid is

Als een kwart van de Nederlanders moeite heeft met digitale informatie, dan is de volgende stap simpel, toch? Drempelvrije informatie produceren die voor iedereen bruikbaar is.

Toch zijn er bijvoorbeeld meer digitaal ontoegankelijke websites dan digitaal toegankelijke websites. Het is ook niet zomaar iets. De WCAG-richtlijnen zijn strikt en het zijn er best wat. Daarbij worden ze ook regelmatig geüpdatet. Zo is WGAC 2.1 nu van toepassing en is versie 2.2 alweer in aantocht in juni 2022. Dat maakt het omzetten van je website naar een drempelvrije omgeving een heuse dagtaak. Daarbij komt ook kijken dat je huidige huisstijl voor problemen kan zorgen (daarover later meer). Kortom, digitale toegankelijke informatie is belangrijk om te implementeren, maar niet per se appeltje eitje.

Bovendien is het niet voor iedere partij direct een noodzaak, waardoor het ook vaak wordt uitgesteld. Voor organisaties in de publieke sector geldt er daarentegen wel wat anders. Je kunt je wel voorstellen dat het voor overheidsinstanties, zorginstellingen en gemeentes belangrijk is dat informatie voor iedere webbezoeker toegankelijk is. Dus zij zijn verplicht dit wél te implementeren.

 

Voordelen van drempelvrije informatie voor jou

De toekomst is toegankelijk. Ondanks dat het drempelvrij maken van je web content best een klus is, haal je er meerdere voordelen uit naast dat iedereen ervan gebruik kan maken.

Al jaren gaat goede SEO gepaard met UX-design. Een goede gebruikerservaring van je websites, zorgt voor een betere beoordelingen door grote zoekmachines als Google. Dat betekent dat de digitale toegankelijkheid van jouw website en content dus bijdraagt aan je online vindbaarheid.

Zoekmachines als Google ranken webpagina’s onder andere door te kijken naar leesbaarheid en gebruiksvriendelijkheid. Hoe gebruiksvriendelijker je website, hoe beter Google je vindt en hoe hoger je ranking in de zoekresultaten. Door de informatie op zo’n pagina voor iedere bezoeker begrijpelijk en waarneembaar te maken, maak je het automatisch user-friendly. Daarbij zijn er een aantal tips voor een drempelvrije website ook direct van toepassing op je SEO, bijvoorbeeld:

  • Duidelijke, beschrijvende, unieke titel voor iedere pagina
  • Voorzie afbeeldingen van alternatieve teksten
  • Voeg ondertiteling en beschrijvende tekst toe aan video’s

Dit maakt een digitaal toegankelijke website of infographic niet alleen nuttig voor gebruikers, maar ook voor de online zichtbaarheid en vindbaarheid van je website of content. Daarbij bereik je veel meer mensen met toegankelijke web content.

 

Word cooler en digitaal toegankelijk

Gelukkig, kan met de hulp van experts alles. Uitdaging of niet, alles is mogelijk. Waar kunnen wij je bij helpen? Nou, voor de volgende services bieden wij de mogelijkheid om ze volgens de WCAG richtlijnen te produceren:

  • (Interactieve) infographics
  • (Interactieve) praatplaten
  • (Interactieve) pdf’s (denk aan posters, online brochures, whitepaper designs etc.)

Wat zijn de vereisten voor digitaal toegankelijke designs?

Allereerst, bepaal het niveau dat je wil behalen. Groeien kan altijd nog, dus maak het realistisch. Ook is dit natuurlijk afhankelijk van je doelgroep. Als overheidsinstantie of andere publieke organisatie is het van belang dat een drempelvrije infographic of website voldoet aan het gehele scala richtlijnen, gezien de verplichting, maar natuurlijk ook omdat je een breed publiek aanspreekt. Bekijk het voorbeeld van het waarmerk Drempelvrij. Je ziet dat je rechtboven verschillende functies hebt om de toegankelijkheid van de website te verbeteren, zoals aanpasbare kleuren en een voorlees-functie.

voorbeeld drempelvrij.nl

Om je een beter beeld te geven, duiken we in een aantal belangrijke pijlers voor drempelvrije informatie visualisatie.

1. Waarneembaar

Je moet ervoor zorgen dat alle elementen van je web content te gebruiken zijn op een manier die voor de gebruiker waarneembaar is. Dat betekent dat iemand met een visuele beperking de video content middels een audiobeschrijving moet kunnen waarnemenof dat iemand met kleurenblindheid de kleurinstellingen van een webpagina kan aanpassen. Wat hoort hier o.a. nog meer bij?

  • Alle niet-tekstuele content dient een tekstalternatief te hebben;
  • Maak content die op diverse wijzen getoond kan worden, zodat het aanpasbaar wordt voor de gebruiker;
  • Voeg ondertitels en beschrijvingen toe aan o.a. video content voor slechthorenden en doven;
  • Kleur mag niet het enige visuele element zijn dat bijvoorbeeld een actie aangeeft. Een button moet in dit geval naast kleur ook een icoon of tekst bevatten.

Kleurgebruik volgens WCAG 2.1 kent meerdere criteria. Denk aan de contrastratio van kleuren die bij elkaar worden gebruikt. Hier komt het stukje over problemen voor je huisstijl kijken. Niet iedere huisstijl heeft een kleurenpalet die volgens de contrastratio digitaal toegankelijk is. Dat betekent dat je soms regels rondom kleurgebruik in je huisstijl moet aanpassen of alternatieve kleuren moet toepassen om te voldoen aan de richtlijnen. Check snel of de contrastratio van je tekst- en achtergrondkleuren voldoet aan de eisen voor ‘drempelvrij’ met deze handige tool.

Goed kleurgebruik is vooral van belang voor mensen met een cognitieve of visuele beperking, zoals kleurenblindheid of -deficiëntie. Om meer inzicht in kleurdeficiëntie te krijgen, helpt onze AnyStory je misschien een handje:

 

2. Bedienbaar

Je website en andere content moet natuurlijk altijd makkelijk te bedienen zijn, wil het goed werken. Toch gaat ook de bedienbaarheid een stapje verder dan je gewend bent als je het wil optimaliseren voor gebruikers met een motorische beperking. Gelukkig, behaal je relatief makkelijk winst op het gebied van bedienbaarheid met extra toepassingen rondom toetsbordtoegankelijkheid en navigatie.

  • Als je gebruikmaakt van slides of tekstblokken die na een bepaalde tijd wisselen, dien je een aanpasbaar timingselement toe te voegen waardoor de gebruiker zelf het element kan pauzeren of de tijd van verandering kan instellen;
  • Stel, je implementeert enkele sneltoetsen, dan dienen deze aangepast te kunnen worden. Denk aan een spatie voor het op pauze zetten van een video die je kunt omzetten naar een sneltoets voor Ctrl + spatie;
  • De richtlijn ‘navigeerbaar’ kent verschillende onderdelen die ook onder bedienbaarheid vallen. Bijvoorbeeld paginatitels die het onderwerp van de pagina moeten bevatten of een mechanisme dat content blokken automatisch omzeilt als deze storend zijn voor gebruikers met een bepaalde beperking.

 

3. Begrijpelijk

Als uitlegexpert staat begrip en duidelijkheid hoog in het vaandel bij ons. Mensen zijn verschillend en daardoor kan één zin al op verschillende manieren worden geïnterpreteerd. Daarom is het voornaamste van deze richtlijn dat content (in welke vorm dan ook) een eenduidige functie of boodschap heeft. Maar ook het volgende valt hieronder:

  • De leesbaarheid van teksten. Vermijd jargon en schrijf op B1-niveau als het gaat om Nederlands. Dit taalniveau wordt gekenmerkt door woorden die veel voorkomen en die iedere geletterde Nederlander zou moeten kunnen lezen;
  • Implementeer een foutindentificeerder, zodat gebruikers bij een typefout automatisch de juiste suggestie krijgen. Zo heb je meteen twee vereisten in één: foutidentificatie en foutsuggestie.

 

4. Robuust

Deze richtlijn gaat wat meer de technische kant op. Content – in iedere vorm – moet betrouwbaar geïnterpreteerd kunnen worden door User Agents. Wat houdt dat precies in? Nou, voor een website zijn user agents browsers die webservers laten weten dat ze er zijn. Dus mocht iemand Chrome gebruiken als browser op een Windows pc om je website te gebruiken, dan vertelt Chrome dat in wezen aan je server.

Kortom, de richtlijnen met betrekking tot ‘Robuust’ zijn bedoeld om aan browsers informatie te verschaffen die ze op een betrouwbare en eenduidige manier kunnen interpreteren, zodat de browser precies weet wat jouw content inhoudt. Door rekening te houden met deze richtlijn, pas je gelijk optimalisaties toe om de vindbaarheid van je informatie te verbeteren.

Note: dit is een greep uit de WCAG 2.1-richtlijnen anno mei 2022. De volledige en up-to-date WCAG-richtlijnen vind je hier.

 

Hulp nodig bij het maken van visuele en drempelvrije informatie of wil je advies over een toegankelijke huisstijl? Wat je vraag ook is, wij helpen je digitaal toegankelijk te worden. Ook als het gaat om het laten maken van een drempelvrije website kun je bij ons terecht voor verschillende mogelijkheden. Bespreek je wensen, de opties en bijbehorende kosten met een van onze uitlegexperts.

motion design

Motion design: ken de basics!

Video’s zijn niet meer weg te denken uit de marketingwereld. Social media staat er vol mee, YouTube is populairder dan ooit en bedrijven investeren steeds meer in videocampagnes. Nu zijn er veel verschillende soorten video en talloze opties qua stijl. Motion design geeft jouw video nét dat beetje extra waardoor je boven je concurrentie uitsteekt. Daarom focussen we in deze blog op de basics van motion design!

Om te beginnen: wat is motion design?

Motion design is een verkorte versie van de term motion graphic design. Deze term bestaat uit drie woorden, hierdoor omvat het ook drie losse elementen:

  1. Beweging
  2. Grafische vormgeving
  3. Ontwerp

In het kort focust motion design zich op het grafisch ontwerpen van bewegende illustraties. Maar wat verstaan we onder bewegende illustraties (ofwel ‘graphics’)? Zijn dit de animaties in de intro van een tv-programma? Zijn het de karakters uit Spongebob? Of zijn het visuele effecten in films zoals explosies en magie? Eigenlijk zijn alle bovenstaande voorbeelden onderdeel van motion graphic design. Alles wat niet echt gefilmd is met een camera plaatsen we onder het begrip motion design.

Populaire motion design technieken

Er zijn veel verschillende motion designers, ieder met een eigen specialiteit. Logisch, want er zijn veel populaire motion design technieken! Wij hebben de meest indrukwekkende voor je op een rijtje gezet:

Effecten

  • Het glitch-effect: dit zijn pixelachtige beelden die je soms de indruk geven dat je naar de tv van je overgrootmoeder kijkt, anno 1970. Het is een veelgebruikte techniek voor hedendaagse bedrijven.
  • Morphing: dit is een techniek waarbij de ene afbeelding geleidelijk overvloeit naar de andere. Het wordt veel gebruikt bij motion graphics voor de overloop van objecten, typografie en iconen.
  • Self-drawing lines: dit is een techniek waarbij  lijnen getekend ziet worden in een animatie, deze vormen uiteindelijk de gehele animatie.
  • Een mix van 2D en 3D: er worden steeds meer manieren gevonden om 2D animatie te mixen met 3D animatie. Hiermee creëer je een gestileerde look én kun je complexe beelden ontwerpen. Zo til je de kijkerservaring naar een hoger niveau.
  • Emoji design: we gebruiken emoji’s steeds vaker om gevoelens te communiceren. Door emoji’s op een creatieve en fantasierijke manier te gebruiken spreek je je publiek aan en creëer je een vorm van herkenning.
  • Liquid motion: dit is een techniek waarbij organische vormen op een vloeibare manier bewegen en beelden geruisloos in elkaar overlopen. De onderstaande video is hier een goed voorbeeld van.

Kleurgebruik

Een belangrijk element van motion design is het kleurgebruik. En daar weten motion designers wel raad mee! Deze kleurenpallets zijn de laatste jaren erg populair in de animatiewereld:

  • Duotone-effect: voor deze trend wordt een beperkt kleurenpallet gebruikt. In principe kies je twee kleuren waarmee je je animatie laat poppen. Dit is een trend waar Spotify veel gebruik van maakt.
  • Kleurverloop: soepele kleurovergangen zijn toonaangevend in de wereld van motion design. Dit staat ook bekend als Gradient 2.0 kleuroverloop. Dit pallet creëert een natuurlijke sfeer, diepte én dimensie.
  • Gedurfde en heldere tinten: make it pop! Felle kleuren worden geprezen voor hun visuele kracht. Heb lef met kleur en stand out from the crowd. De onderstaande video is hier een goed voorbeeld van, hierin zie je tevens een van de bovengenoemde effecten in terug, namelijk de mix van 2D en 3D.

Typografie

Typografie wordt beschouwd als het hoofdelement van motion graphics. Er zijn diverse stijlen die jouw animatie op geweldige wijze tot leven wekken:

  • Chaos design typografie: deze nieuwe stijl voor typografie breekt alle regels. De volgorde van de letters wordt gemixt en verschillende grootte van lettertypes worden gecombineerd in hetzelfde woord. Kortom, een chaos waarmee je zeker de aandacht trekt en jezelf kunt onderscheiden van je concurrenten!
  • Gelaagde typografie: een tijdloze stijl voor typografie, waarbij lettertypen en titelafbeeldingen zijn gelaagd met 3D-elementen. De beroemde film King Kong maakte er decennia geleden al gebruik van. Maar je ziet het ook in de recentere Marvel-film Thor Ragnarok:
  • Kinetische typografie: ook bekend als bewegende teksten. Denk aan tekst die in real time lijkt te worden getypt. Een visueel effect met onmiddellijk effect op de kijker. Deze graphic motion van Apple is daar een goed voorbeeld van:

Aan de slag met motion design

Wil jij aan de slag met motion design? Wij helpen je graag! Leg je vraagstuk aan ons voor en ontvang vrijblijvend advies van onze experts.

Vrijblijvend advies

Motion Graphics: dit is wat je moet weten

Data kan behoorlijk saai, maar wel belangrijk zijn. Door het inzetten van motion graphics kun jij taaie data voor jouw bedrijf omzetten in een aantrekkelijke boodschap. Steeds meer bedrijven gebruiken dan ook motion graphics om hun campagnes te versterken. Maar wat zijn het precies? En nog belangrijker: waarom wordt het zoveel gebruikt? Wij geven het antwoord!

Wat zijn motion graphics?

Motion graphics zijn bewegende graphics. Bewegende grafische elementen, zoals grafieken, logo’s, schema’s alles wat je kunt bedenken bij bewegende illustraties. Vaak hebben ze een specifieke stijl; kleurrijk, met contouren. Dit maakt het voor de motion designer makkelijker te animeren. Een ander veelvoorkomend kenmerk van motion design is dat er geen voice-over in verwerkt zit. Check hieronder een voorbeeld:

De voordelen

De kracht van een motion graphic is dat ze (moeilijke) informatie en concepten vaak in één oogopslag duidelijk maken. Ze spelen daarbij een belangrijke rol bij de inzet van video marketing Vergeleken met uitlegvideo’s hebben ze unieke voordelen:

  • Geraffineerd: het ziet er geraffineerder uit.
  • Formeel: ze kunnen formeel overkomen. Perfect voor zakelijke boodschappen. Dit verwachten de meeste bedrijven vaak niet bij animatie.
  • Kleur: er wordt gebruik gemaakt van levendige kleurpaletten, specifiek ontwikkeld voor educatieve doeleinden.
  • Visualisatie: complexe ideeën of taaie gegevens, zoals statistieken en cijfers worden op duidelijke wijze creatief gevisualiseerd en vereenvoudigd.
  • Aandacht trekken: content die de aandacht moeilijk vasthoudt, zoals een lange tekst, kun je omtoveren tot een vermakelijk stukje inhoud met pakkende visuals.Waarvoor worden motion graphics gebruikt?

Wanneer weet je op motion graphic écht iets voor jouw bedrijf is? Stel jezelf de volgende vragen:

  1. Profileert je bedrijf zich als formeel of zakelijk? Vereist het uitleggen van je product of dienst een professionele uitleg met een formele ondertoon? Dan zijn motion graphics het overwegen waard.
  2. Wil je dat je video er geavanceerd uitziet? Dan zijn motion graphics zeker aan te raden. Ze zien er elegant en professioneel uit. Content van hoge kwaliteit straalt dan ook het beste je expertise uit.
  3. Communiceer je complexe informatie? Slecht behapbare (of saaie) informatie kun je niet effectiever overbrengen dan op een visuele manier. Overweeg ook hierbij om je informatie te verwerken in een uitlegvideo met motion graphics. Dit is ideaal voor datavisualisatie; je publiek is je dankbaar!

Tip: benieuwd wat er allemaal komt kijken bij motion graphic design? Je leest hier alles over motion design!

Voor welke doeleinden kan een Motion Graphic nog meer ingezet worden?

Motion graphics kan je natuurlijk ook voor andere doeleinden gebruiken. Zo kun je het gebruiken als:

  • Versterken van je brand of rebranding
  • Televisie of film intro of aftiteling
  • Awareness creatie
  • Uitleggen van een concept
  • Vertellen van een verhaal
  • Productvideo

Mixing 2D en 3D

Er worden steeds meer 3D motion graphics gecreëerd. Je ziet ook steeds meer 3D terugkomen in commercials, marketing campagnes en game designs. Hoewel de trend nu 3D is, wordt het nog een grotere trend om 3D met 2D te mixen. Zo krijg je grafisch meer contrast en is het voor de kijker ook iets nieuws en interessants om te bekijken.

cartoon maken

Een cartoon maken? Alles wat je wilt weten!

Bij een cartoon denk je eerder aan Frozen of de Minions, maar ook in online-uitingen van bedrijven zie je cartoons steeds vaker. Ook het internet staat almaar voller met leuke (katten)filmpjes, GIFs en cartoons. Zelf aan de slag met een cartoon maken? Wij vertellen je alles wat je wilt weten.

Een cartoon, wat is het eigenlijk?

Wat is de betekenis van een cartoon eigenlijk? Er zijn twee vormen van cartoons:

  1. Cartoon in de vorm van een filmpje
  2. Cartoon in getekende vorm

Spreekt iemand over een cartoon? Dan wordt meestal een getekende cartoon bedoeld. Deze wordt vaak gebruikt als commentaar op (actuele) gebeurtenissen, zoals in een krant of blog.

Naast een cartoon tekening laten maken, kan je óók cartoonfilmpjes maken. Cartoonfilmpjes staan ook wel bekend als animatievideo’s. Hierin leggen cartoonkarakters een verhaal uit. Een cartoonfilmpje maken kost meestal meer tijd dan het maken van een tekening. Maar, dan heb je wel wat!

Benieuwd naar cartoon voorbeelden? Bekijk dan onze AnyStory Short over chips, met een cartoonish tintje:

Waarom een cartoon maken?

Meer dan 80% van het internet bestaat uit video. Dit komt omdat wij allemaal dol zijn op visuele content. Volgens een studie van Microsoft Corp beoordelen mensen in slechts 8 seconden of content interessant is of niet. Om deze 8 seconden goed te benutten is de inzet van visuele content cruciaal.

Het is eenvoudig en leuk om naar video’s te kijken. En dat geldt ook voor cartoons. Zeg nou zelf: het is toch veel leuker om belangrijke informatie uitgelegd te krijgen door een cartoonfilmpje, dan door een saaie tekst?

Bedrijven vinden dit vaak ook. Zo gebruikt 86% van de bedrijven video als marketingtool, maar hiervan gebruikt nog lang niet iedereen een cartoonfilmpje. Een mooie kans om je concurrenten voor te zijn en je te onderscheiden met jouw video marketing!

Maar er zijn nog meer redenen waarom bedrijven een cartoon laten maken:

  • Het helpt bij het werven van nieuwe klanten.
  • Communicatie met bestaande klanten wordt geoptimaliseerd.
  • Het laat klanten én concurrenten zien dat je kwalitatief hoogwaardige content in huis hebt.

Je kunt de cartoon natuurlijk zo opvallend maken als je zelf wilt! Onthoud wel: hoe hoger de kwaliteit, des te eerder je een positieve indruk op je doelgroep achterlaat.

Zelf maken? 5 essentiële tips!

Jeuken jouw handen om zelf een eigen cartoon te maken? Wij helpen je graag op weg met 5 essentiële tips:

  1. Kort & krachtig: wees voorzichtig met de hoeveelheid informatie die je verwerkt in de cartoon. Een overload aan informatie zorgt ervoor dat je kijkers afhaken. Dat wil je niet. Houd je verhaal kort maar krachtig (max. 2 minuten). Een andere tip: pak in de eerste paar seconden gelijk de aandacht van je publiek. Dit is cruciaal om te voorkomen dat kijkers wegklikken.
  2. Kwaliteit is alles: video’s van professioneel niveau vereisen veel aandacht en skills. Video experts beschikken hierover. Vaak geven zij je net dat ene zetje om je video er op-en-top uit te laten zien. Ook zijn ze vaak ervaren als het gaat om visuele storytelling. Wijsheid is om je te laten adviseren door of om samen te werken met een professional.
  3. Herkenbaarheid: heb je een terugkomende en opvallende bedrijfsstijl? Neem deze dan op in je cartoon. Dit zorgt voor herkenbaarheid bij je doelgroep. En dat creëert vervolgens weer vertrouwen.
  4. Tone of voice: de manier waarop je je doelgroep aanspreekt is essentieel voor goede communicatie. Wanneer je bijvoorbeeld kinderen van 9 jaar oud met ‘u’ aanspreekt gaat er iets mis.
  5. Script: bij een cartoon is het zaak om vooraf een verhaal (ook wel script genoemd) vast te leggen. Hierdoor wordt belangrijke informatie niet vergeten en zorg je ook dat je verhaal gegarandeerd helder en relevant is.

Cartoon laten maken?

Kun jij wel wat hulp gebruiken bij het maken van jouw cartoon? Wij helpen je graag! Neem contact op met onze experts en ontvang een vrijblijvend advies op maat.

kinetic typography inspiration

Kinetic typography | Inspiration

Je ziet het steeds vaker voorbijkomen. Korte video’s met tekst. Deze animatietechniek heet Kinetic typography.  Deze techniek brengt tekst en beweging samen om bepaalde ideeën en emoties uit te drukken. Bekijk onze inspiratievoorbeelden van deze week en kijk welke emotie jij ervaart!

Bob Dylan

Kinetic typography wordt heel vaak gebruikt bij lyric video’s, zoals je kan zien in dit voorbeeld. Technisch gezien niet echt een animatie in de moderne zin van het woord, maar wel een van de eerste video’s die gebruik maakte van ‘geanimeerde tekst’. Deze bekende video diende vast en zeker als inspiratie voor de hele Kinetic Typography movement.

Clipat

Bij dit voorbeeld speelt minimalisme een grote rol. De simpele kleuren en een sans font zorgt voor een cleane look. Ook het tempo zorgt ervoor dat de kijker blijft haken omdat het niet saai is. De diensten van dit bedrijf worden goed weergegeven in korte shots. Zo onthoud je ze goed.

ALQUIMIA

Deze kinetic typography animatie is een heel mooi voorbeeld van een smooth geanimeerde animatie. De muziek, kleuren en de animaties zorgen voor een mooie animatie. En het is niet voor niets dat onze animator Jamie deze super clean geanimeerd vindt.

Star Wars

Een nieuwe trend in online advertising op instagram is de toepassing van ‘kinetic typografie’ bij trailers voor films. Op instagram zien we een korte samengestelde teaser waarbij de focus ligt op citaten uit de betreffende film. Door de citaten visueel te maken door de toepassing van ‘kinetic typografie’ krijg je ook zonder dat je geluid aanstaat de boodschap mee. Daar is over nagedacht!

Solo: A #StarWars Story in theaters May 25. #HanSolo

A post shared by Star Wars (@starwars) on

Ook een kinetic typography laten maken? Neem contact op!

stop-motion inspiration

Stop-motion | Inspiration

Iedereen kent Buurman en Buurman of Shaun the Sheep. Maar weet je ook wat dit is en hoe het wordt gemaakt? Dat zijn stop-motion animaties. Deze week duiken we verder in de wereld van de stop-motion. We delen hieronder een aantal goede voorbeelden met je.

Een stop-motion animatie is een animatie die frame voor frame wordt gemaakt, dit zijn bijna altijd foto’s. De frames per seconde ratio is meestal 24 frames per seconde. Steekt bijvoorbeeld het karakter zijn hand op dan moet dit waarschijnlijk in tientallen shots. Zie hier het bekende voorbeeld ‘Wallace and Gromit’.

Edmond

Deze Nederlandse speelfilm van 8 minuten kwam voor het eerst onder de aandacht op het IFFR in 2016. Door een slimme combinatie van stop-motion en 2d animatie weet deze regisseur een geheel eigen stijl neer te zetten. De (studenten)film is met vele prijzen overladen. Zoals Grand Prix Best Student Film, Best Short 2016 en Best Animated short 2015.

Food

Stop-motion komt in vele soorten. Deze animatie maakt gebruik van paper-craft en laat een op hele ingenieuze wijze zien dat subtiele animatie ook heel goed werkt met papier! Moet je nagaan, deze video is dus papiertje voor papiertje gemaakt. Dat wil zeggen dat alles wordt verschoven na mate de beweging verandert. Deze video is door Vimeo ‘Staff Pick’ gekozen.

Western Spaghetti

In deze korte animatie wordt er een gerecht gemaakt van alledaagse voorwerpen, zoals post-its, rubiks kubussen en bankbiljetten. Dit laat heel goed de kracht van stop-motion zien om levenloze dingen tot leven te wekken. Ook het sounddesign helpt hier goed bij. Naast de bijna 100 miljoen views heeft deze video ook meerdere prijzen in de wacht gesleept.

Marilyn Myller

Deze animatie van Mikey Please is een erg mooie stop-motion, geheel gesculpteerd uit een soort piepschuin. Geheel handgemaakt wat de film tastbaar maakt. Er is gebruik gemaakt van long exposure light en het vreemde sounddesign en de muziek zorgen voor een ietwat rare ervaring.

Яндекс/Yandex stop-motion

Stop-motion kan ook gebruikt worden om een commercial te maken. Teertottertam heeft deze animatie gemaakt voor Yandex auto, een Russische site waar je auto’s kunt zoeken om te kopen, eigenlijk een online dealer. In de stop-motion is ook een animatie gemaakt met de zoektermen.

Wil je meer informatie over Stop-motion? Neem even contact met ons op!

logo animatie inspiration

Logo animatie & logo inspiration

Je ziet ze overal, logo animaties. Een logo animatie is een logo dat tot leven komt. Stilstaande, vaak saaie, logo’s zijn verleden tijd. Tegenwoordig zijn veel logo’s geanimeerd. Zoals bijvoorbeeld in een GIF op je website of aan het begin of einde van een video. Zo zijn er duizenden voorbeelden op internet te vinden. Deze week zetten we 5 goede voorbeelden voor logo inspiration op een rijtje.

Bij Cooler Media maken we ook logo animaties. Een logo animatie van ons eigen logo mag dan natuurlijk niet ontbreken.

Walt Disney Pictures

Deze logo animatie is misschien wel de meest bekende van allemaal. Je kunt zien dat er veel tijd en aandacht is gestoken in het concept en alle details. Bij de nieuwere films hebben ze zelfs het design aangepast zodat je al bij de intro de feel van de film krijgt.

Pixar

Het logo heeft interactie met het lampje. Dit maakt het een erg leuke en daardoor speelse logo animatie om naar te kijken.

Google

Google heeft een lange geschiedenis als het gaat om logo animatie. Iedereen kent wel de Google Doodles. Dit zijn kleine animaties over een bepaald onderwerp. De eerste Doodle stamt uit 1998. Maar terug naar de logo’s, want als je kijkt hoe het gemaakt wordt dan snap je wel waarom je niet zomaar een logo veranderd. Het gaat om de kleur, hoeveel graden het logo moet zijn en wat voor font gebruik je. Dit zijn uiteindelijk ook de ingrediënten van een logo animatie.

IKEA

IKEA heeft een super iconische log, de herkenbare kleuren en lettertype. Maar die kleuren zijn pas sinds 1983 ingevoerd. In deze logo animatie zie je eigenlijk wat IKEA allemaal heeft. Zo komen verschillende meubels, opbergmogelijkheden en planten in beeld.

Wil je meer informatie over hoe wij jouw logo kunnen animeren?  Neem even contact met ons op!

antropomorfisme inspiration

Antropomorfisme | Inspiration

Antropomorfisme, iedereen heeft moeite om het uit te spreken. Nu zul je denken wat heeft Antropomorfisme met animatie te maken. Meer dan je denkt! Antropomorfisme wordt gebruikt in animaties wanneer niet-menselijke objecten (denk aan een appel of een pak hagelslag) menselijke eigenschappen overnemen. Dit klinkt misschien nog best vaag, maar bekijk hieronder de voorbeelden die wij hebben uitgekozen en het wordt meteen een stuk duidelijker!

Bij Cooler Media geven we ook hedendaagse objecten menselijke eigenschappen mee. Ons favoriete voorbeeld blijft toch wel Livy: een wandelend matras!

Preventiecampagne Woninginbraak

De reclame van het alarmpje Harm is een goed voorbeeld van een gekarakteriseerd object. Het goede aan deze animatie is dat ondanks dat het een object is zijn emotie duidelijk wordt gemaakt door zijn theatrale bewegingen.

Toy Story

Een goed voorbeeld van antropomorfisme is natuurlijk Toy Story, hier zie je duidelijk niet menselijke objecten (in dit geval speelgoed) die wel menselijke trekjes hebben. Bij Toy Story bewegen en praten ze als normale mensen.

The Fruit Box Australia

The fruit box animatie, gemaakt door de animator Chris Northey, is een mooi voorbeeld hoe je alledaagse objecten zoals fruit tot leven kan wekken met animatie. Door de stukken fruit armen en benen te geven krijgen ze meteen een persoonlijkheid en komen ze tot leven. Terwijl je eigenlijk gewoon naar een bewegende appel zit te kijken.

Botanicula Antropomorfisme

De trailer van point&click adventure ‘Botanicula’, gemaakt door het Tjechische Amanita Design. In het spel spelen vijf plantaardige karakters de hoofdrol (een noot, een veer, een tak, een paddenstoel en een papaverbol). Ondanks het gebrek aan herkenbare menselijke vormen kun je jezelf goed inleven in de karakters. Dit komt mede door hun oogjes en hun grappige bewegingen en geluidjes.

The Life of Clippy

Wie heeft er niet digitaal leren schrijven met hulp van de onvermoeibare paperclip ‘Clippy’? Een van de eerste pogingen van ontwikkelaars om software een ‘menselijk gezicht’ te geven en te zorgen voor een hogere mate van interactie. Deze video geeft een kijkje achter de schermen bij deze en andere ‘digitale vrienden’.

Wil je weten hoe we in jouw animatie ook antropomorfisme kunnen toepassen? Neem even contact met ons op!

Texturen in animatie

Het gebruik van textuur | Inspiration

Je kunt een animatie menselijker aan laten voelen door verschillende elementen toe te voegen. Dit kan met schaduwen, licht en texturen. Deze week zoomen we in de op het toevoegen van texturen. Kunnen bepaalde stoffen een emotie overbrengen? Of hoe laat je iets warm aanvoelen zonder kleur te gebruiken? Je lees het in deze blog!

FNV Mondiaal

Een animatie van eigen productie: FNV komt op voor betere arbeidsomstandigheden. In deze animatie van FNV nemen we je mee langs verschillende slechte werkplekken. De animatie wordt versterkt door veel textuur, hierdoor voelt het bijna alsof je een sprookje of een verhaal uit een boek leest.

Textuur expeditie

Ga mee op expeditie in deze jungle van texturen. Een animatie vol met zandachtige texturen, de animatie voelt rijk en warm aan ondanks dat er geen kleur in verwerkt is en hij volledig zwart-wit is. De textuur is overheersend en creëert zo een animatie die bijna zacht aanvoelt.

NFL Kerst

Waar denk jij aan wanneer je aan kerst denkt? Wij denken dan aan kerstbomen, gezelligheid én kersttruien! En hier speelde NFL het afgelopen jaar op in. Hun jaarlijkse kerstanimatie kreeg een nieuwe dimensie door het toevoegen van een kersttrui op de achtergrond. Door deze extra laag aan textuur toe te voegen, komt het kerstgevoel nog beter over.

Ironie van kranten

In deze sneakpeak van een volledige animatie is te zien hoe onze kranten ons waarschuwen over ontbossing, terwijl kranten zelf van papier zijn gemaakt. Het gebruik van textuur zorgt ervoor dat je in het begin een zacht gevoel ervaart. In het tweede gedeelte slaat dit om naar kilte en hardheid, mede door het toevoegen van schaduwen.

Kijkdoos

Deze animatie is gemaakt met het concept van een kijkdoos. De kartonnen textuur samen met de textuur van acrylverf zijn in deze animatie volledig verwerkt. Dit geeft de animatie een warm en rijk gevoe,l maar ook een realistische uitstraling omdat we allemaal bekend zijn met het alledaagse voorwerp karton.

Horloges

Wanneer we het over textuur hebben denken we vaak aan een wat ruwer uiterlijk, maar ook glas en metalen vallen onder textuur. Zo zien we hier in 3D een animatie van Fossil verschillende close-ups van een horloge en de verschillende texturen die hier bij horen.

Wil je meer weten over het gebruik van texturen in jouw animatie of film? Neem even contact met ons op!

Inspiratie blog week 10

Het gebruik van kleur en licht | Inspiration

Je zult het misschien niet meteen doorhebben, maar het gebruik van kleur en licht zorgt ervoor dat jij tijdens het kijken van een video een bepaalde emotie ervaart. Maar welke kleuren wekken welke emotie op? En hoe wordt dit toegepast in animatie? Je lees het deze week in onze Inspiration Blog!

Het gebruik van verschillende kleuren en lichtinvallen wordt al decennialang toegepast. Elke filmmaker kan hiermee namelijk onze emoties beïnvloeden. De kleur rood wordt bijvoorbeeld geassocieerd met sterke, intense emoties. Dit is ook terug te zien in de video van Lilly Mtz-Seara. Zij heeft verschillende fragmenten uit bekende films geknipt waarin gebruik wordt gemaakt van kleur om de emotie van de kijker te beïnvloeden. Bekijk de video hieronder.

Nike

Nike is een expert op het gebied van emoties overbrengen via film en animatie. De promotievideo van de nieuwe Air Max 2017 is hier een goed voorbeeld van. Door het gebruik van lichte kleuren in combinatie met luchtige materialen wordt de slogan Go Lighter, Go Longer goed gevisualiseerd. Als kijker krijg ervaar je een lichte sneaker, maar toch met veel comfort.

The Golden Hour

Elke fotograaf/filmmaker weet dat je met zonsopgang of zonsondergang het mooiste licht van de dag hebt. Dit komt door de laaghangende oranje zon. Door de combinatie van sneeuw en het gouden licht wordt een gevoel van vrijheid gecreëerd. Ervaar het zelf en bekijk de video hieronder.

The Nutcracker and the Four Realms

In Disneyfilms zitten enorm veel kleuren en contrasten verwerkt. Hier zit een psychologie achter. Zo worden goedaardige karakters met zachtere kleuren getoond, zoals blauw voor zelfverzekerdheid, stabiliteit en loyaliteit. Geel voor intellectueel, blijdschap en energie. Groen voor groei en doorzettingsvermogen. Warme en koude kleuren spelen dus een grote rol. Zo is Disney ook erg goed in het brengen van sfeer en focus leggen met licht.

Mary & Max

Een trailer voor de stop motion animatiefilm ‘’Mary & Max’’ uit 2009. In deze film komen 2 werelden van karakters samen, Mary en Max. De kleur heeft een grote rol en speelt in op het gevoel en karakter van de personages. De emotie van het karakter is bepalend voor het kleur gebruik in de omgeving. Bekijk hier een klein stukje van de video.

Wil je meer weten over het gebruik van kleuren en licht in jouw animatie of film? Neem even contact met ons op!