Marknaden
Priser
Logga inKom igång
FältguidenSociala medier
Sociala medier

Infografik för sociala medier: data som folk förstår

En infografik i sociala medier får ungefär lika lång tid som en tumpaus för att göra sin poäng. Det utesluter täta affischer och belönar en siffra, ett diagram och en ärlig mening.

GradientlyVerifierat Gradiently-konto·1 oktober 2026·5 minuters läsning
Omslag: Lagoon Wave · GR·96XV·01

Kortversionen

  • En infografik för sociala medier ska göra en poäng per bildruta, med en enda siffra eller ett enkelt diagram.
  • Stapeldiagram ska börja värdeaxeln på noll, eftersom en beskuren axel överdriver skillnader.
  • Varje statistikuppgift i en infografik behöver en namngiven källa och ett datum, satta litet längst ned i bilden.
  • Använd en framhävningsfärg för data som spelar roll och dämpade toner för allt annat.
  • Långa infografiker fungerar bättre som karuseller på Instagram och LinkedIn, med en idé på varje sida.
På den här sidan
En bildruta, en poängVälj det enklaste diagram som fungerarÄrlig data: reglerna som spelar rollFärg som pekar på datanText och layout för små skärmarGör långa infografiker till karuseller

Bra infografik för sociala medier är motsatsen till 2010-talets höga affischinfografiker. I en mobil får varje bildruta ett ögonblick, så den måste göra en poäng: en enda siffra satt enormt stor, eller ett enkelt diagram med en rubrik som säger vad det visar. Datan måste vara ärlig, källan namngiven och texten tillräckligt stor för att läsas utan att zooma. Har du mer att säga använder du en karusell och ger varje poäng en egen sida.

En bildruta, en poäng

Innan du öppnar ett designverktyg skriver du meningen som din infografik bevisar. ”De flesta av våra order kommer på måndagar.” ”Blågrönt sålde bättre än alla andra färger i höstas.” Kan du inte skriva den meningen är diagrammet inte redo, och ingen design i världen räddar det.

Genomsnittlig leverans i år
3 dagar
Från order till dörr, för alla order i Storbritannien
Gradiently · @gradiently

Infografiken med en siffra. Stort tal, en etikett som säger exakt vad den mäter och inget annat som konkurrerar.

Layouten med en enda siffra är den mest underskattade infografiken som finns. Den läses med en blick, den överlever att visas litet i ett rutnät och den tvingar dig att välja den siffra som räknas. Märk den precist: ”genomsnittlig leverans” och ”snabbaste leverans” är mycket olika påståenden.

Välj det enklaste diagram som fungerar

En nyckelsiffra

Använd

Ett stort tal med en etikett

Undvik

Ett diagram med en stapel
Jämförelse av några poster

Använd

Liggande stapeldiagram

Undvik

3D-staplar, cirkeldiagram med många sektorer
Förändring över tid

Använd

Linjediagram, eller några staplar

Undvik

Ytdiagram staplade fem lager djupt
Delar av en helhet

Använd

En staplad stapel, eller en cirkel med två eller tre sektorer

Undvik

Munkdiagram med åtta färger
En process

Använd

Numrerade steg

Undvik

Pilar som går åt alla håll
Du vill visaAnvändUndvik
En nyckelsiffraEtt stort tal med en etikettEtt diagram med en stapel
Jämförelse av några posterLiggande stapeldiagram3D-staplar, cirkeldiagram med många sektorer
Förändring över tidLinjediagram, eller några staplarYtdiagram staplade fem lager djupt
Delar av en helhetEn staplad stapel, eller en cirkel med två eller tre sektorerMunkdiagram med åtta färger
En processNumrerade stegPilar som går åt alla håll
Liggande staplar är arbetshästen för sociala medier: etiketterna får bekvämt plats till vänster och ögat jämför längder lätt.

