Hur gör man en infografik?

Hur gör man en infografik? Infografik tar komplex data och information och översätter dem till lättbegripliga bilder. I dagens snabba värld måste grafiska designers kommunicera ett budskap enkelt och effektivt.

 

Publiktester. Hur man gör det?

Textdata till grafiska data. Hur gör man en infografik?

Till höger ser vi en grafisk formgivares CV, designat i stilen infografik. Han skickligt förvandlade din statistik till snygga grafer, vilket gjorde torr statistik mer dynamisk.

Visualiseringar som dessa ger Tibor van den Brink möjligheten att lägga till färg och estetiska intriger, två faktorer som naturligtvis sticker ut från ett traditionellt CV och drar in betraktaren.

Här kan vi snabbt uppskatta att Tibor är 100% flytande i holländska och cirka 88% flytande i engelska tack vare ett enkelt cirkeldiagram. Han använder andra smarta tillvägagångssätt som ikoner för sina hobbyer och "meter" för att snabbt visa sin skicklighetsnivå i olika program och designkoncept.

Omedelbart ser vi att han har en 75% kunskapsnivå i Photoshop, Illustrator och InDesign. All hans information förmedlas på ett enkelt och kortfattat (och uppfriskande) sätt som slår de långa, utdragna meningarna om hans historia med Adobe Creative Suite. Hur gör man en infografik?

Bilder (och diagram) säger mer än tusen ord

Alla känner till det berömda talesättet: "En bild säger mer än tusen ord." Det här citatet talar mycket om kraften i infografik: människor är visuella varelser. Där text kräver tid och mental bearbetning är bilder ofta omedelbara och intuitiva.

Det infografiska exemplet ovan använder en serie diagram för att förklara hur en Rubiks kub fungerar. Med tanke på komplexiteten hos Rubiks kuber behöver du åtminstone tusen ord för att snabbt och tydligt förklara vad dessa diagram visar. Dessutom är denna infografik färgstark och intressant. Detta är utan tvekan att föredra framför en textförklaring av Rubiks kub.

Flöde. Hur gör man en infografik?

Infografik har visuella flöden. Detta är viktigt att komma ihåg när du designar infografik. Som med alla andra designämnen är designern ansvarig för att uppmärksamma tittarna på designen.

Infografiken till vänster visar skotillverkningsprocessen i tre steg. Om vi ​​skulle kritisera det här stycket kan vi säga att ögat börjar med headern överst och naturligt dras mot de stora skorna på taket.

Denna stora sko leder oss sedan till steg 3 i processen, som är i zoombubblan. Ouch! Vi hoppades kunna börja med steg 1...

Även om den här infografiken är färgstark och vacker, har den helt klart flödesproblem. Ett sätt att lösa detta problem skulle vara att placera det tredje steget på bottenvåningen i den byggnaden och det första steget på övervåningen bredvid den stora stöveln.

I ytterligare kritik kan vi säga att grafik inte nödvändigtvis förmedlar mycket textdata eller annat. Till exempel, i "Produktion"-stadiet, ser vi två figurer som sitter på stolar med stövlar, men detta ger oss inte nödvändigtvis någon ytterligare information eller känsla om detta skede utöver ordet "Produktion". Detsamma kan sägas om Design och Sketches. Hur gör man en infografik?

Ge en känsla av data

En bra infografik visar både en känsla och en uppsättning data. Med andra ord, de framkallar en instinktiv reaktion hos betraktaren som ett resultat av den omedelbara och/eller snabba förståelsen som infografiken ger.

Exemplet ovan visar en enkel procentandel av markägandet, men ger data en komplex känsla genom att erbjuda komplex och realistisk grafik. De flesta kanske inte är medvetna om att markägandet i USA är uppdelat på detta sätt, och åsynen av denna bild av att mark styckas upp och inhägnas kan naturligtvis leda till en känsla av obehag eller en lust att lära sig mer om ämnet .

