Idéer og trends

Redaktionelt design til sociale medier: lær af magasiner

Magasiner løste opgaven med at gøre tætte idéer lette at læse, længe før feeds fandtes. Deres greb kan næsten overføres direkte til opslag, karruseller og stories.

GradientlyVerificeret Gradiently-konto··6 min. læsning
Forside: Copper Rotunda · GR·DZQ9·ZP

Kort fortalt

  • Redaktionelt design er håndværket at sætte ord og billeder op til læsning, som i magasiner og aviser, med en tydelig struktur af overlinje, overskrift, manchet og brødtekst.
  • Magasingreb som overlinjer, fremhævede citater, store tal, spalter og udgavenumre fungerer i opslag, fordi de straks fortæller læseren, hvilken slags indhold det er.
  • Et godt redaktionelt opslag har ét typografisk system: få størrelser, en eller to skrifttyper og en fast placering af hvert element.
  • Karruseller fungerer som magasinopslag, så en forside, indholdsoversigt, indholdssider og afslutning gør dem lettere at følge og mere værd at gemme.
  • At nummerere opslag som udgaver eller serier gør separate opslag til en genkendelig publikation.
På denne side

Redaktionelt design er håndværket at arrangere ord og billeder, så folk får lyst til at læse dem, som magasiner og aviser gør. På sociale medier betyder det at låne magasingreb som en lille overlinje over overskriften, et fremhævet citat, et stort tal, en tekstspalte eller et udgavenummer og bruge dem i opslag, karruseller og stories. Grebene fortæller, hvad et opslag er, i det halve sekund, før nogen beslutter at stoppe, og får et feed til at ligne en publikation frem for en strøm af annoncer.

Denne guide tager de mest nyttige magasingreb ét ad gangen, viser, hvordan de overføres til sociale formater, giver dig en typografisk skala at starte med og forklarer, hvordan enkelte opslag bliver til en genkendelig serie.

Derfor virker redaktionelt design på sociale medier

De fleste opslag konkurrerer på farve og støj. Redaktionelle opslag konkurrerer på struktur. En overlinje, en overskrift og en kort manchet fortæller læseren emnet, pointen og grunden til at læse i den rækkefølge. Det er samme rækkefølge, øjet læser i, mens man scroller. Derfor føles redaktionelle layouts lette, selv når de rummer mange ord.

De ser også gennemtænkte ud. Ensartede margener, en fast placering af hvert element og afdæmpet typografi signalerer omhu, og omhu skaber tillid. Hvis det er nyt for dig at rangere elementer efter betydning, så start med visuelt hierarki.

Den redaktionelle grundstruktur i et Instagram-opslag: overlinje, overskrift, manchet. Tre størrelser, én skriftfamilie, ingen bokse.

Magasingreb og deres brug i opslag

Hvert greb nedenfor har en opgave på tryk og den samme opgave i et feed. Brug to eller tre pr. opslag, ikke dem alle.

GrebOpgaveBrug på sociale medier
OverlinjeNavngiver sektionen eller emnetKapitæler over overskriften samme sted i hvert opslag
OverskriftGiver pointenSeks til ti ord i sidens største skrift
ManchetGiver en grund til at læseÉn sætning under overskriften i cirka en tredjedel af dens størrelse
Fremhævet citatLøfter én markant linje fremEn enkelt sætning i stor skrift med kilden småt nedenunder
Stort talGør en oplysning mindeværdigÉt kæmpestort tal og én forklarende linje
SpalterGør lang tekst læsbarTo smalle spalter på et slide eller et opslag i bredformat
Sidetal og udgavenummerPlacerer siden i en serieLille tekst i et hjørne: Nr. 12, side 3 af 8
StregAdskiller uden bokseEn tynd linje mellem overlinje og overskrift eller over en billedtekst
Otte magasingreb med hver sin opgave i et opslag.

Fremhævede citater

Et fremhævet citat er det enkleste redaktionelle opslag: én sætning i stor skrift med en lille kildeangivelse. Det virker, fordi et citat føles som et uddrag af noget længere. Citér kun virkelige mennesker og deres faktiske ord, hold dig under cirka tyve ord, og brug én skriftstørrelse. Design af citatopslag gennemgår layoutet i detaljer.

Store tal

Magasiner indleder ofte en artikel med ét stort tal. I et opslag er tallet overskriften, og en enkelt linje nedenunder fortæller, hvad det betyder. Brug rigtige tal, du kan stå inde for: en dato, et antal, et udgavenummer eller en oplysning om dit eget arbejde.

Et fremhævet citat: én linje, én størrelse og kilden småt nedenunder.

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

En typografisk skala til redaktionelle opslag

Redaktionelle layouts ser eksklusive ud, fordi de bruger få størrelser med tydelige spring imellem. Her er en startskala til et opslag på 1080×1350. Kombinér en serif til overskrifter med en sans serif til lille tekst, eller brug én familie i to vægte. Kombination af skrifttyper og serif eller sans serif hjælper dig med at vælge.

