# Infografik för sociala medier: data som folk förstår [Canonical HTML page](https://gradiently.design/sv/guide/infographic-design) 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. ## The short version - 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. 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. En stående infografik som visar 3 dagar i mycket stor text, märkt som genomsnittlig leveranstid i år 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 | Du vill visa | Använd | Undvik | | --- | --- | --- | | En nyckelsiffra | Ett stort tal med en etikett | Ett diagram med en stapel | | Jämförelse av några poster | Liggande stapeldiagram | 3D-staplar, cirkeldiagram med många sektorer | | Förändring över tid | Linjediagram, eller några staplar | Ytdiagram staplade fem lager djupt | | Delar av en helhet | En staplad stapel, eller en cirkel med två eller tre sektorer | Munkdiagram med åtta färger | | En process | Numrerade steg | Pilar 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. - Bläckbotten: #0f172a - Blågrön framhävning: #14b8a6 - Dämpad stapel: #475569 - Etikettgrå: #94a3b8 - Rubrikvit: #f1f5f9 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](https://gradiently.design/sv/guide/color-contrast-accessibility) och [design för färgblindhet](https://gradiently.design/sv/guide/color-blindness-design) 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. **Rubriken anger resultatet** ”Måndagar är vår mest hektiska dag”, inte ”Order per dag”. Diagrammet bevisar sedan meningen. 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. **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. **Källa längst ned** Liten men läsbar, med datum: ”Källa: våra orderdata, jan till sep 2026.” 5. **Lämna marginaler** Håll allt minst 60 pixlar från kanterna så att inget beskärs i förhandsvisningar. [Visuell hierarki](https://gradiently.design/sv/guide/visual-hierarchy) och [teckenstorlek för Instagram-inlägg](https://gradiently.design/sv/guide/font-size-for-social-media) 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](https://gradiently.design/sv/guide/instagram-carousel-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. ## FAQ ### 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å.