Kortversionen
- 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.
På den här sidan
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.
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 |
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 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 citatuppslag: en rad, en storlek, källan liten under.
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 och serif eller 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 |
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 tar upp mekaniken kring bildordning och svepsignaler.
Sida 1, omslaget: löftet, utgivningsnumret och längden.
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
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.
Vanliga frågor
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.
Skriven av Gradiently
Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.
Se vår profil
