Hvordan laver man en infografik?

Hvordan laver man en infografik? Infografik tager komplekse data og informationer og oversætter dem til letforståelige billeder. I nutidens hurtige verden skal grafiske designere kommunikere et budskab enkelt og effektivt.

 

Crowd test. Hvordan gør man det?

Tekstdata til grafiske data. Hvordan laver man en infografik?

Til højre ser vi en grafisk designers CV, designet i stilen infografik. Han dygtigt forvandlet dine statistikker til stilfulde grafer, hvilket gjorde tør statistik mere dynamisk.

Visualiseringer som disse giver Tibor van den Brink mulighed for at tilføje farve og æstetiske intriger, to faktorer, der naturligt skiller sig ud fra et traditionelt CV og trækker beskueren ind.

Her kan vi hurtigt vurdere, at Tibor er 100 % flydende i hollandsk og omkring 88 % flydende i engelsk takket være et simpelt cirkeldiagram. Han bruger andre smarte tilgange såsom ikoner til sine hobbyer og "meter" for hurtigt at vise sit færdighedsniveau i forskellige programmer og designkoncepter.

Med det samme ser vi, at han har et færdighedsniveau på 75 % i Photoshop, Illustrator og InDesign. Al hans information formidles på en enkel og kortfattet (og forfriskende) måde, der slår de lange, udstrakte sætninger om hans historie med Adobe Creative Suite. Hvordan laver man en infografik?

Billeder (og diagrammer) siger mere end tusind ord

Alle kender det berømte ordsprog: "Et billede siger mere end tusind ord." Dette citat taler meget om kraften ved infografik: mennesker er visuelle væsner. Hvor tekst kræver tid og mental bearbejdning, er billeder ofte umiddelbare og intuitive.

Det infografiske eksempel ovenfor bruger en række diagrammer til at forklare, hvordan en Rubiks terning fungerer. I betragtning af kompleksiteten af ​​Rubiks terninger, har du brug for mindst tusind ord for hurtigt og klart at forklare, hvad disse diagrammer viser. Derudover er denne infografik farverig og interessant. Dette er uden tvivl at foretrække frem for en tekstlig forklaring af Rubiks terning.

Flyde. Hvordan laver man en infografik?

Infografik har visuelle flows. Dette er vigtigt at huske, når du designer infografik. Som med ethvert andet designfag er designeren ansvarlig for at henlede seernes opmærksomhed på designet.

Infografikken til venstre viser skofremstillingsprocessen i tre trin. Hvis vi skulle kritisere dette stykke, kan vi sige, at øjet starter med headeren øverst og naturligt trækker mod de store sko på taget.

Denne store sko fører os så til trin 3 i processen, som er i zoom-boblen. Ouch! Vi håbede på at starte med trin 1...

Selvom denne infografik er farverig og smuk, har den tydeligvis problemer med flow. En måde at løse dette problem på ville være at placere det tredje trin i stueetagen af ​​den bygning og det første trin ovenpå ved siden af ​​den store støvle.

I yderligere kritik kan vi sige, at grafik ikke nødvendigvis formidler meget tekstdata eller andet. For eksempel ser vi i "Produktion"-stadiet to figurer, der sidder på stole iført støvler, men det giver os ikke nødvendigvis nogen yderligere information eller følelse af denne fase ud over ordet "Produktion". Det samme kan siges om design og skitser. Hvordan laver man en infografik?

Giv en følelse af data

En god infografik viser en følelse såvel som et sæt data. De fremkalder med andre ord en instinktiv reaktion hos seeren som følge af den øjeblikkelige og/eller hurtige forståelse, som infografikken giver.

Eksemplet ovenfor viser en simpel procentdel af jordejerskab, men giver dataene en kompleks følelse ved at tilbyde kompleks og realistisk grafik. De fleste mennesker er måske ikke klar over, at jordejerskab i USA er opdelt på denne måde, og synet af dette billede af jord, der bliver skåret op og indhegnet, kan naturligvis føre til en følelse af ubehag eller en trang til at lære mere om emnet .

Navigation med ikoner. Hvordan laver man en infografik?

