infographic design

så du vill bli en infographic design expert? Du har kommit till rätt ställe.

här är 13 viktiga infographic Design tips (klicka för att hoppa framåt):

  1. planera din infographic design
  2. Skriv en övertygande Titel
  3. använd en grid design eller wireframe för din infographic design
  4. Använd rätt infographic layout för dina data (scrolla ner för en videoguide)
  5. följ data visualisering bästa praxis
  6. införliva olika infographic designelement
  7. använd fotografering i din infographic design
  8. använd kontrast i din infographic design
  9. använd kontrast i din infographic design
  10. skapa symmetrisk och asymmetrisk balans
  11. använd färg effektivt
  12. se till att det finns konsistens i din infographic design
  13. lämna gott om negativt utrymme i din infographic design
  14. Practice, practice, practice

människor har gått nötter om infographics sedan infographic design boom 2012. Nej, det var verkligen en sak. Mellan 2010 och 2012 ökade sökningarna efter infografik med hela 80%.sedan dess har infografik och infografisk design blivit en standardvisual som används i innehåll över nischer.

det beror på att infographics kan kommunicera information på ett kondenserat och mycket visuellt sätt—när det är väl utformat. Här är ett exempel:

infographic design



Använd denna INFOGRAPHIC mall

problemet är att för varje välgjord infographic publicerad finns det en handfull dåligt producerade infografiska mönster som cirklar på webben.

dåligt utformade infographics kan skeva och dunkla information, snarare än att göra det lättare att förstå.

att skapa en vacker och effektiv infografisk design är inte svårt, det tar bara en grundläggande förståelse för infografisk design bästa praxis.naturligtvis hjälper det om du använder en infografisk mall för att ge dig ett försprång, som den här:

infografisk design


Använd denna infografisk mall

bara så att du vet, några av våra infografiska mallar är gratis att använda och vissa kräver en liten månadsavgift. Registrera dig är alltid gratis, liksom tillgång till Venngages online dra och släpp redaktör.

detta är din snabbkurs till effektiv infografisk design. Nu sätter vi igång.

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

planera din infographic design

vår video om hur man planerar och skapar den perfekta infographic är en bra primer för de nya till infographic design:

Fortsätt läsa för fler tips…

hitta en berättelse

i varje uppsättning data finns en berättelse. Innan du börjar designa din infographic, tänk på historien du försöker berätta. Vinkeln du väljer hjälper dig att avgöra vilken information som ska inkluderas.

till exempel berättar denna infografiska design historien om att slutföra ett projekt från början till slut:

infographic design


Använd denna INFOGRAPHIC mall

eftersom infographics tillåter begränsat utrymme för innehåll, bör syftet med din infographic fokuseras. Därför bör layouten på din infografik inte bara återspegla temat för din information utan också förbättra kommunikationen av den.

den infografiska mallen nedan använder till exempel numrerade rutor och pilar för att hålla läsarens öga rör sig i rätt riktning:

infographic design


USE THIS INFOGRAPHIC TEMPLATE

This process infographic uses a line to connect its steps:

infographic design


USE THIS INFOGRAPHIC TEMPLATE

Read our blog post on process infographic templates and design tips for more info.

Create an infographic outline

Before diving into your design, create an infographic outline. I din disposition, inkludera dina rubriker, data och alla designdetaljer du inte vill glömma.

återgå till innehållsförteckningen

2. Skriv en övertygande Titel

Kom med en titel som är catchy och beskrivande. Läsarna bör få en känsla av vad informationen kommer att vara, att engagera dem och få dem att vilja läsa vidare.

denna titel på denna infographic har två nummer, som copywriting guru Brian Dean rekommenderar att du använder för att göra dina rubriker mer övertygande och specifika:

infographic design


Använd denna INFOGRAPHIC mall

denna infographic design använder sig av en stor, fet rubrik och specifik underrubrik som berättar läsarna exakt vilken information de ska få:

infographic design


