Hoe maak je een infographic?

Hoe maak je een infographic? Infographics nemen complexe gegevens en informatie en vertalen deze naar gemakkelijk te begrijpen beelden. In de snelle wereld van vandaag moeten grafisch ontwerpers een boodschap eenvoudig en effectief overbrengen.

 

Crowd-testen. Hoe je dat doet?

Tekstgegevens naar grafische gegevens. Hoe maak je een infographic?

Rechts zien we het CV van een grafisch ontwerper, vormgegeven in de stijl infographics. Hij vakkundig veranderde uw statistieken in stijlvolle grafieken, waardoor droge statistieken dynamischer werden.

Beelden als deze geven Tibor van den Brink de mogelijkheid om kleur en esthetische intriges toe te voegen, twee factoren die zich natuurlijk onderscheiden van een traditioneel cv en de kijker naar binnen trekken.

Hier kunnen we dankzij een eenvoudig cirkeldiagram snel inschatten dat Tibor 100% vloeiend Nederlands en ongeveer 88% vloeiend Engels spreekt. Hij gebruikt andere slimme benaderingen, zoals pictogrammen voor zijn hobby's en "meters" om snel zijn vaardigheidsniveau in verschillende programma's en ontwerpconcepten weer te geven.

We zien meteen dat hij een vaardigheidsniveau van 75% heeft in Photoshop, Illustrator en InDesign. Al zijn informatie wordt op een eenvoudige en beknopte (en verfrissende) manier overgebracht die beter is dan de lange, uitgesponnen zinnen over zijn geschiedenis met Adobe Creative Suite. Hoe maak je een infographic?

Afbeeldingen (en diagrammen) zeggen meer dan duizend woorden

Iedereen kent het beroemde gezegde: “Een beeld zegt meer dan duizend woorden.” Dit citaat spreekt boekdelen over de kracht van infographics: mensen zijn visuele wezens. Waar tekst tijd en mentale verwerking vereist, zijn afbeeldingen vaak onmiddellijk en intuïtief.

Het infographic-voorbeeld hierboven gebruikt een reeks diagrammen om uit te leggen hoe een Rubik's Cube werkt. Gezien de complexiteit van Rubiks kubussen heb je dit nodig minst duizend woorden om snel en duidelijk uit te leggen wat deze diagrammen laten zien. Bovendien is deze infographic kleurrijk en interessant. Dit verdient zonder twijfel de voorkeur boven een tekstuele uitleg van de Rubiks Kubus.

Stroom. Hoe maak je een infographic?

Infographics hebben visuele stromen. Dit is belangrijk om te onthouden bij het ontwerpen van infographics. Net als bij elk ander ontwerponderwerp is de ontwerper verantwoordelijk voor het vestigen van de aandacht van de kijker op het ontwerp.

De infographic aan de linkerkant toont het schoenmaakproces in drie fasen. Als we dit stuk zouden bekritiseren, zouden we kunnen zeggen dat het oog begint met de kop bovenaan en natuurlijk naar de grote schoenen op het dak trekt.

Deze grote schoen leidt ons vervolgens naar stap 3 van het proces, die zich in de zoombubbel bevindt. Oh! We hoopten met stap 1 te beginnen...

Hoewel deze infographic kleurrijk en mooi is, vertoont hij duidelijk stromingsproblemen. Eén manier om dit probleem op te lossen zou zijn om de derde trede op de begane grond van dat gebouw te plaatsen en de eerste trede boven, naast de grote kofferbak.

In verdere kritiek kunnen we zeggen dat afbeeldingen niet noodzakelijkerwijs veel tekstuele gegevens of anderszins overbrengen. In de fase "Productie" zien we bijvoorbeeld twee figuren op stoelen zitten met laarzen aan, maar dit geeft ons niet noodzakelijkerwijs aanvullende informatie of gevoelens over deze fase naast het woord "Productie". Hetzelfde kan gezegd worden voor Design en Sketches. Hoe maak je een infographic?

Geef een gevoel van gegevens

Een goede infographic geeft zowel een emotie als een reeks gegevens weer. Met andere woorden: ze roepen een instinctieve reactie op bij de kijker als gevolg van het onmiddellijke en/of snelle begrip dat de infographic biedt.

Het bovenstaande voorbeeld toont een eenvoudig percentage van het grondbezit, maar geeft de gegevens een complex gevoel door complexe en realistische afbeeldingen aan te bieden. De meeste mensen zijn zich er misschien niet van bewust dat het grondbezit in de Verenigde Staten op deze manier verdeeld is, en de aanblik van dit beeld van land dat wordt afgesneden en omheind kan natuurlijk leiden tot een gevoel van onbehagen of de drang om meer over het onderwerp te leren. .

Navigatie met pictogrammen. Hoe maak je een infographic?