Navigering med ikoner. Hur gör man en infografik?

En annan typ av infografik använder ikoner tillsammans med text för att hjälpa tittaren att navigera i data. Exemplet till höger gör just det och förklarar hur man upptäcker en lögn.

I steg 1, istället för att förklara hur dessa handgester kan se ut skriftligt, används tre effektiva bilder. Dessa gester är trots allt lättare att visa i illustrationer än i skrift.

I en annan metod kopplar steg 2 grafiken direkt till textförklaringar, och använder texten som "signaturer" för riktningarna någons ögon kan se om de ljuger. Detta tillvägagångssätt är också effektivt och har ett vackert cirkulärt omslag runt ögat.

Steg 4 använder grafik på olika sätt. För att visuellt formulera "Lyssna på röstindikatorer" används en bild av en ljudvåg. Detta är mindre effektivt än grafiken i steg 1 eftersom den faktiskt inte visar någon data eller information. Med det sagt ger det visuella intriger och överensstämmelse med resten av designen, vilket kan vara värt något och i slutändan motivera grafiken.

Att göra data attraktiv. Hur gör man en infografik?

Förutom de funktionella och praktiska egenskaperna hos infografik, är en annan användning för dem att göra data attraktiva och vackra. I exemplet ovan representeras klimatförändringarnas inverkan på vårens tidslinje visuellt på en "solurtavla" med hjälp av set uppgifter om fåglar, träd och temperatur.

Även om temat är störande, är grafiken mjuk, oskyldig och attraktiv. Färgpaletten är rolig och sofistikerad, och den geometriska blomman drar in betraktaren i designen. Den här artikelns visuellt spännande karaktär kommer sannolikt att inspirera fler läsare att utforska data än en enkel textlayout.

Hur gör man sin egen infografik?

I den här handledningen kommer vi att använda Photoshop för att skapa en infografik som jämför data mellan att cykla och ta ett tåg från Washington Square Park på Manhattan till Downtown Williamsburg i Brooklyn. Enligt Google Maps tar cyklingen mellan dessa två punkter 18 minuter och bilresan tar 30 minuter.

 

För att komma igång kan vi klistra in en skärmdump från Google Maps i vår Photoshop-fil och göra den avmättad. Om man tittar på Tibor van den Brinks ursprungliga exempel på färg och estetisk tilltal, kan rutten som jämförs markeras med gult.

Kortramen är också gul och är designad för att lämna plats för text överst. Detta innehåll placeras ovanpå en mörkgrå bakgrund för kontrast och är lager med en subtil pappersstruktur för att ge det en "karta"-känsla. Hur gör man en infografik?

Sedan, med exemplet Hur man upptäcker lögner i åtanke, kan vi lägga till några ikoner som hjälper till att rama in data. Här kommer vi att använda en minimal cykelikon och en minimal tågikon. Efter detta kreativa flöde kan vi lägga till "fotspår" av varierande längd till ikonerna som ungefär motsvarar den relativa varaktigheten för varje resa.

Den kompletterande blågröna färgen är noga utvald. Kom ihåg att vi vill göra denna data så attraktiv som möjligt!

Slutligen kan vi lägga till vår text. Rubriken är enkel och kortfattad och protokollen är stora och lättlästa. font. Den här infografiken är framgångsrik eftersom den grafiskt översätter mycket textdata, inklusive en ruttkarta, jämförda transportmetoder och tider. Hur gör man en infografik?

Man lyckas också göra denna data attraktiv. Designen är färgstark, professionell, ren och enkel.

Slutsats

Infografik finns i många former. De kan innehålla illustrationer, diagram, färger, kombinera text med ikoner eller till och med vara fotografiska. Det är till hjälp för designers att förstå de olika typerna av infografik och kunna skilja på när de fungerar och när de inte gör det.

Använd den här artikeln som en introduktion och se om du kan bryta ner nästa infografik du stöter på som ett sätt att stärka din egen infografiska designkunskaper!