Infographics har funnits i åldrar, men de senaste åren har de verkligen kommit in i rampljuset som ett nästan oemotståndligt sätt att kommunicera komplexa scenarier och information. Vi kan inte hjälpa det, när vi ser en länk för en infografisk, måste vi nästan kolla in det!
Om du är intresserad av infografisk design, läs det som om vi tittar på några av våra favoritexempel och diskuterar några viktiga saker och inte för att skapa övertygande och effektiv grafik.
Skapa en stark kontaktpunkt
Infographics blir för ofta en komplicerad röra av grafik och text. Som designer är det väldigt enkelt att få bäras och slutligen komma undan med något som är överväldigande än användbart.
Ett sätt att regera denna tendens är att lita tungt på en central grafik som starkt kommunicerar ditt övergripande tema eller meddelande:
bildkälla
Som du kan se är huvudkornsgrafiken här inte den enda attraktiva visningen på sidan, men den äter upp det mesta av tillgängligt utrymme. Detta hjälper till att dra dig in och ger dig en känsla av att du lätt kan smälta den information som beskrivs.
När huvudfilen har dragit dig in kan du välja att flytta uppmärksamheten till flankerande information, grafik och textinformation.
bildkälla
Kan du läsa det kortfattat?
Kom ihåg att, precis som vilken design som helst, en infografisk bör ha en uppsättning underliggande mål som det är tänkt att åstadkomma. En infografisk punkt är typiskt att ta komplex information och göra det lättare att ta in genom grafisk förstärkning. Ditt mål är då att skapa något som kan konsumeras så fort som möjligt. Inte varje litet skrot av information behöver kommuniceras på ett ögonblick, men den övergripande delen av data borde åtminstone vara uppfattningsbar inom några sekunder.
Om du inte håller koll på detta mål är det lätt att missa märket. Resultatet är att något kan vara en liten förbättring jämfört med råtext, men misslyckas med att verkligen presentera data på ett engagerande och lättförbrukbart sätt.
bildkälla
Jag kan inte låta bli att tro att denna infografiska är onödigt svår att sortera igenom. När du designar, tänk på antalet ögonrörelser som krävs för att ta in en datapunkt. I exemplet ovan är dina ögon darting överallt för att dechiffrera layouten på den horisontella punkten på rutnätet, den vertikala punkten på rutnätet, färgerna och hur de sammanfogar varandra. Enkelt uttryckt, det är för mycket arbete!
Använd tillämpliga metaforer
Några av de mest engagerande infographerna tar tråkig, komplex information och tillämpar en grafisk metafor som är så perfekt att även lekmän kan nästan omedelbart förstå vad som anges. Infografiska nedan fungerar som ett utmärkt exempel.
Konstruktörerna hade till uppgift att kommunicera femtio fjärdedelar av jämförande positiv ekonomisk tillväxt bland 14 länder. I ett vanligt gammalt diagram är detta tillräckligt för att sätta någon gymnasieelever att sova. Men med tävlingsmetaforen är det en underhållande, konversationsstartfilm som även en grundskolestudent kan få på en grundläggande nivå.
bildkälla
Som ett annat exempel, ta en titt på bilden nedan. Här visas inflödet av invandrare i USA som en serie bardiagram som utgör den amerikanska flaggan. Det är en snabb läsning som görs så mycket mer engagerande av förmedlingen av datas form.
bildkälla
Ta en skiva
Ibland används inte infographics bara för att jazz upp råa datapunkter utan att kommunicera en verklig världssituation. Under dessa omständigheter är en populär go-to-strategi att illustrera en scen med tredimensionell grafik som nästan ser ut som ett vetenskapligt prov har tagits från världen som liknar hur en forskare skulle prova ett träd.
bildkälla
Som du kan se är resultatet av denna teknik en anmärkningsvärt intressant illustration som väldigt snabbt relaterar problemet. Vad som normalt skulle ta flera stycken eller till och med sidor att förklara är kondenserad till en bra grafik.
bildkälla
Data kan vara vackert
Ibland tar infographics en handfull datapunkter och lägger dem ihop för en snabbare läsning, andra gånger är det dags att visualisera en stor höjd av data. I dessa situationer är det helt enkelt inte alltid en realistisk eller till och med önskvärd att göra varje enskild punktpunkt ett intresseområde.
I stället är den stora bilden den primära fokuseringen: Vad kan vi lära oss av att ta ett steg tillbaka för att ta in alla data på en gång? Under dessa omständigheter utformar designers ofta kreativt data så att en vacker konstverk resulterar!
bildkälla
Om du följer länken och tittar på det här diagrammet ser du att det bara finns för många informationstyper att försöka ta in. Emellertid är infografen fortfarande en utmärkt resurs eftersom det har gjort smärtsamt tråkig information till någonting verkligen anmärkningsvärt som tydligt visar vissa trender.
Tänk på bargrafen
Designern som lärde mig mest av vad jag vet berättade för mig något som alltid har fastnat med mig:? Din första idé är förmodligen din mest generiska.? I design är det troligt att det första som dyker upp i ditt huvud är det första som skulle dyka in i en annan designers huvud också, vilket inte alltid är dåligt men kan leda till en hel del unoriginal arbete.
I infographics tar detta begrepp ofta form av ett stapeldiagram. Visst, det är ett otroligt användbart verktyg som verkligen förbättrar datavisualisering, men det är också lite generiskt och fantasilöst från ett designperspektiv.
Nästa gång du börjar skapa ett stapeldiagram, tänk på hur du kan lägga din egen unika snurr på den. Infographic nedan är ett perfekt exempel.Här använde formgivaren 3D-staplar av kort för att skildra amerikanernas åsikter av sina allierade. Ju högre stacken desto mer gynnsam uppfattning. I hjärtat är det bara ett stapeldiagram men i praktiken skapade det en mycket intressantare grafik.
bildkälla
Använd Repetition
Repetition är ett av dina kärndesignverktyg och bör användas i nästan allt du skapar. Detta verktyg är särskilt användbart och lämpligt för infographics där samma datapunkter ofta visas upprepade gånger i olika sammanhang.
Nedan hakade jag upp Envato Remote Staff Infographic för att visa hur designern flera gånger använde de lilla Google Maps-markörerna för att representera medarbetare. Eftersom diagrammen handlar om plats är det här en perfekt metafor och repetitionen gör ett välkänt schema som vi omedelbart hämtar på mentalt och inte behöver tolka på nytt med varje ny sektion.
bildkälla
Berätta en visuell berättelse
Detta tips har samma grundläggande begrepp bakom det som nummer två ovan. Eftersom målet med ett infographic är att göra en snabb läsning, bör din design berätta en historia omedelbart. Infographics bör vara väldigt visuella upplevelser som inte nödvändigtvis förlitar sig för mycket på texten. Det borde finnas för dem som vill ta sig tid att läsa den, men dina bilder borde bära kommunikationsbördan ganska bra på egen hand.
I infographic nedan får jag massor av information utan att läsa ett enda ord. Omedelbart vet jag att poängen är att visa mobiltelefoner genom åren och jag får verkligen en känsla för den utvecklingen från bilderna. Mina ögon glider upp från telefonens bilder och jag ser hängande vikter, en tydlig indikation på hur telefonens fysiska vikt har utvecklats under åren.
bildkälla
När du har en fungerande design på plats för din infographic, försök att ta bort all text och visa den till någon som inte har sett den tidigare. Kan de berätta vad som händer? Finns det något du kan göra för att förbättra den visuella kommunikationen?
Noggrant visualisera jämförelser
Detta är ganska mycket infografisk design 101, men det är en viktig punkt att du borde ge mycket tanke på. En viktig aspekt av infographics är inte bara representation av data, utan ännu viktigare jämförelse av data. Typografisk konst är ganska populär för tillfället, men bara att skriva ut stora siffror i en fin typsnitt ger inte riktigt en känsla av skala eller referens. Av detta skäl vänder designers till diagram, grafer, illustrationer och vad som helst annat de kan tänka sig för att förmedla berättelsen att få veta.
Jag nämnde ovan att du bör överväga att ompröva några stapeldiagram som du använder, här förlänger jag den här ideen till vilken datavisualisering du använder. Ditt jobb är att visa någon vilken 14,2 biljoner ser ut jämfört med 6,95 miljarder, hur ska du uppnå det? Vilka verktyg och tricks kan du använda för att ta den ofattbara skalan och ta ner den till något som vi kan förstå om två sekunder?
bildkälla
Häll på de visuella tipsen
Låt oss säga att du använder sig av en vanlig gammal stapeldiagram, vilket är helt acceptabelt. Därefter är ditt jobb att överväga hur du kan göra det ännu mer läsligt, till och med till redundans.
Tänk på de små flaggor på stapeldiagrammet nedan. Nu, eftersom jag kan läsa ett stapeldiagram på egen hand, behöver jag inte riktigt de små flaggor ovanpå varje stapel som visar värdet. Detta knep ger dock visuellt intresse för designen samtidigt som man minskar den mängd arbete som är nödvändigt för att tolka data. Den här lilla handen hade lätt gått av, men designern tog extra tid för att göra dubbelt så mycket att informationen kunde läsas snabbt.
bildkälla
Mer infographics
Kan inte få tillräckligt med infographics? Kolla in länkarna nedan för mer fantastiska designexempel.
- Stil och flöde
- Bra är
- InfographicGallery
- Visuellt
- Cool Infographics
Slutsats
Du har säkert märkt att många av de ovanstående tipsen kokar ner till en enda punkt: gör data användarvänlig. Som designers, vi älskar att prata om? Söt? aspekt av infografisk design och konsten som är inblandad, men priset att hålla ögonen på är användarnöjdhet.
Infographics är ett av de renaste exemplen på grafisk design som du någonsin kommer över. Vi ser här att designen är så mycket mer än teckensnitt och färger. Design är den kreativa organisationen, styling och presentation av information med målet att öka intresset, läsbarhet och förståelse bortom ren text.
Lämna en kommentar nedan och meddela dina tankar om infographicsna ovan. Vilka är dina favoriter och varför?