Hvordan lage en infografikk?

Hvordan lage en infografikk? Infografikk tar komplekse data og informasjon og oversetter dem til lettfattelige bilder. I dagens hektiske verden må grafiske designere kommunisere et budskap enkelt og effektivt.

 

Crowd testing. Hvordan gjøre det?

Tekstdata til grafiske data. Hvordan lage en infografikk?

Til høyre ser vi en grafisk designers CV, designet i stilen infografikk. Han dyktig gjorde statistikken din til stilige grafer, noe som gjorde tørr statistikk mer dynamisk.

Visuals som disse gir Tibor van den Brink muligheten til å legge til farger og estetiske intriger, to faktorer som naturlig skiller seg ut fra en tradisjonell CV og trekker seeren inn.

Her kan vi raskt anslå at Tibor er 100 % flytende i nederlandsk og ca. 88 % flytende i engelsk takket være et enkelt kakediagram. Han bruker andre smarte tilnærminger som ikoner for sine hobbyer og "metere" for raskt å vise ferdighetsnivået sitt i ulike programmer og designkonsepter.

Umiddelbart ser vi at han har et ferdighetsnivå på 75 % i Photoshop, Illustrator og InDesign. All informasjonen hans formidles på en enkel og kortfattet (og forfriskende) måte som slår de lange, utstrakte setningene om historien hans med Adobe Creative Suite. Hvordan lage en infografikk?

Bilder (og diagrammer) sier mer enn tusen ord

Alle kjenner det berømte ordtaket: "Et bilde er verdt tusen ord." Dette sitatet forteller mye om kraften til infografikk: mennesker er visuelle skapninger. Der tekst krever tid og mental bearbeiding, er bilder ofte umiddelbare og intuitive.

Det infografiske eksemplet ovenfor bruker en serie diagrammer for å forklare hvordan en Rubiks kube fungerer. Gitt kompleksiteten til Rubiks kuber, trenger du minst tusen ord for raskt og tydelig å forklare hva disse diagrammene viser. I tillegg er denne infografikken fargerik og interessant. Dette er uten tvil å foretrekke fremfor en tekstlig forklaring av Rubiks kube.

Strømme. Hvordan lage en infografikk?

Infografikk har visuelle flyter. Dette er viktig å huske når du designer infografikk. Som med alle andre designfag, er designeren ansvarlig for å trekke seernes oppmerksomhet til designet.

Infografikken til venstre viser skofremstillingsprosessen i tre trinn. Hvis vi skulle kritisere dette stykket, kan vi si at øyet starter med headeren øverst og naturlig graviterer mot de store skoene på taket.

Denne store skoen fører oss så til trinn 3 i prosessen, som er i zoomboblen. Au! Vi håpet å starte med trinn 1...

Selv om denne infografikken er fargerik og vakker, har den tydeligvis problemer med flyten. En måte å løse dette problemet på er å plassere det tredje trinnet i første etasje i den bygningen og det første trinnet oppe ved siden av den store støvelen.

I videre kritikk kan vi si at grafikk ikke nødvendigvis formidler mye tekstdata eller annet. For eksempel i «Produksjon»-stadiet ser vi to figurer som sitter på stoler iført støvler, men dette gir oss ikke nødvendigvis noen tilleggsinformasjon eller følelse om dette stadiet utover ordet «Produksjon». Det samme kan sies om design og skisser. Hvordan lage en infografikk?

Gi en følelse av data

En god infografikk viser en følelse så vel som et sett med data. De fremkaller med andre ord en instinktiv reaksjon hos betrakteren som følge av den umiddelbare og/eller raske forståelsen som infografikken gir.

Eksemplet ovenfor viser en enkel prosentandel av landeierskap, men gir dataene et komplekst preg ved å tilby kompleks og realistisk grafikk. De fleste er kanskje ikke klar over at landeierskap i USA er delt på denne måten, og synet av dette bildet av land som blir kuttet opp og inngjerdet kan naturlig nok føre til en følelse av uro eller en trang til å lære mer om emnet .

Navigering med ikoner. Hvordan lage en infografikk?