Liggande staplar slår stående på ett stående inlägg, eftersom långa etiketter ryms utan att roteras. Sortera dem från störst till minst om inte ordningen betyder något, som veckodagar. Skriv värdet i slutet av varje stapel så att ingen behöver läsa av ett stödstreck.

Ärlig data: reglerna som spelar roll

En infografik är ett påstående med auktoritet. Folk litar mer på diagram än på meningar, vilket är precis varför ett missvisande diagram gör mer skada. De här reglerna håller dina ärliga.

Missvisande

  • Stapelaxel som börjar på 90, så att 92 ser dubbelt så stort ut som 91
  • Ingen källa, eller ”studier visar”
  • Procentsatser som inte summerar till 100
  • Handplockade datum som döljer ett fall
  • 3D-lutning som får närliggande sektorer att se större ut

Ärligt

  • Stapelaxeln börjar på noll
  • Källa och datum i liten text längst ned
  • Summor som stämmer, eller en not som förklarar varför inte
  • Ett fullständigt, angivet tidsintervall
  • Platta diagram, märkta direkt

Linjediagram får börja över noll när förändringen är det som räknas, men säg det och håll skalan rimlig. Blanda aldrig dina egna siffror med lånade utan att säga vilken som är vilken. Citerar du någon annans forskning, namnge den fullt ut och länka den i bildtexten.

Urvalsstorleken räknas

”80 % av kunderna älskade det” från fem svar är inte statistik, det är fyra personer. Är urvalet litet, ange den verkliga siffran i stället: ”4 av de 5 vi frågade”.

Färg som pekar på datan

Använd färg för att säga ”titta här”. En framhävningsfärg för stapeln, linjen eller siffran som bär poängen, och dämpade grå eller varumärkets neutraler för allt annat. En regnbåge av staplar gör varje post lika högljudd, så ingenting sticker ut.

En datapalett på mörk botten: en blågrön för poängen, två gråa för sammanhang och etiketter, vitt för rubriken.

Kontrollera kontrasten mellan din framhävning och bakgrunden, och lita inte på rött mot grönt för att skilja två serier åt, eftersom många läsare inte kan se skillnad. Färgkontrast och tillgänglighet och design för färgblindhet har detaljerna. En mörk botten får en enda ljus färg att glöda, vilket är användbart när siffran är hela historien.

Text och layout för små skärmar

  1. 1

    Rubriken anger resultatet

    ”Måndagar är vår mest hektiska dag”, inte ”Order per dag”. Diagrammet bevisar sedan meningen.

  2. 2

    Håll etiketterna stora

    På ett inlägg som är 1080 brett blir etiketter under ungefär 28 pixlar svåra att läsa i mobilen. Om de inte får plats har du för många.

  3. 3

    Märk direkt

    Sätt namn bredvid staplar och linjer i stället för en teckenförklaring som läsaren måste tyda.

  4. 4

    Källa längst ned

    Liten men läsbar, med datum: ”Källa: våra orderdata, jan till sep 2026.”

  5. 5

    Lämna marginaler

    Håll allt minst 60 pixlar från kanterna så att inget beskärs i förhandsvisningar.

Visuell hierarki och teckenstorlek för Instagram-inlägg går igenom storlekar mer ingående.

Gör långa infografiker till karuseller

Har du fem resultat, gör fem sidor. En karusell på Instagram eller LinkedIn förvandlar en tät affisch till en berättelse: en omslagssida med huvudresultatet, en sida per poäng och en sista sida med källor och en slutsats. Instagram-karusell i design går igenom tempo och omslaget.

Instagram-inlägg 1080×1350

1080 × 1350

Stående LinkedIn 1080×1350

1080 × 1350

Pinterest lång pin 1000×2100

1000 × 2100

X-inlägg 1600×900

1600 × 900

Stående passar karuseller på Instagram och LinkedIn. Pinterests långa pin är det enda stället där en hög infografik i en enda bild fortfarande hör hemma.