Använd denna INFOGRAPHIC mall

återgå till Innehållsförteckning

använd en grid design eller wireframe för din infographic design

grids och wireframes är den strukturella basen till vilken design som helst. Att designa på ett rutnät gör att du enkelt kan organisera element och information. Grid designs spelar också en viktig roll för att hålla objekt och element i linje.

När du till exempel justerar objekt kan du referera till samma vertikala rutnätlinje och sedan mellanslag varje listobjekt i enlighet därmed.

exemplet nedan visar hur färgpaletter är inriktade på ett grafiskt designnät. Venngage editor har också möjlighet att använda ”smarta guider” som hjälper justera objekt för dig automatiskt, utan att använda ett rutnät designverktyg:infographic design

här är den ursprungliga mallen, före anpassning:

infographic design


Använd denna Infographic mall

för din infographic design, Använd ett grid design system för att skapa marginaler. Det är bra att hålla tillräckligt med utrymme mellan dina element och kanten på din duk för att undvika visuell spänning.

en infografisk design kan potentiellt ha någon storlek på marginalen du önskar men det är viktigt att hålla marginalen konsekvent hela vägen längs kanten på din duk.

en bra tumregel är att hålla alla objekt och element minst 20px (en kvadrat på gallret) borta från kanvasens kant.

återgå till Innehållsförteckning

använd rätt infografisk layout för dina data

välj den bästa infografisk layout för dina data. Det finns hundratals möjliga infografiska mallar där ute att välja mellan.

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

Du kan till exempel använda en kolumnlayout för en minimal infografisk eller skapa en lista infografisk genom att spotta layouten i två kolumner, som i dessa exempel:

infografisk designlayout

Här är ett exempel på en infografisk design med två kolumner:

infographic design



Använd denna INFOGRAPHIC mall

Du kan läsa en mer ingående artikel om att välja rätt infographic mall för dina data i vårt blogginlägg om hur man gör en Infographic i 5 steg.

återgå till innehållsförteckningen

5. Följ bästa praxis för datavisualisering

Pro Tips: starta alltid din infografiska planering med penna och papper. På så sätt kan du arbeta igenom koncept och mönster ungefär innan du slutför en digital kopia.

Välj de bästa diagramtyperna för dina data

den typ av data du försöker förmedla avgör vilken diagramtyp som är bäst för dina data. För att bestämma vilken typ av diagram som bäst skulle förmedla dina data måste du först bestämma vilken typ av data du vill presentera: ett enda viktigt nummer? En jämförelse mellan datapunkter? En trend över tiden? En outlier?

de typer av diagram som oftast används i infographics är cirkeldiagram, stapeldiagram, kolumndiagram och linjediagram. Till exempel är en kolumngraf ett av de enklaste sätten att jämföra data.

infographic design chart

och för att förmedla en trend över tiden är den vanligaste typen av diagram att använda ett linjediagram.

linjediagram infografisk design

men om du tänker på ett mer ovanligt diagram som skulle förmedla data effektivt, var inte rädd för att bli mer kreativ. Du kan till exempel identifiera och visa trender som försäljning över tid, korrelationer som försäljningsjämförd temperatur eller avvikare som försäljning i ett ovanligt område.

infographic design bubbles

en bra tumregel är att dina diagram ska vara lätta att läsa att det bara tar läsare tio sekunder eller mindre att förstå. Du kan läsa en mer djupgående artikel om att välja rätt diagramtyp här.
återgå till innehållsförteckningen

6. Inkorporera olika infografiska designelement

typografi

Typografi är ett mycket viktigt element för infografisk design och ditt enda sätt att förklara dina ideer och information när bilder, grafer eller ikoner inte kan. Därför är det viktigt att välja de bästa teckensnitten för dina data.

med det sagt, försök att begränsa mängden text du inkluderar på din infographic. Den bästa infografiken har visuell inverkan, med texten som en sekundär förklaring till det visuella innehållet.

