# Redaktionell design för sociala medier: tidskriftsidéer

[Canonical HTML page](https://gradiently.design/sv/guide/editorial-design-for-social)

Tidskrifter löste problemet att göra täta idéer lätta att läsa långt innan flöden fanns. Deras grepp går nästan direkt att översätta till inlägg, karuseller och stories.

## The short version

- Redaktionell design är hantverket att lägga upp ord och bilder för läsning, som i tidskrifter och tidningar, med en tydlig struktur av överrubrik, rubrik, ingress och brödtext.
- Tidskriftsgrepp som överrubriker, citatuppslag, stora siffror, spalter och nummer fungerar i inlägg på sociala medier eftersom de på en blick talar om för läsaren vad det är för innehåll.
- Ett bra redaktionellt inlägg har ett typografiskt system: ett litet antal storlekar, ett eller två typsnitt och en upprepad position för varje element.
- Karuseller beter sig som tidskriftsuppslag, så ett omslag, en innehållslista, innehållssidor och en avslutande sida gör dem lättare att följa och mer benägna att sparas.
- Att numrera inlägg som nummer eller serier gör enskilda inlägg till en igenkännbar publikation.

**Redaktionell design** är hantverket att ordna ord och bilder så att folk vill läsa dem, som tidskrifter och tidningar gör. På sociala medier innebär det att låna tidskriftens grepp, som en liten överrubrik ovanför rubriken, ett citatuppslag, en stor siffra, en textspalt eller ett utgivningsnummer, och använda dem i inlägg, karuseller och stories. De greppen talar om vad ett inlägg är under den halva sekund innan någon bestämmer sig för att stanna, och de får ett flöde att se ut som en publikation snarare än en ström av annonser.

Den här guiden går igenom de mest användbara tidskriftsgreppen ett i taget, visar hur var och ett översätts till ett socialt format, ger dig en typskala att utgå från och förklarar hur du gör enskilda inlägg till en serie som folk känner igen.

## Därför fungerar redaktionell design på sociala medier

De flesta inlägg tävlar med färg och volym. Redaktionella inlägg tävlar med struktur. En överrubrik, en rubrik och en kort ingress talar om ämnet, poängen och anledningen att bry sig, i den ordningen. Det är samma ordning som ett scrollande öga läser i, vilket är därför redaktionella layouter känns lätta även när de bär många ord.

De ser också genomtänkta ut. Jämna marginaler, en upprepad position för varje element och återhållen text läses som omsorg, och omsorg läses som förtroende. Om du är ny på att rangordna element efter vikt, börja med [visuell hierarki](https://gradiently.design/sv/guide/visual-hierarchy).

Ett stående socialt inlägg i tidskriftsstil, med en liten överrubrik, en stor seriffrubrik och en kort ingress på en mjuk gradient

Den grundläggande redaktionella stapeln på ett Instagram-inlägg: överrubrik, rubrik, ingress. Tre storlekar, en typsnittsfamilj, inga rutor.

## Tidskriftsgrepp och hur du använder dem i inlägg

Varje grepp nedan har en uppgift i tryck och samma uppgift i ett flöde. Använd två eller tre per inlägg, inte alla.

| Grepp | Dess uppgift | Så använder du det på sociala medier |
| --- | --- | --- |
| Överrubrik | Namnger avsnittet eller ämnet | Små versaler ovanför rubriken, på samma plats i varje inlägg |
| Rubrik | Framför poängen | Sex till tio ord, sidans största text |
| Ingress | Ger anledningen att läsa | En mening under rubriken, ungefär en tredjedel så stor |
| Citatuppslag | Lyfter fram en slående rad | En enda mening, stor, med källan liten under |
| Stor siffra | Gör ett faktum minnesvärt | En siffra enorm, en rad som förklarar den |
| Spalter | Gör lång text läsbar | Två smala spalter på en bild eller ett liggande inlägg |
| Sidnummer och utgivningsnummer | Placerar sidan i en serie | Liten text i ett hörn: Nr 12, sida 3 av 8 |
| Linje | Skiljer åt utan rutor | En tunn linje mellan överrubrik och rubrik, eller ovanför en bildtext |

Åtta tidskriftsgrepp, vart och ett med den uppgift det gör i ett inlägg.

### Citatuppslag

Ett citatuppslag är det enklaste redaktionella inlägget: en mening, stor, med en liten källhänvisning. Det fungerar eftersom ett citat känns som ett fragment av något längre. Citera bara riktiga människor och riktiga ord, håll det under omkring tjugo ord och sätt det i en enda storlek. [Design av citatinlägg](https://gradiently.design/sv/guide/quote-post-design) tar upp layouten i detalj.

### Stora siffror

Tidskrifter öppnar ofta en artikel med en stor siffra. I ett inlägg är siffran rubriken och en enda rad under säger vad den betyder. Använd riktiga siffror som du kan stå för: ett datum, ett antal, ett utgivningsnummer eller ett faktum om ditt eget arbete.

Ett stående inlägg med ett stort citat som lyder Gör läsarens jobb enkelt, med en liten källrad under

Ett citatuppslag: en rad, en storlek, källan liten under.

Ett stående inlägg med ett mycket stort utgivningsnummer Nr 12 och en kort rad som förklarar serien

En stor siffra: siffran är rubriken, en rad förklarar den.

## En typskala för redaktionella inlägg

Redaktionella layouter ser dyra ut eftersom de använder få storlekar med tydliga hopp mellan dem. Här är en startskala för ett inlägg på 1080×1350. Para en serif för rubriker med en sans-serif för liten text, eller använd en familj i två vikter. [Typsnittspar](https://gradiently.design/sv/guide/font-pairing) och [serif eller sans serif](https://gradiently.design/sv/guide/serif-vs-sans-serif) hjälper dig välja.

| Roll | Storlek på 1080×1350 | Stil |
| --- | --- | --- |
| Överrubrik | 24 till 28 px | Sans-serif, versaler, något luftigt teckenavstånd |
| Rubrik | 88 till 120 px | Serif eller fet sans, tätt radavstånd |
| Ingress | 32 till 40 px | Normal vikt, bekvämt radavstånd |
| Brödtext i karuseller | 30 till 34 px | Korta rader, ungefär 35 till 45 tecken |
| Sidnummer eller bildtext | 20 till 24 px | Sans-serif, dämpad färg |

Fem roller, fem storlekar. Håll rubriken minst tre gånger så stor som brödtexten så att hierarkin syns tydligt i flödesstorlek.

Håll marginalerna breda, minst 64 till 80 px på ett inlägg på 1080 px, och lägg överrubriken, rubriken och sidnumret på samma plats varje gång. Upprepning är det som gör en layout till en husstil.

## Designa karuseller som tidskriftsuppslag

En karusell är det närmaste sociala medier kommer en tidskrift. Behandla den som en kort artikel: ett omslag som säljer berättelsen, en innehållssida, en handfull innehållssidor och en avslutande sida som talar om för läsaren vad som händer härnäst. [Instagram-karusselldesign](https://gradiently.design/sv/guide/instagram-carousel-design) tar upp mekaniken kring bildordning och svepsignaler.

Ett stående karusellomslag i tidskriftsstil, med ett utgivningsnummer, en rubrik och läsningens längd

Sida 1, omslaget: löftet, utgivningsnumret och längden.

En stående karusellsida som listar numrets innehåll: Fånga, Sortera, Granska, Dela

Sida 2, innehållet: en kort lista talar om formen på det som följer.

1. **Omslag** Överrubrik med utgivningsnummer, en rubrik som ger ett löfte och längden, till exempel åtta sidor.
2. **Innehåll** Tre till fem korta punkter. Läsare sveper vidare när de vet hur långt de ska.
3. **Innehållssidor** En idé per sida, samma rutnät på varje, med ett sidnummer som 3 av 8 i ett hörn.
4. **Utbrytarsida** Halvvägs bryter ett citatuppslag eller en stor siffra rytmen och ger en sida värd att dela i sig.
5. **Avslutande sida** En rad att minnas och en sak att göra härnäst, som att spara, följa eller läsa hela texten.

## Gör enskilda inlägg till en redaktionell serie

Tidskrifter är igenkännbara eftersom varje nummer delar en logotyprad, ett rutnät och ett färgsystem. Gör likadant med inlägg. Ge ditt återkommande innehåll ett namn och ett nummer, håll överrubrik och sidnummer på fasta platser och använd en bakgrundsfamilj genom hela serien så att inläggen läses som en samling på ditt rutnät och i flödet.

- Instagram-inlägg 4:5: 1080 × 1350
- Story 9:16: 1080 × 1920
- LinkedIn-inlägg 1:1: 1200 × 1200
- Substack-header: 1456 × 816

En redaktionell serie i fyra format. Överrubrik, rubrik och sidnummer behåller sina roller, bara proportionerna ändras.

### Ser ut som en tidskrift

- Ett typsystem som används varje gång
- Breda, jämna marginaler
- En överrubrik och ett sidnummer på fasta platser
- Två eller tre grepp per inlägg
- En bakgrundsfamilj per serie

### Ser ut som en reklamlapp

- Ett nytt typsnitt i varje inlägg
- Ord som pressas ut mot kanterna
- Etiketter som flyttar runt
- Alla grepp på en sida
- En annan bakgrund varje gång

En mjuk gradientbakgrund passar redaktionella layouter eftersom den ger djup utan det visuella bruset från ett foto. I Gradiently bär en Mark den bakgrunden genom varje sida i en serie, och kopiera till storlekar lägger samma nummer på nytt som en story, ett LinkedIn-inlägg eller en nyhetsbrevshuvud. För ett stramare rutnät under, läs [schweizisk design](https://gradiently.design/sv/guide/swiss-design).

> **Låna en logotyprad** Ge din serie en kort, fast titel, satt litet i samma hörn av varje inlägg, som en tidskrifts namn på omslaget. Efter några nummer känner folk igen serien innan de läser rubriken.

## FAQ

### Vad är redaktionell design?

Redaktionell design är layout av ord och bilder för läsning, som i tidskrifter, tidningar och böcker. Den bygger på en tydlig struktur av överrubrik, rubrik, ingress, brödtext och bildtexter på ett enhetligt rutnät.

### Hur får jag Instagram-inlägg att se ut som en tidskrift?

Använd en liten överrubrik över en stor rubrik, lägg till en ingress på en mening, håll breda marginaler och ett typsystem, och lägg ett utgivningsnummer eller sidnummer i samma hörn av varje inlägg.

### Vilka typsnitt fungerar för redaktionella inlägg?

En serif för rubriker parad med en ren sans-serif för överrubriker och bildtexter är den klassiska redaktionella kombinationen. En familj i två vikter fungerar också och är lättare att hålla enhetlig.

### Vad är en överrubrik i design?

En överrubrik är den korta raden med liten text ovanför en rubrik som namnger avsnittet eller ämnet, som Journalen eller Nr 04. Den talar om för läsaren vad för innehåll som följer.

### Hur många bilder ska en redaktionell karusell ha?

Tillräckligt för en idé per sida med ett omslag, en innehållssida och en avslutande sida. En kort innehållslista talar om hur många sidor läsaren kan vänta sig, vilket hjälper dem att svepa till slutet.