Venngage

om du vill göra en infographic som engagerar, sammanfattar och informerar, har du kommit till rätt ställe.

ur perspektivet av någon som inte är designer kan det vara en omöjlig uppgift att skapa en infografik som är både vacker och effektiv…men det är långt ifrån sanningen. Följ vår nybörjarvänliga infographic design guide nedan för att lära dig hur du gör din egen.

hur man gör en Infographic:

1. Beskriv dina mål för att skapa din infographic
2. samla in data för din infographic
3. gör datavisualiseringar för din infographic
4. skapa din layout med en infographic mall
5. Lägg till stil i din infographic design så att den sticker ut

skapa denna INFOGRAPHIC

vi visar också Venngages infographic-Mallar så att du kan komma igång snabbt.

här är en videosammanfattning av stegen i den här guiden:

skapa en INFOGRAPHIC

Låt oss dyka in i varje steg mer detaljerat.

Beskriv dina mål för att skapa din infografik

en infografik är ett visuellt kommunikationshjälpmedel som du kan använda för att:

ge en snabb översikt över ett ämne

oavsett om du presenterar ett nytt koncept som är svårt att förstå, beskriver stegen i en projektplan eller introducerar en ny policy, sammanfattar informationen med en infografik kan rensa förvirring. Dina kollegor kommer att vara evigt tacksamma:

skapa denna INFOGRAPHIC

förklara och förenkla en komplex process

nya processer kan orsaka en hel del förvirring. Om det är en komplex process som kan vara svårt för människor att linda sina huvuden runt, försöka skapa en process infographic att din publik eller kunder kan använda som referens:

skapa denna INFOGRAPHIC

Process infographics kan vara till hjälp för att avmystifiera abstrakta processer som en kundresa:

skapa denna INFOGRAPHIC

skapa denna INFOGRAPHIC

Visa forskningsresultat eller undersökningsdata

Infographics är det perfekta sättet att dela undersökningsdata eftersom de låter dig berätta en historia med dina data. Detta är särskilt praktiskt om du delar dina enkätdata på sociala medier, i ett blogginlägg eller en vitbok. Infografik skapar potential för att få många ögon på dina undersökningsdata. Ta detta innehåll marknadsföring statistik infographic, till exempel:

skapa denna INFOGRAPHIC

sammanfatta ett långt blogginlägg eller rapport

när du har ett långt blogginlägg eller rapport kan det vara till hjälp att sammanfatta viktiga punkter i en infographic. Detta gör det enkelt för läsarna att söka efter den viktigaste informationen.

istället för att behöva svara på samma frågor efter att ha skickat ut en rapport, eller har människor miste om viktiga detaljer-en sammanfattad visuell rapport hjälper till att eliminera dessa frågor:

skapa denna INFOGRAPHIC

här är ett annat exempel på en infographic som du kan använda för att sammanfatta information som många människor kan hitta torr och tråkig:

skapa denna INFOGRAPHIC

Jämför och kontrast flera alternativ

när presenteras med två bra alternativ, hur gör du ett beslut? Skriv ner för-och nackdelar med varje. En jämförelse infographic är ett visuellt sätt att jämföra produkt, planer, argument och ideer:

skapa denna INFOGRAPHIC

öka medvetenheten om ett problem eller orsak

att använda dina sociala kanaler för att skapa medvetenhet är viktigt för många organisationer. Infographics har kraften att hjälpa dig att berätta en historia med data–för att sätta ett ansikte mot siffror.

skapa denna INFOGRAPHIC

innan du börjar tänka på layoutdesign, diagram eller estetik måste du tänka hårt på målen för din infographic. Varför gör du den här infografiken?

när jag säger mål menar jag inte mål på hög nivå som ”sammanfatta komplex information” eller ”förbättra webbplatstrafik”.

jag menar tydliga, konkreta, uppnåbara kommunikationsmål.

definiera det brinnande problemet

inse att du skapar den här infografiken så att din publik kan få något mycket specifikt från att läsa det. Den mycket specifika saken borde vara ett brinnande problem som din publik har i sina liv, och att din infographic kommer att lösa.

använd en frågepyramid

därifrån, använd en frågepyramid för att ta det brinnande problemet och förvandla det till 3-5 handlingsbara frågor att ta itu med i din infographic:

skapa ett diagram

dessa frågor kommer att bli det ramverk kring vilket du bygger din infografik och hjälper dig att berätta en övertygande historia.

de stödjande frågorna bör avslöja den grundläggande informationen som din publik behöver veta för att förstå huvudämnet och de undersökande frågorna som kommer att avslöja bredare insikter som i slutändan borde lösa det brinnande problemet.

låt oss arbeta igenom ett exempel. Denna infographic beskriver stegen i produktdesignprocessen:

skapa en Process Infographic