denna infographic design bygger på ikoner, datum och rubriker, med minimal förklarande text:

infographic design


Använd denna INFOGRAPHIC mall

först och främst, se till att din typ är läsbar. Undvik i de flesta fall dekorativ eller skriptyp eftersom det tenderar att vara svårt att läsa.

om du måste använda liten text eller ett elegant teckensnitt, använd det sparsamt (som i exemplet nedan). Det hjälper alltid att öka linjehöjden på kroppar med liten text om det börjar bli svårt att läsa.
typografi infografisk designkälla.

för att hålla infografiska mönster sammanhängande, begränsa din användning av teckensnitt till högst tre typer, men håll dig inte med bara en. En smakfull användning av två märketeckensnitt kan skapa en fin dynamisk och hierarki av information.

denna infographic design använder ett teckensnitt för rubriker och en för kroppen kopia:

infographic design


Använd denna INFOGRAPHIC mall

alternativt ett nummer eller statistik i en nästa undertext i en annan skapar en hierarki av information:

typographt infographic design 2

återgå till innehållsförteckning

7. Använd fotografering i din infographic design

användningen av fotografering kan vara knepigt om det inte finns en fotograf tillgänglig för att ta bilder av exakt vad du behöver.

det finns sätt att arbeta runt att inte ha en fotograf på hyra genom att införliva stockfoton som är royaltyfria från platser som , Unsplash eller Pikwizard. Den enda risken är att använda stockbilder kan se uncreative och, uppriktigt sagt, ostliknande. Det är därför du måste ta hand om när du bestämmer vilka bilder du ska använda.

se till att bilderna du använder har en konsekvent stil och Belysning. Försök att välja foton med samma ljuseffekter, samma bakgrunder, samma mängd mörka områden etc. Det är viktigt att hålla sig till en viss stil eftersom bilder som tydligt inte passar uppsättningen kommer att distrahera från informationen som kommuniceras.

Om du går för en enkel modern användning av fotografering, använd endast bilder med platt färg (eller vita) bakgrunder. Om du går för en neutral tidningsmetod, använd bara svartvita bilder.

rasism-i-sport infographic design

källa.

foton som tar upp en majoritet av utrymmet i din infographic, som kan distrahera från information. Det här problemet kan lösas genom att använda en beskärning som cirkelramar.

infographic design


Använd denna INFOGRAPHIC mall

återgå till Innehållsförteckning

använd kontrast i din infographic design

kontrast skapar visuell påverkan genom att placera två påfallande olika element bredvid varandra. Om en infografik har en ljus bakgrund med djärva färgade former lockas våra ögon omedelbart till de djärva färgerna. Detta gör att du kan organisera information genom att ha ett visst element mer framträdande än ett annat.

kontrast med färger

färgval kan ha stor inverkan på din infografiska design.

försök para ihop kompletterande färger för att göra din rubrik pop. En av mina favoritkombinationer är en mörkare blå med en ljusare färg som orange vilket gör att din rubrik sticker ut.

infografisk design

kontrast med typografistorlekar

en rubrik är vanligtvis den största texten på en infografisk, följt av underrubriken och sedan kroppskopian. Rubriken ska ganska mycket alltid vara den största punktstorleken så att tittaren känner till ämnet för din infographic direkt från fladdermusen.

infographic design


Använd denna INFOGRAPHIC mall

kontrasterande grafik

använd en tonad bild kontrasterad med ett diagram över toppen för att lägga till sammanhang.

infografisk design

källa.

återgå till innehållsförteckningen

9. Skapa symmetrisk och asymmetrisk balans

en infografik med visuell balans är behaglig för ögonen eftersom allt passar sömlöst ihop. En balanserad infographic håller hela kompositionen sammanhängande, särskilt i en lång form infographic.

om det finns tunga bilder på toppen av en infographic, bör du hålla flödet går rätt till botten. Det finns två typer av balans: symmetrisk och asymmetrisk.