En annen stil med infografikk bruker ikoner sammen med tekst for å hjelpe seeren med å navigere i dataene. Eksemplet til høyre gjør nettopp det, og forklarer hvordan man oppdager en løgn.

I trinn 1, i stedet for å forklare hvordan disse håndbevegelsene kan se ut skriftlig, brukes tre effektive bilder. Tross alt er disse gestene lettere å vise i illustrasjoner enn skriftlig.

I en annen metode kobler trinn 2 grafikken direkte til tekstforklaringer, og bruker teksten som "signaturer" for retningene noens øyne kan se hvis de lyver. Denne tilnærmingen er også effektiv og har en vakker sirkulær omslag rundt øyet.

Trinn 4 bruker grafikk annerledes. For å visuelt artikulere "Lytt til stemmeindikatorer", brukes et bilde av en lydbølge. Dette er mindre effektivt enn grafikken i trinn 1 fordi den faktisk ikke viser noen data eller informasjon. Med det sagt gir det visuell intriger og konsistens med resten av designet, som kan være verdt noe og til syvende og sist rettferdiggjøre grafikken.

Gjøre data attraktive. Hvordan lage en infografikk?

Foruten de funksjonelle og praktiske egenskapene til infografikk, er en annen bruk for dem å gjøre data attraktive og vakre. I eksemplet ovenfor er virkningen av klimaendringer på vårens tidslinje visuelt representert på en "solskive" ved hjelp av sett data om fugler, trær og temperatur.

Selv om temaet er urovekkende, er grafikken myk, uskyldig og attraktiv. Fargepaletten er morsom og sofistikert, og den geometriske blomsten trekker betrakteren inn i designet. Den visuelt spennende karakteren til denne artikkelen vil sannsynligvis inspirere flere lesere til å utforske dataene enn et enkelt tekstoppsett.

Hvordan lage din egen infografikk?

I denne opplæringen bruker vi Photoshop til å lage en infografikk som sammenligner dataene mellom å sykle og ta et tog fra Washington Square Park på Manhattan til Downtown Williamsburg i Brooklyn. I følge Google Maps tar sykling mellom disse to punktene 18 minutter og kjøreturen tar 30 minutter.

 

For å komme i gang kan vi lime inn et skjermbilde fra Google Maps i Photoshop-filen vår og demette den. Ser vi på Tibor van den Brinks originale eksempel på farger og estetisk appell, kan ruten som sammenlignes utheves i gult.

Kortrammen er også gul og er designet for å gi plass til tekst øverst. Dette innholdet er plassert på toppen av en mørkegrå bakgrunn for kontrast og er lagdelt med en subtil papirtekstur for å gi det en "kart"-følelse. Hvordan lage en infografikk?

Deretter, med hvordan du oppdager løgner-eksempelet i tankene, kan vi legge til noen ikoner som hjelper til med å ramme inn dataene. Her skal vi bruke et minimalt sykkelikon og et minimalt togikon. Etter denne kreative flyten kan vi legge til "fotavtrykk" av varierende lengde til ikonene som omtrent svarer til den relative varigheten av hver tur.

Den komplementære blågrønne fargen er nøye utvalgt. Husk at vi ønsker å gjøre disse dataene så attraktive som mulig!

Til slutt kan vi legge til teksten vår. Overskriften er enkel og kortfattet, og referatet er satt stort og lettlest. font. Denne infografikken er vellykket fordi den grafisk oversetter mye tekstdata, inkludert et rutekart, sammenlignede transportmetoder og tider. Hvordan lage en infografikk?

Det lykkes også med å gjøre disse dataene attraktive. Designet er fargerikt, profesjonelt, rent og enkelt.

Konklusjon

Infografikk kommer i mange former. De kan inneholde illustrasjoner, diagrammer, farger, kombinere tekst med ikoner, eller til og med være fotografiske. Det er nyttig for designere å forstå de forskjellige typene infografikk og være i stand til å skille når de fungerer og når de ikke gjør det.

Bruk denne artikkelen som en introduksjon og se om du kan bryte ned den neste infografikken du kommer over som en måte å styrke dine egne infografiske designferdigheter på!