det brinnande problemet de försöker lösa är ” vilka steg finns i produktdesignprocessen?”Deras frågepyramid kan se ut så här:

definiera det brinnande problemet och använda frågepyramiden för att bryta ner det i handlingsbara frågor är det första steget för att göra en effektiv infografik. Om du har gått igenom den här processen och du fortfarande inte är säker på vilken historia som ska berätta, Läs mer om att upptäcka din infografiska historia.

återgå till Innehållsförteckning

spara min plats

samla in data för din infographic

du behöver lite data för att hjälpa dig att svara på varje fråga du definierade i steg ett.

om du har dina egna data, bra – du kan gå vidare till steg tre! Om inte, oroa dig inte. Det finns massor av offentliga data tillgängliga för dig (USA ensam producerar cirka 2.7 miljoner GB data per minut), om du bara vet var du ska leta.

Låt oss granska några strategier för att få tag på användbar data utan att behöva göra din egen forskning.

förfina dina Google-sökningar

Google är ofta det bästa stället att börja din sökning. Rikta dina Google-sökningar mer effektivt med symboler och dataspecifika söktermer:

• använd citat för att söka efter en Exakt fras
  • till exempel ”produktdesignprocesssteg”
• använd ett minustecken för att utesluta termer från din sökning
  • till exempel produktdesign-jobb
• Lägg till ’data’ i din sökfras
  • till exempel produktdesigndata
• Lägg till ett dataspecifikt filformat (t. ex. XLS, CSV, tsv) till din sökfras
  • till exempel produktdesign xls

sök i befintliga datalager

medan Google-sökningar är snabba och enkla, kommer du ofta att få röriga data som behöver rengöras, vilket kan ta mycket tid. Granska dessa datalager för att hitta data som är redo att användas:

• den amerikanska regeringens öppna Data: Data om allt från jordbruk, klimat och ekosystem till utbildning, hälsa och allmän säkerhet
• USA: s folkräkningsdata för Social, ekonomisk och hälsoforskning: USA. folkräkningsdata från 1790-nuvarande
• Statista: marknadsundersökning
• Kaggle: användaruppladdade dataset på allt från chokladstänger till startfinansiering
• Pew Research: forskning om demografi, allmän opinion, medieinnehåll och mer
• amerikansk Tidsanvändningsundersökning: Data om hur mycket tid amerikanerna spenderar på olika aktiviteter som att sova, äta och spela sport.
• Google Trends Datastore: samlade dataset från Google News Lab
• Google Scholar: En användarvänlig sökmotor för akademiska publikationer
• Data är Plural: en kuraterad lista över intressanta, aktuella dataset, uppdaterade varje vecka
• AggData: Business locational data
• coola dataset: en självutnämnd ”plats att hitta coola dataset”

om båda dessa strategier misslyckas kan du behöva samla in dina egna data. För att lära dig mer, granska våra förslag för att utföra din egen forskning och läs vår omfattande guide till datainsamling.

återgå till Innehållsförteckning

gör datavisualiseringar för din infographic

nu har du de frågor du vill svara på och de data du behöver för att svara på dem. Ditt nästa steg bör vara att bestämma hur man presenterar dessa data visuellt.

den här videon sammanfattar vår enkla metod för att välja de bästa diagrammen för din infographic:

vi har utvecklat ICCORE-metoden för att hjälpa dig att välja de bästa diagrammen för dina data. Först, för varje bit av data som du vill visualisera, avgöra om det primära målet kommer att vara att:

• informera,
• jämför,
• ändra,
• organisera,
• avslöja relationer, eller
• utforska.

använd sedan de bästa metoderna för det målet för att hitta rätt diagram för dina data.

Låt oss granska för varje mål i tur och ordning:

informera

du vill förmedla ett viktigt budskap eller datapunkt som inte kräver mycket sammanhang att förstå.

gör en numerisk stat sticker ut med stor, fet, färgglad text:

kräver extra uppmärksamhet genom att para ikoner med text:

markera en procentsats eller ränta med en donut diagram eller en pictograph:

jämför

du vill visa likheter eller skillnader mellan värden eller delar av en helhet. En jämförelse infographic hjälper dra paralleller mellan flera bitar av data.

Använd ett stapeldiagram, kolumndiagram, bubbeldiagram eller bubbelmoln för att jämföra oberoende värden.

Använd ett cirkeldiagram, munkdiagram, piktogram eller trädkarta för att jämföra delar av en helhet.

Använd ett staplat stapeldiagram eller staplat kolumndiagram för att jämföra kategorier och delar av en helhet.

Använd ett staplat områdesdiagram för att jämföra trender över tiden.

ändra

du vill visa trender över tid eller rum.

Använd ett linjediagram eller ett områdesdiagram för att visa ändringar som är kontinuerliga över tiden.

använd en tidslinje för att visa diskreta händelser i tid.