symmetrisk balans är när varje sida av kompositionen har lika vikt. Denna layout är effektiv i en jämförelse infographic som denna:

symmestrical infographic design


Använd denna INFOGRAPHIC mall

Asymmetrisk balans är mer naturlig och mindre enhetlig än en symmetrisk komposition. Det skapar ett mer komplext förhållande mellan objekt. Det kan göra en infografisk mer dynamisk eftersom kompositionen inte upprepas för mycket.

om du till exempel skapar tidslinjeinfografik, alternativ text mellan båda sidor av tidslinjen för en balanserad komposition.

google graph infographic design



Använd denna INFOGRAPHIC mall

kolla in dessa kreativa tidslinje mallar.

återgå till Innehållsförteckning

10. Använd färg effektivt

bestäm ett färgschema innan du skapar din infographic. En bra tumregel är att designa din infographic med två eller tre huvudfärger och att använda mindre färgaccenter.

När du väljer ditt färgschema bestämmer du tonen i din infographic. Är det en Business infographic? Om så är fallet, försök använda neutrala färger som blått eller grönt, eller, naturligtvis, ditt varumärke färger, särskilt om du inkluderar din logotyp.

För skojs skull, eye popping infographics, använd ljusare nyanser, men var försiktig så att du inte använder stora mängder mörka eller neonfärger eftersom de kan anstränga ögonen när de ses på webben.

färg kan också användas som ett sektionsverktyg. Lägg block av färg till avsnitt din infographic, ger ögat lite andrum som tittarna rulla ner.

blå grafisk infografisk design

källa.

Här är några användbara verktyg på webben som hjälper dig att välja en färgpalett:

Adobe Color CC

LOLColors

COLOURlovers
återgå till Innehållsförteckning

se till att det finns konsistens i din infographic design

för att din infographic design ska flöda från början till slut måste designelementen vara konsekventa. Om du använder ikoner som fylls i, snarare än linjekonst ikoner, sedan fortsätta att använda samma stil i hela infographic.

infographic design


Använd denna INFOGRAPHIC mall

detsamma gäller för stilen på bilder du använder, teckensnittsstil och färgpalett. Detta förhindrar att din infografik ser rörig ut och gör det faktiskt lättare att läsa.

förvirrad om hur man använder ikoner korrekt i din infographic? Vår video kommer att lära dig på under 3 minuter:

återgå till innehållsförteckningen

12. Lämna gott om negativt utrymme i din infographic design

negativt utrymme är det tomma utrymmet som omger objekt i en design.

Blank-Space-Where-People-Can-Write-Names

negativt utrymme har stor inverkan på din design. Om din infografiska design är för trångt kan den överväldiga läsarna och göra det svårt att läsa informationen.

skapa utrymme runt elementen i din design gör att läsarna andningsrummet kan bearbeta informationen. Pro Tips: om du använder en 16pt-storlek bör linjens höjd inte vara mindre än 1,2.

infographic design


Använd denna INFOGRAPHIC mall

att lämna negativt utrymme kan vara så enkelt som att se till att det finns tillräckligt med utrymme mellan textrader. Titta bara på skillnaden som ett litet utrymme gör i exemplet nedan:

negativ space infographic design
återgå till innehållsförteckningen

öva, öva

detta kommer att låta clich Jacobs, men när det gäller att designa infographics kommer det förmodligen att ta ett par går på det för att få tag på det. Du måste ta reda på vad som fungerar i en design och vad som inte gör det.

lyckligtvis görs denna inlärningsprocess mycket enklare av infografiska mallar och guide. Och det finns verkligen många exempel där ute för dig att hämta inspiration från.

När du är osäker, be någon annan att titta över din design innan du publicerar den-de kommer att kunna berätta om det finns någon information som är oklart, eller om det finns något sätt att du kan göra din design ännu bättre.

skapa din bästa INFOGRAPHIC nu

återgå till Innehållsförteckning

läs vår steg-för-steg guide för att skapa infographics:

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *