# Redaksjonelt design for sosiale medier: grep fra magasiner

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

Magasiner løste problemet med å gjøre innholdsrike ideer lette å lese lenge før feeder fantes. Grepene deres kan overføres nesten direkte til innlegg, karuseller og stories.

## The short version

- Redaksjonelt design er håndverket å sette opp ord og bilder for lesing, som i magasiner og aviser, med en tydelig struktur av overtittel, overskrift, ingress og brødtekst.
- Magasingrep som overtitler, uthevede sitater, store tall, spalter og utgavenumre fungerer i sosiale innlegg fordi de straks forteller leseren hva slags innhold dette er.
- Et godt redaksjonelt innlegg har ett typografisk system: et lite sett størrelser, én eller to skrifttyper og en fast plass til hvert element.
- Karuseller fungerer som magasinoppslag, så et omslag, en innholdsliste, innholdssider og en avslutningsside gjør dem lettere å følge og mer aktuelle å lagre.
- Å nummerere innlegg som utgaver eller serier gjør separate innlegg til en gjenkjennelig publikasjon.

**Redaksjonelt design** er håndverket å ordne ord og bilder slik at folk vil lese dem, slik magasiner og aviser gjør. I sosiale medier betyr det å låne magasingrep, som en liten overtittel over overskriften, et uthevet sitat, et stort tall, en tekstspalte eller et utgavenummer, og bruke dem i innlegg, karuseller og stories. Disse grepene forteller folk hva innlegget er i det halve sekundet før de bestemmer seg for å stoppe, og får en feed til å se ut som en publikasjon fremfor en strøm av annonser.

Denne guiden tar for seg de mest nyttige magasingrepene ett etter ett, viser hvordan hvert passer i et sosialt format, gir deg en skriftstørrelsesskala å begynne med og forklarer hvordan enkeltinnlegg blir en serie folk kjenner igjen.

## Hvorfor redaksjonelt design fungerer i sosiale medier

De fleste innlegg konkurrerer med farge og styrke. Redaksjonelle innlegg konkurrerer med struktur. En overtittel, en overskrift og en kort ingress forteller leseren temaet, poenget og grunnen til å bry seg, i den rekkefølgen. Det er samme rekkefølge øyet leser i mens man ruller, og derfor føles redaksjonelle oppsett enkle selv når de har mye tekst.

