20 geanimeerde en interactieve infographics die u moet zien
Iedereen houdt van infographics, zeker, maar statische infographics zijn nu een beetje oud. Met zoveel infographics die er zijn, is het gemakkelijk om veel infographics met goede inhoud over het hoofd te zien alleen omdat ze gewoon niet opvallen in de rest van het pakket. En als je een ontwerper bent, heb je waarschijnlijk je hersens gepakt om te ontdekken hoe kijkers kunnen worden aangetrokken en infographics kunnen maken die zich onderscheiden van de rest.
Welnu, een van de manieren waarop je dat kunt doen, is met geanimeerde infographics .
Geanimeerde en interactieve infographics, vooral die ontworpen met behulp van HTML5, zijn mogelijk de toekomst van infographics . Geanimeerde infographics gaan beter om met kijkers en kunnen helpen bij het toevoegen van interesse aan onderwerpen die anders als alledaags overkomen.
Hier is een lijst met 20 geanimeerde en interactieve infographics waar je van kunt genieten en wat inspiratie kunt vinden. Klik op de links om naar de volledige versie van de infographics te gaan, compleet met de animatie.
De complete geschiedenis van sociale media . Deze infographic gebruikt Flash om u een snel overzicht te geven van de geschiedenis van sociale media. [Bezoek pagina]
Hungry Tech Giants . Deze interactieve infographic is een sorteerbare tijdlijn van overnames van vijf van 's werelds grootste techbedrijven in de afgelopen 15 jaar. [Bezoek pagina]
HTML5 & CSS3 gereedheid . Deze interactieve infographic is een uitsplitsing van HTML5- en CSS3-ondersteuning in alle belangrijke webbrowsers tot 2013. [Bezoek pagina]
De evolutie van het web . Deze infographic gebruikt SVG-elementen, de tijdlijn van browsers en technologieën, evenals de groei van het internet zelf. [Bezoek pagina]
Aansluiten: hoe kleine bedrijven technologie gebruiken . Deze interactieve infographic maakt gebruik van HTML5 om te laten zien hoe kleine bedrijven gebruikmaken van technologie om de productiviteit te verbeteren. [Bezoek pagina]
Webbrowsers en resoluties . Deze geanimeerde infographic gebruikt zijn geanimeerde elementen slim om te laten zien hoe belangrijk het is om een website te testen met meerdere resoluties, browsers en zelfs besturingssystemen. [Bezoek pagina]
Evolutie van sociale samenwerking . Deze interactieve infographic neemt je mee door een snelle geschiedenis en evolutie van sociale samenwerking van vóór de jaren zestig tot de dag van vandaag. [Bezoek pagina]
Evolutie van inzicht . Dit is een interactieve infographic die het verhaal van marktonderzoek vertelt, vanaf het begin van de 20ste eeuw tot de jaren 2000. [Bezoek pagina]
Evolutie van de spelconsole . Met zijn charmante vectorafbeeldingen is deze interactieve infographic een goede, zij het zeer snelle doorloop van de geschiedenis en evolutie van videogameconsoles. [Bezoek pagina]
8 Epic Journeys From Console Gaming . Deze interactieve HTML5-infographic biedt snelle overzichten van een aantal epische reizen van recente hit-console-videogames. [Bezoek pagina]
Bedreigingsdreigingen voor de detailhandel . Deze geanimeerde en interactieve infographic neemt je mee door alle typische delen van een winkel waar hackers zouden kunnen kiezen om toegang te krijgen tot het netwerk. [Bezoek pagina]
Inception . Deze infographic gebruikt animaties met veel effect om te helpen verklaren wat er in de film 'Inception' is gebeurd. Het minimalistische ontwerp helpt om dit doel te bereiken. [Bezoek pagina]
Vluchten interactief . Deze infographic is de droom van een luchtvaartliefhebber. Het is niet alleen een interactieve wereldkaart die alle vliegtuigen en vliegroutes in realtime bijhoudt, het is ook een presentatie over de geschiedenis van commerciële vluchten. [Bezoek pagina]
Bond: rijbewijs . Deze prachtig geanimeerde, ontworpen en getekende infographic brengt de evolutie van Bond-auto's in kaart, van de Sunbeam Alpine in 'Dr. Nee 'tot de Land Rover Defender in' Skyfall '. [Bezoek pagina]
'S Werelds grootste gegevensverstoring . Deze interactieve infographic is een visualisatie van de grootste datalekken sinds 2004. [Bezoek pagina]
Dertien redenen waarom uw hersenen hunkeren naar Infographics . Deze charmant geanimeerde infographic laat ons snel zien waarom we zo van infographics houden. [Bezoek pagina]
Hoe Search werkt . Deze interactieve infographic geeft aan hoe Google Zoeken werkt, van de eerste crawl- en indexatiefasen tot hoe ze tegen spam vechten om de kwaliteit van uw zoekresultaten te waarborgen. [Bezoek pagina]
Dribbble: waar wordt het voor gebruikt? Deze interactieve HTML5-infographic legt Dribbble uit, van waar het voor wordt gebruikt, tot enkele veelgebruikte termen die op de service worden gebruikt. [Bezoek pagina]
Hoe een flatpanel-display werkt . Deze geanimeerde infographic, gemaakt in HTML5, ontleedt een flatscreen om precies te laten zien hoe iemand werkt. [Bezoek pagina]
Hoe een motor van een auto werkt . Deze geanimeerde HTML5-infographic toont u hoe een automotor schitterend werkt. [Bezoek pagina]
De aarde is een prachtige plek; het universum, spectaculair. Niets kan maken welke problemen en zorgen je hebt, lijken en voelen minder belangrijk dan de gedachte dat de Aarde slechts een stipje is in de uitgestrektheid van het Universum. Dat, en stellaire astrofotografie foto's zoals wat je ziet in dit bericht
Howler.js is waarschijnlijk de beste JavaScript-audiobibliotheek in de buurt
Verouderde audiospelers behoren tot het verleden dankzij moderne HTML5-audio en de snelle acceptatie van browserondersteuning . Maar webontwerpers kunnen nog een stap verder gaan met een pure audiobibliotheek zoals Howler.js .Met deze gratis opensource JS-bibliotheek kunt u audiobestanden afspelen van standaardindelingen die zijn ingesloten met aangepaste spelers