Håll bakgrund och text identiska på varje sida så att karusellen läses som en helhet. I Gradiently delar sidorna i en design samma Mark, och Auto-bläck väljer ljusa eller mörka etiketter utifrån bakgrunden så att varje siffra förblir läsbar. Med Pro kan massskapande också koppla kalkylbladskolumner till en sidas text och tabeller, vilket hjälper när du postar samma format varje månad med nya siffror.

Designa med en levande gradient

Inlägg, stories, presentationer och banners i alla storlekar, med text som alltid går att läsa.

Börja designa, gratis

Vanliga frågor

Hur designar man en infografik för sociala medier?

Gör en poäng per bildruta med ett stort tal eller ett enkelt diagram, skriv en rubrik som anger resultatet, märk direkt och lägg källan längst ned.

Vilken storlek ska en Instagram-infografik ha?

1080×1350 för varje inlägg eller karusellsida. För en hög infografik i en enda bild är Pinterests långa pin på 1000×2100 ett bättre hem.

Ska ett stapeldiagram börja på noll?

Ja. Om ett stapeldiagrams värdeaxel börjar över noll överdrivs skillnaderna och läsarna vilseleds.

Behöver infografiker källor?

Varje statistikuppgift behöver en namngiven källa och ett datum, visade på bilden och helst länkade i bildtexten.

Vilken diagramtyp är bäst för sociala medier?

Ett enda stort tal eller ett liggande stapeldiagram. Båda läses snabbt i mobilen och förblir läsbara när de visas små.

Dela den här guiden

Skriven av GradientlyVerifierat Gradiently-konto

Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.

Se vår profil

På den här sidan

En bildruta, en poängVälj det enklaste diagram som fungerarÄrlig data: reglerna som spelar rollFärg som pekar på datanText och layout för små skärmarGör långa infografiker till karuseller

Dela den här guiden

Nästa i Sociala medier

Milstolpeinlägg: idéer för följare, jubileer och lanseringar

Läs vidare

Alla guider om Sociala medier
Sociala medier

Instagram karusell: design för slides som folk sveper igenom

5 minuters läsning

En karusell är en liten bok som folk bläddrar i med tummen. Så skriver du första sidan så att de vänder blad, och designar resten så att de fortsätter.

Typografi och text

Visuell hierarki: få folk att läsa i rätt ordning

5 minuters läsning

Varje design läses i någon ordning. Om du inte väljer den gör det mest högljudda elementet det. Så bestämmer du vad som kommer först, tvåa och trea, och får det att hända.

Färg

Färgkontrast: läsbar text för alla

5 minuters läsning

Kontrast är skillnaden mellan ord som folk läser och ord som folk hoppar över. WCAG-siffrorna på klarspråk, hur du kontrollerar dem och vad som händer när bakgrunden är en gradient.

Hitta looken som bara är din.

Varje Mark är en levande bakgrund med en enda ägare. Prova en ledig Mark och säkra din när det känns rätt.

Börja designa

Kontrollera ett certifikat

Skriv ett certifikatnummer eller en Marks kod för att se vem som äger den.

Fungerar med ChatGPT och Claude

Be din AI om en design. Den skapar den i din Mark, redo att redigera.

ChatGPTClaude
Så ansluter du

Produkt

  • Marknaden
  • Utforska
  • Priser
  • Certifikat

Lär dig

  • Fältguiden
  • Hjälpcenter
  • Nyheter

Utvecklare

  • Översikt
  • ChatGPT och Claude
  • API-referens
  • API-nycklar

Företaget

  • Om oss
  • Kontakta oss
  • Logga in

Juridik

  • Villkor
  • Integritet
  • Återbetalningar
  • Mark-skydd
  • Cookies
  • Alla policyer
Rör dig över bokstäverna. Var och en bär en riktig Mark.Tryck på en bokstav för att se dess Mark.Ett namn. Tio Marks inuti.
© 2026 Gradiently