De virker også gjennomtenkte. Konsekvente marger, en fast plass til hvert element og behersket typografi oppfattes som omtanke, og omtanke skaper tillit. Er det nytt for deg å rangere elementer etter viktighet, begynn med [visuelt hierarki](https://gradiently.design/nb/guide/visual-hierarchy).

Et stående sosialt innlegg i magasinstil, med liten overtittel, stor seriffoverskrift og kort ingress på en myk gradient

Det grunnleggende redaksjonelle hierarkiet i et Instagram-innlegg: overtittel, overskrift, ingress. Tre størrelser, én skriftfamilie, ingen bokser.

## Magasingrep og hvordan du bruker dem i innlegg

Hvert grep under har én jobb på trykk og den samme jobben i en feed. Bruk to eller tre per innlegg, ikke alle.

| Grep | Oppgave | Bruk i sosiale medier |
| --- | --- | --- |
| Overtittel | Navngir seksjonen eller temaet | Kapiteler over overskriften, samme plass i hvert innlegg |
| Overskrift | Formidler poenget | Seks til ti ord, sidens største skrift |
| Ingress | Gir en grunn til å lese | Én setning under overskriften, omtrent en tredel av størrelsen |
| Uthevet sitat | Løfter frem én slående linje | Én stor setning med liten kildeangivelse under |
| Stort tall | Gjør et faktum minneverdig | Ett enormt tall, én linje som forklarer det |
| Spalter | Gjør lang tekst leselig | To smale spalter på et lysbilde eller et liggende innlegg |
| Sidetall og utgavenummer | Plasserer siden i en serie | Liten tekst i et hjørne: Nr. 12, side 3 av 8 |
| Skillestrek | Skiller uten bokser | En tynn linje mellom overtittel og overskrift, eller over en bildetekst |

Åtte magasingrep, hvert med sin ene oppgave i et innlegg.

### Uthevede sitater

Et uthevet sitat er det enkleste redaksjonelle innlegget: én stor setning med en liten kildeangivelse. Det fungerer fordi et sitat føles som et utdrag av noe lengre. Siter bare ekte mennesker og faktiske ord, hold deg under omtrent tjue ord og bruk én skriftstørrelse. [Design av sitatinnlegg](https://gradiently.design/nb/guide/quote-post-design) forklarer oppsettet i detalj.

### Store tall

Magasiner åpner ofte en artikkel med ett stort tall. I et innlegg er tallet overskriften, og én linje under forteller hva det betyr. Bruk virkelige tall du kan stå inne for: en dato, et antall, et utgavenummer eller et faktum om ditt eget arbeid.

Et stående innlegg med et stort sitat som sier Gjør leserens jobb enkel, med en liten kildelinje under

Et uthevet sitat: én linje, én størrelse, liten kildeangivelse under.

Et stående innlegg med et svært stort utgavenummer Nr. 12 og en kort linje som forklarer serien

Et stort tall: tallet er overskriften, én linje forklarer det.

## En skriftstørrelsesskala for redaksjonelle innlegg

Redaksjonelle oppsett virker påkostede fordi de bruker få størrelser med tydelige sprang mellom. Her er en startskala for et innlegg på 1080×1350. Kombiner en seriff til overskrifter med en sans serif til liten tekst, eller bruk én familie i to vekter; [skriftkombinasjoner](https://gradiently.design/nb/guide/font-pairing) og [seriff eller sans serif](https://gradiently.design/nb/guide/serif-vs-sans-serif) hjelper deg å velge.

| Rolle | Størrelse på 1080×1350 | Stil |
| --- | --- | --- |
| Overtittel | 24 til 28 px | Sans serif, versaler, litt utvidet bokstavavstand |
| Overskrift | 88 til 120 px | Seriff eller fet sans serif, tett linjeavstand |
| Ingress | 32 til 40 px | Normal vekt, behagelig linjeavstand |
| Brødtekst i karuseller | 30 til 34 px | Korte linjer, omtrent 35 til 45 tegn |
| Sidetall eller bildetekst | 20 til 24 px | Sans serif, dempet farge |

Fem roller, fem størrelser. Hold overskriften minst tre ganger så stor som brødteksten, så hierarkiet er tydelig i feedstørrelse.

Hold margene brede, minst 64 til 80 px på et innlegg på 1080 px, og plasser overtittel, overskrift og sidetall på samme sted hver gang. Gjentakelse gjør et oppsett til en fast stil.

## Design karuseller som magasinoppslag

En karusell er det nærmeste sosiale medier kommer et magasin. Behandle den som en kort artikkel: et omslag som selger historien, en innholdsside, en håndfull innholdssider og en avslutningsside som forteller leseren hva neste steg er. [Design av Instagram-karuseller](https://gradiently.design/nb/guide/instagram-carousel-design) forklarer siderekkefølge og signaler om å sveipe.

Et stående karusellomslag i magasinstil, med utgavenummer, overskrift og leselengde

Side 1, omslaget: løftet, utgavenummeret og lengden.

En stående karusellside som lister innholdet i utgaven: Fang opp, Sorter, Gjennomgå, Del

Side 2, innholdet: en kort liste forteller leseren hvordan resten er bygget opp.

1. **Omslag** Overtittel med utgavenummer, en overskrift som gir et løfte, og lengden, for eksempel åtte sider.
2. **Innhold** Tre til fem korte punkter. Lesere sveiper videre når de vet hvor langt de skal.
3. **Innholdssider** Én idé per side, samme rutenett på hver, med et sidetall som 3 av 8 i et hjørne.
4. **Uthevingsside** Et uthevet sitat eller et stort tall halvveis bryter rytmen og gir en side som er verdt å dele alene.
5. **Avslutningsside** Én linje å huske og én ting å gjøre videre, som å lagre, følge eller lese hele teksten.

## Gjør enkeltinnlegg til en redaksjonell serie

Magasiner er gjenkjennelige fordi hver utgave deler en navnetopp, et rutenett og et fargesystem. Gjør det samme med innlegg. Gi tilbakevendende innhold et navn og et nummer, hold overtittel og sidetall på faste plasser, og bruk én bakgrunnsfamilie gjennom serien, slik at innleggene oppfattes som et sett i rutenettet ditt og i feeden.

- Instagram-innlegg 4:5: 1080 × 1350
- Story 9:16: 1080 × 1920
- LinkedIn-innlegg 1:1: 1200 × 1200
- Substack-toppbilde: 1456 × 816

Én redaksjonell serie i fire formater. Overtittel, overskrift og sidetall beholder rollene; bare proporsjonene endres.

### Ser ut som et magasin

- Ett typografisk system brukt hver gang
- Brede, konsekvente marger
- Overtittel og sidetall på faste plasser
- To eller tre grep per innlegg
- Én bakgrunnsfamilie per serie

### Ser ut som et flygeblad

- En ny skrift for hvert innlegg
- Ord presset ut til kantene
- Etiketter som flytter rundt
- Alle grepene på én side
- En ulik bakgrunn hver gang

En myk gradientbakgrunn passer redaksjonelle oppsett fordi den gir dybde uten den visuelle støyen fra et foto. I Gradiently bærer en Mark bakgrunnen gjennom alle sidene i en serie, og kopier til størrelser setter samme utgave opp på nytt som en story, et LinkedIn-innlegg eller et toppbilde til et nyhetsbrev. For et strengere underliggende rutenett, les [sveitsisk design](https://gradiently.design/nb/guide/swiss-design).

> **Lån en navnetopp** Gi serien en kort, fast tittel i liten skrift i samme hjørne av hvert innlegg, som et magasinnavn på omslaget. Etter noen utgaver kjenner folk igjen serien før de leser overskriften.

## FAQ

### Hva er redaksjonelt design?

Redaksjonelt design er oppsett av ord og bilder for lesing, som i magasiner, aviser og bøker. Det bygger på en tydelig struktur av overtittel, overskrift, ingress, brødtekst og bildetekster på et konsekvent rutenett.

### Hvordan får jeg Instagram-innlegg til å se ut som et magasin?

Bruk en liten overtittel over en stor overskrift, legg til en ingress på én setning, hold brede marger og ett typografisk system, og plasser et utgavenummer eller sidetall i samme hjørne av hvert innlegg.

### Hvilke skrifter fungerer i redaksjonelle innlegg?

En seriff til overskrifter sammen med en ren sans serif til overtitler og bildetekster er den klassiske redaksjonelle kombinasjonen. Én familie i to vekter fungerer også og er enklere å holde konsekvent.

### Hva er en overtittel i design?

En overtittel er den korte linjen med liten tekst over en overskrift som angir seksjonen eller temaet, som Journal eller Utgave 04. Den forteller leseren hva slags innhold som følger.

### Hvor mange sider bør en redaksjonell karusell ha?

Nok til én idé per side, med et omslag, en innholdsside og en avslutningsside. En kort innholdsliste forteller leseren hvor mange sider som kommer, og hjelper dem å sveipe til slutten.