En anden type infografik bruger ikoner sammen med tekst for at hjælpe seeren med at navigere i dataene. Eksemplet til højre gør netop det, og forklarer, hvordan man opdager en løgn.

I trin 1, i stedet for at forklare, hvordan disse håndbevægelser kan se ud på skrift, bruges tre effektive billeder. Disse bevægelser er trods alt lettere at vise i illustrationer end i skrift.

I en anden metode forbinder trin 2 grafikken direkte med tekstforklaringer ved at bruge teksten som "signaturer" for de retninger, en persons øjne kan se, hvis de lyver. Denne tilgang er også effektiv og har en smuk cirkulær indpakning omkring øjet.

Trin 4 bruger grafik anderledes. For visuelt at formulere "Lyt til stemmeindikatorer" bruges et billede af en lydbølge. Dette er mindre effektivt end grafikken i trin 1, fordi den faktisk ikke viser nogen data eller information. Med det sagt giver det visuelle intriger og sammenhæng med resten af ​​designet, hvilket kan være noget værd og i sidste ende retfærdiggøre grafikken.

Gør data attraktiv. Hvordan laver man en infografik?

Udover de funktionelle og praktiske kvaliteter ved infografik, er en anden anvendelse for dem at gøre data attraktive og smukke. I eksemplet ovenfor er virkningen af ​​klimaændringer på forårets tidslinje visuelt repræsenteret på en "solskive" ved hjælp af sæt data om fugle, træer og temperatur.

Selvom temaet er foruroligende, er grafikken blød, uskyldig og attraktiv. Farvepaletten er sjov og sofistikeret, og den geometriske blomst trækker beskueren ind i designet. Den visuelt spændende karakter af denne artikel vil sandsynligvis inspirere flere læsere til at udforske dataene end et simpelt tekstlayout.

Hvordan laver man sin egen infografik?

I denne øvelse bruger vi Photoshop til at lave en infografik, der sammenligner dataene mellem at køre på cykel og tage et tog fra Washington Square Park på Manhattan til Downtown Williamsburg i Brooklyn. Ifølge Google Maps tager det 18 minutter at cykle mellem disse to punkter, og køreturen tager 30 minutter.

 

For at komme i gang kan vi indsætte et skærmbillede fra Google Maps i vores Photoshop-fil og desaturere det. Ser man på Tibor van den Brinks originale eksempel på farve og æstetisk appel, kan ruten, der sammenlignes, fremhæves med gult.

Kortrammen er også gul og er designet til at give plads til tekst øverst. Dette indhold er placeret oven på en mørkegrå baggrund for kontrast og er lagdelt med en subtil papirtekstur for at give det en "kort"-fornemmelse. Hvordan laver man en infografik?

Derefter kan vi tilføje nogle ikoner, som hjælper med at indramme dataene, med eksemplet Sådan opdager løgne i tankerne. Her vil vi bruge et minimalt cykelikon og et minimalt togikon. Efter dette kreative flow kan vi tilføje "fodspor" af varierende længde til ikonerne, der nogenlunde svarer til den relative varighed af hver tur.

Den komplementære blågrønne farve er nøje udvalgt. Husk, vi ønsker at gøre disse data så attraktive som muligt!

Endelig kan vi tilføje vores tekst. Overskriften er enkel og kortfattet, og referatet er sat stort og letlæseligt. skrifttype. Denne infografik er vellykket, fordi den grafisk oversætter en masse tekstdata, inklusive et rutekort, sammenlignede transportmetoder og tidspunkter. Hvordan laver man en infografik?

Det lykkes også at gøre disse data attraktive. Designet er farverigt, professionelt, rent og enkelt.

Konklusion

Infografik kommer i mange former. De kan indeholde illustrationer, diagrammer, farver, kombinere tekst med ikoner eller endda være fotografiske. Det er nyttigt for designere at forstå de forskellige typer infografik og være i stand til at skelne, hvornår de fungerer, og hvornår de ikke gør.

Brug denne artikel som en introduktion og se, om du kan nedbryde den næste infografik, du støder på, som en måde at styrke dine egne infografiske designfærdigheder på!