här är ett exempel på en tidslinje infographic:

skapa en tidslinje INFOGRAPHIC

använd en choropleth karta för att visa rumsliga data.

använd en kartserie för att visa data som ändras över både rum och tid.

organisera

du vill visa grupper, mönster, rang eller ordning.

använd en lista för att visa rang eller ordning när du vill ge extra information om varje element.

använd en tabell för att visa rang eller ordning när du vill att läsarna ska kunna slå upp specifika värden.

Använd ett flödesschema för att visa ordning i en process.

Använd enkla rutor eller gränser för att visa organiserade grupper (som ses i Venn-diagram och tankekartor).

här är ett exempel på en mind map infographic:

skapa en MIND MAP INFOGRAPHIC

annars, visa rang eller ordning med ett stapeldiagram, kolumndiagram, bubbeldiagram eller pyramiddiagram.

förhållande

du vill avslöja mer komplexa relationer mellan saker.

använd en scatter-plot när du vill visa två variabler för en uppsättning data.

använd en serie med flera serier när du vill jämföra flera uppsättningar relaterade data.

skapa ett diagram

utforska

du vill att läsaren ska utforska data och upptäcka insikter för sig själva.

det finns ingen magisk kula för utforskning–visualiseringsstilen beror verkligen på detaljerna i dina data. Interaktiva diagram som den här som möjliggör filtrering, sortering och borrning är det ofta bästa valet, men dessa kan vara kostsamma och tidskrävande att utveckla. Om du är en visualiseringsnybörjare, försök att hålla dig till de andra valen.

det är en snabb genomgång av vår ICCORE-metod. Nu bör du ha allt du behöver för att välja lämpliga diagram för varje uppsättning data du vill visualisera. Tänk bara på vad du vill betona och välj ditt diagram i enlighet därmed.

för fler exempel och diagram bästa praxis, ta en titt på vår fullständiga guide om hur du väljer de bästa diagrammen för dina data.

återgå till Innehållsförteckning

skapa din layout med en infografisk mall

allt som finns kvar är layout och design.

att sätta ditt första element på sidan kan vara skrämmande, men det finns några hack som tar bort en del av gissningarna från ekvationen.

skapa ett naturligt informationsflöde

använd frågepyramiden du utvecklade i det första steget för att styra din designlayout och informationsflöde.

börja med att berätta för din läsare vad de kommer att få från din infographic (dvs vrid det brinnande problemet i din rubrik), följ upp med diagrammen som adresserar ”stödjande frågor” och kör sedan allt hem med diagrammen som adresserar ”sonderande frågor”.

använd en rutnätslayout för att lägga till struktur och balans i din infographic

att lägga ut dina element med ett fördefinierat symmetriskt rutnät är en enkel taktik som omedelbart höjer din infographic.

det kommer att ge dina element en viss väsentlig ordning och med tanke på att vi naturligtvis läser från vänster till höger och uppifrån och ner kan den användas för att rikta läsarens blick från element till element.

använd en centrerad designlayout med en kolumn för innehåll med ett linjärt flöde:

källor: Everlane.com, Ziploc.com

använd en designlayout med två kolumner för att göra jämförelser. Nedan är ett exempel på en jämförelse infographic:

källor: RemoteRelief, The Guardian, FoodBeast

överväg att använda en layout med flera sektioner när läsordningen är mindre viktig:

källor: Lauren Conrad, Lemonly

oavsett layout du använder, avstånd dina element med jämna mellanrum kommer att skapa en tillfredsställande känsla av struktur och balans.

relaterad: 7 Tips om hur man gör en bra Infographic

gör en infographic med en färdig infographic mall

om att bygga en layout från grunden är för skrämmande, erbjuder vi färdiga infographic Mallar som du kan anpassa för att passa dina data. Tricket är att välja en som fungerar bra med ditt innehåll.

det bästa sättet att göra det är att glömma färg, stil och diagramtyper för tillfället. Välj en infografisk mall baserat på dess struktur först och spela med sin stil andra.

den här snabbvideoguiden hjälper dig att välja den bästa typen av infografik för dina data:

har du en lista eller en process? Hitta en centrerad infografisk mall med en kolumn för att säkerställa att varje steg läses i ordning. Nedan är ett exempel på en process infographic:

skapa den här infografiska mallen

vill du kontrastera två diagram? Hitta en infografisk mall med två kolumner:

skapa denna jämförelse Mall

har 3 lika viktiga statistik? Hitta en infografisk mall med tre kolumner:

skapa den här mallen

har massor av data? Hitta en minimal infografisk mall med 4 eller 5 sektioner:

gör en 5-SEKTIONSMALL

allt vi pratade om i föregående avsnitt gäller här. Tänk på hur många element du har och hur din berättelse ska flöda när du väljer din infografiska Mall.

