Ideer og trender

Redaksjonelt design for sosiale medier: grep fra magasiner

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.

GradientlyVerifisert Gradiently-konto··6 min lesetid
Omslag: Copper Rotunda · GR·DZQ9·ZP

Kortversjonen

  • 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.
På denne siden

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.

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.

GrepOppgaveBruk i sosiale medier
OvertittelNavngir seksjonen eller temaetKapiteler over overskriften, samme plass i hvert innlegg
OverskriftFormidler poengetSeks til ti ord, sidens største skrift
IngressGir en grunn til å leseÉn setning under overskriften, omtrent en tredel av størrelsen
Uthevet sitatLøfter frem én slående linjeÉn stor setning med liten kildeangivelse under
Stort tallGjør et faktum minneverdigEtt enormt tall, én linje som forklarer det
SpalterGjør lang tekst leseligTo smale spalter på et lysbilde eller et liggende innlegg
Sidetall og utgavenummerPlasserer siden i en serieLiten tekst i et hjørne: Nr. 12, side 3 av 8
SkillestrekSkiller uten bokserEn 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 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 uthevet sitat: én linje, én størrelse, liten kildeangivelse under.

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 og seriff eller sans serif hjelper deg å velge.

RolleStørrelse på 1080×1350Stil
Overtittel24 til 28 pxSans serif, versaler, litt utvidet bokstavavstand
Overskrift88 til 120 pxSeriff eller fet sans serif, tett linjeavstand
Ingress32 til 40 pxNormal vekt, behagelig linjeavstand
Brødtekst i karuseller30 til 34 pxKorte linjer, omtrent 35 til 45 tegn
Sidetall eller bildetekst20 til 24 pxSans 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 forklarer siderekkefølge og signaler om å sveipe.

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

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

  1. 1

    Omslag

    Overtittel med utgavenummer, en overskrift som gir et løfte, og lengden, for eksempel åtte sider.

  2. 2

    Innhold

    Tre til fem korte punkter. Lesere sveiper videre når de vet hvor langt de skal.

  3. 3

    Innholdssider

    Én idé per side, samme rutenett på hver, med et sidetall som 3 av 8 i et hjørne.

  4. 4

    Uthevingsside

    Et uthevet sitat eller et stort tall halvveis bryter rytmen og gir en side som er verdt å dele alene.

  5. 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.

Spørsmål folk stiller

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.

Del denne guiden

Skrevet av GradientlyVerifisert Gradiently-konto

Teamet bak Gradiently, et designverktøy bygget rundt Marks: levende gradienter som gjør at alt du designer ser ut som ditt.

Se profilen vår