Een andere stijl van infographic maakt gebruik van pictogrammen en tekst om de kijker te helpen bij het navigeren door de gegevens. Het voorbeeld aan de rechterkant doet precies dat en legt uit hoe je een leugen kunt herkennen.

In stap 1 worden drie effectieve afbeeldingen gebruikt, in plaats van uit te leggen hoe deze handgebaren er schriftelijk uit kunnen zien. Deze gebaren zijn immers gemakkelijker weer te geven in illustraties dan in geschreven vorm.

Bij een andere methode verbindt stap 2 de afbeeldingen rechtstreeks met tekstuele uitleg, waarbij de tekst wordt gebruikt als 'handtekeningen' voor de richtingen waarin iemands ogen kunnen kijken als hij liegt. Deze aanpak is ook effectief en heeft een mooie cirkelvormige omhulling rond het oog.

Stap 4 gebruikt afbeeldingen anders. Om 'Luister naar stemindicatoren' visueel te verwoorden, wordt een afbeelding van een geluidsgolf gebruikt. Dit is minder effectief dan de afbeelding in stap 1, omdat deze feitelijk geen gegevens of informatie weergeeft. Dat gezegd hebbende, biedt het visuele intriges en consistentie met de rest van het ontwerp, wat iets waard kan zijn en uiteindelijk de graphics kan rechtvaardigen.

Data aantrekkelijk maken. Hoe maak je een infographic?

Naast de functionele en praktische kwaliteiten van infographics, is een ander gebruik ervan het aantrekkelijk en mooi maken van gegevens. In het bovenstaande voorbeeld wordt de impact van de klimaatverandering op de lentetijdlijn visueel weergegeven op een "zonnewijzer" met behulp van sets Gegevens over vogels, bomen en temperatuur.

Hoewel het thema verontrustend is, zijn de graphics zacht, onschuldig en aantrekkelijk. Het kleurenpalet is leuk en verfijnd, en de geometrische bloem trekt de kijker het ontwerp in. Het visueel opwindende karakter van dit artikel zal waarschijnlijk meer lezers inspireren om de gegevens te verkennen dan een eenvoudige tekstlay-out.

Hoe maak je je eigen infographic?

In deze zelfstudie gebruiken we Photoshop om een ​​infographic te maken waarin de gegevens worden vergeleken tussen fietsen en het nemen van de trein van Washington Square Park in Manhattan naar het centrum van Williamsburg in Brooklyn. Volgens Google Maps duurt het fietsen tussen deze twee punten 18 minuten en de rit 30 minuten.

 

Om te beginnen kunnen we een screenshot van Google Maps in ons Photoshop-bestand plakken en deze onverzadigd maken. Kijkend naar het originele voorbeeld van kleur en esthetische aantrekkingskracht van Tibor van den Brink, kan de vergeleken route geel worden gemarkeerd.

Het kaartframe is ook geel en is ontworpen om bovenaan ruimte te laten voor tekst. Deze inhoud is voor contrast op een donkergrijze achtergrond geplaatst en is gelaagd met een subtiele papiertextuur om het een 'kaart'-gevoel te geven. Hoe maak je een infographic?

Vervolgens kunnen we, met het voorbeeld van Hoe leugens detecteren in gedachten, enkele pictogrammen toevoegen om de gegevens te helpen kaderen. Hier gebruiken we een minimaal fietspictogram en een minimaal treinpictogram. Door deze creatieve stroom te volgen, kunnen we 'voetafdrukken' van verschillende lengtes toevoegen aan de pictogrammen die grofweg overeenkomen met de relatieve duur van elke reis.

De complementaire blauwgroene kleur is zorgvuldig geselecteerd. Houd er rekening mee dat we deze gegevens zo aantrekkelijk mogelijk willen maken!

Ten slotte kunnen we onze tekst toevoegen. De kop is eenvoudig en beknopt, en de notulen zijn groot en gemakkelijk te lezen. lettertype. Deze infographic is succesvol omdat hij veel tekstgegevens grafisch vertaalt, waaronder een routekaart, vergeleken transportmethoden en tijden. Hoe maak je een infographic?

Het slaagt er ook in om deze data aantrekkelijk te maken. Het ontwerp is kleurrijk, professioneel, strak en eenvoudig.

Conclusie

Infographics zijn er in vele vormen. Ze kunnen illustraties, diagrammen, kleuren bevatten, tekst combineren met pictogrammen of zelfs fotografisch zijn. Het is nuttig voor ontwerpers om de verschillende soorten infographics te begrijpen en onderscheid te kunnen maken tussen wanneer ze werken en wanneer niet.

Gebruik dit artikel als introductie en kijk of je de volgende infographic die je tegenkomt kunt opsplitsen als een manier om je eigen infographic-ontwerpvaardigheden te versterken!