RolleStørrelse på 1080×1350Stil
Overlinje24 til 28 pxSans serif, versaler, let øget bogstavafstand
Overskrift88 til 120 pxSerif eller fed sans serif, tæt linjeafstand
Manchet32 til 40 pxNormal vægt, behagelig linjeafstand
Brødtekst i karruseller30 til 34 pxKorte linjer, cirka 35 til 45 tegn
Sidetal eller billedtekst20 til 24 pxSans serif, dæmpet farve
Fem roller, fem størrelser. Hold overskriften mindst tre gange så stor som brødteksten, så hierarkiet er tydeligt i feedstørrelse.

Hold margenerne brede, mindst 64 til 80 px på et opslag på 1080 px, og placér overlinje, overskrift og sidetal samme sted hver gang. Gentagelsen gør layoutet til en fast stil.

Design karruseller som magasinsider

En karrusel er det nærmeste, sociale medier kommer på et magasin. Behandl den som en kort artikel: en forside, der sælger historien, en indholdsside, en håndfuld indholdssider og en afslutning, der fortæller læseren, hvad næste skridt er. Design af Instagram-karruseller gennemgår sidernes rækkefølge og signaler om at swipe.

Side 1, forsiden: løftet, udgavenummeret og længden.

Side 2, indholdet: en kort liste viser læseren formen på det, der følger.

  1. 1

    Forside

    Overlinje med udgavenummer, en overskrift med et løfte og længden, for eksempel otte sider.

  2. 2

    Indhold

    Tre til fem korte punkter. Læsere swiper længere, når de ved, hvor langt de skal.

  3. 3

    Indholdssider

    Én idé pr. side, samme gitter på hver og et sidetal som 3 af 8 i et hjørne.

  4. 4

    Fremhævet side

    Et fremhævet citat eller et stort tal midtvejs bryder rytmen og giver en side, der er værd at dele alene.

  5. 5

    Afslutningsside

    Én linje at huske og én ting at gøre bagefter, som at gemme, følge eller læse hele artiklen.

Gør enkelte opslag til en redaktionel serie

Magasiner er genkendelige, fordi hvert nummer deler navnetræk, gitter og farvesystem. Gør det samme med opslag. Giv tilbagevendende indhold et navn og et nummer, hold overlinje og sidetal på faste pladser, og brug én familie af baggrunde gennem serien, så opslagene opleves som en helhed på din profil og i feedet.

Instagram-opslag 4:5

1080 × 1350

Story 9:16

1080 × 1920

LinkedIn-opslag 1:1

1200 × 1200

Substack-banner

1456 × 816

Én redaktionel serie i fire formater. Overlinje, overskrift og sidetal beholder deres roller. Kun proportionerne ændres.

Ligner et magasin

  • Ét typografisk system brugt hver gang
  • Brede, ensartede margener
  • Overlinje og sidetal på faste pladser
  • To eller tre greb pr. opslag
  • Én familie af baggrunde pr. serie

Ligner en flyer

  • En ny skrifttype til hvert opslag
  • Ord presset ud til kanterne
  • Etiketter, der flytter rundt
  • Alle greb på én side
  • En ny baggrund hver gang

En blød gradientbaggrund passer til redaktionelle layouts, fordi den tilføjer dybde uden et fotos visuelle støj. I Gradiently bærer en Mark baggrunden gennem alle seriens sider, og kopiering til størrelser sætter samme udgave op igen som en story, et LinkedIn-opslag eller et nyhedsbrevsbanner. Læs schweizisk design for et strammere gitter som grundlag.

Spørgsmål, folk stiller

Hvad er redaktionelt design?

Redaktionelt design er opsætning af ord og billeder til læsning, som i magasiner, aviser og bøger. Det bygger på en tydelig struktur af overlinje, overskrift, manchet, brødtekst og billedtekster i et ensartet gitter.

Hvordan får jeg Instagram-opslag til at ligne et magasin?

Brug en lille overlinje over en stor overskrift, tilføj en manchet på én sætning, hold brede margener og ét typografisk system, og placér et udgavenummer eller sidetal i samme hjørne af hvert opslag.

Hvilke skrifter passer til redaktionelle opslag?

En serif til overskrifter kombineret med en ren sans serif til overlinjer og billedtekster er den klassiske redaktionelle kombination. Én familie i to vægte virker også og er lettere at holde ensartet.

Hvad er en overlinje i design?

En overlinje er den korte linje med lille tekst over en overskrift, som angiver sektionen eller emnet, for eksempel Journal eller Nummer 04. Den fortæller læseren, hvilken slags indhold der følger.

Hvor mange sider skal en redaktionel karrusel have?

Nok til én idé pr. side med forside, indholdsoversigt og afslutning. En kort indholdsliste fortæller læserne, hvor mange sider de kan vente, og hjælper dem med at swipe til slutningen.

Del denne guide

Skrevet af GradientlyVerificeret Gradiently-konto

Holdet bag Gradiently, et designværktøj bygget om Marks: levende gradienter, der får alt, du designer, til at ligne dig.

Se vores profil