när du har en infographic mall, bara byta i ditt innehåll och du är iväg till tävlingarna.

återgå till Innehållsförteckning

Lägg till stil i din infographic–design så att den sticker ut

nu kommer den roliga delen-manipulera designelement för att lägga till lite stil och se till att din infographic är estetiskt tilltalande och tydlig.

hur man väljer teckensnitt för din infographic

börja med din text.

försök att hålla det enkelt. Tänk på en infographic som en visuell sammanfattning-texten som finns där borde vara absolut nödvändig för att förstå de viktigaste begreppen och komplettera bilderna. Minska din text till korta stycken (högst) på ungefär en klass sex läsnivå.

när du har räknat ut din kopia väljer du ett läsbart teckensnitt för huvuddelen av texten och förstärker sedan storleken och stilen på din huvudrubrik, sektionsrubriker och datahöjdpunkter så att kärnan i din infografik är omedelbart uppenbar:

skapa den här mallen

vill du behärska konsten att typografi? Få vår fullständiga översikt över hur du väljer teckensnitt för din infographic.

så här använder du repetition, konsistens och justering i din infographic

lägg sedan till några extra grafiska element för att ge dina kompositioner lite rytm och visuellt intresse.

kom ihåg de nät vi pratade om tidigare? Ett enkelt sätt att dra ihop din komposition är att upprepa grundläggande former för att förstärka det underliggande rutnätet:

skapa den här mallen

eller använd grundläggande former för att betona rubriker och listelement:

gör den här mallen

eller lägg till ikoner för att förstärka viktiga begrepp i texten. Håll ikonfärg, stil och storlek konsekvent och dra allt ihop med extra bakgrundsformer:

skapa den här mallen

vad du än gör, se till att de upprepade elementen du lägger till är inriktade! Även små feljusteringar kommer att kasta saker ur balans:

skapa den här mallen

det är bara några sätt som vi gillar att lägga till stil i vår infografik. Det viktiga att komma ihåg är att upprepade, inriktade element skapar visuell rytm, vilket kan göra att en komposition känns mer komplett.

här är ett fuskblad med några av de vanligaste symbolerna och betydelserna du kan hitta i grafisk design, plus tips för hur du använder dem för att visualisera ideer:

skapa den här mallen

hur du använder negativt utrymme i din infografiska design

negativt utrymme (aka whitespace) hänvisar till de områden på sidan som inte innehåller någon text eller bilder. Varje designer kommer att säga att negativt utrymme är lika viktigt som alla andra element i en design.

på samma sätt som när du tar ett foto lämnar du utrymme på vardera sidan av ditt ämne, bör du lämna utrymme runt varje huvudelementgruppering i din infografik.

det betyder att du har marginaler runt kanterna på infografiken:

gör denna INFOGRAPHIC

och luckor mellan orelaterade element, vilket gör det lättare att omedelbart förstå vilka element som är grupperade tillsammans:

skapa den här mallen

Whitespace påverkar också hur vi läser färg-det är mycket lättare att få färger att spela snyggt med varandra genom att lägga till lite whitespace:

ett märke av en expertdesigner är behärskning av negativt utrymme. Som Amatör kommer dina mönster att förbättras så snart du börjar tänka på negativt utrymme!

hur man väljer färger när du designar en infographic

slutligen kommer vi till färg. Det finns en anledning till att jag har lämnat det till slutet. Medan färg är ett kraftfullt kommunikationsverktyg, bör en riktigt bra infografisk design kommunicera effektivt i svartvitt. Tänk på färg som en extra bonus-ett sätt som du kan hjälpa din läsare att förstå ditt innehåll.

använd färg för att markera viktig information:

skapa den här mallen

eller för att gruppera relaterade element:

gör den här mallen

förbise inte neutrala. De är lätta att arbeta med, och när de används för att kompensera ljusa färger kan de verkligen dra ihop en komposition:

gör detta CV

när det gäller att kombinera färger har vi täckt dig. Vi har sammanställt ett antal färgscheman som fungerar för en rad infographics.

få fler färgscheman

det är det! Om du kommer ihåg att tänka på teckensnitt, repetition och justering, negativt utrymme och färg, kommer din infografik säkert att bli bra. Kolla in de största grafiska designtrenderna 2020 för ännu fler förslag.

återgå till Innehållsförteckning

låt oss granska de viktigaste stegen för hur man skapar en infographic:

1. beskriv målen för att skapa din infographic
2. samla in data för din infographic
3. gör datavisualiseringar för din infographic
4. skapa din layout med en infographic-mall
5. Lägg till stil i din infographic så att den sticker ut

om du har gjorde det så här långt, dina infographic design färdigheter är miles före de flesta icke-designers. Du bör ha ett bra grepp om hur man gör en infographic i 5 steg, och har alla verktyg du behöver för att göra din första infographic.

KOM IGÅNG NU