# Så designar du ett nyhetsinlägg som folk faktiskt läser [Canonical HTML page](https://gradiently.design/sv/guide/announcement-post-design) Nyhetsinlägg misslyckas på ett förutsägbart sätt: förväntan är stor och fakta är små. Så lägger du nyheten först och gör datumet omöjligt att missa. ## The short version - Ett nyhetsinlägg ska svara på tre frågor i ordning: vad som händer, när, och var eller hur man deltar. - Själva nyheten ska vara det största i designen, med datum och plats på en tydligt mindre andra nivå. - Rubriker som Stora nyheter eller Spännande besked slösar bort den mest värdefulla ytan, så skriv själva nyheten i stället. - Varje nyhet behöver versioner för flödet och för stories, eftersom formaten visar designen olika. - De flesta nyheter fungerar bäst som en kort serie: en teaser, själva nyheten och en påminnelse nära datumet. Ett bra **nyhetsinlägg** svarar på tre frågor i fast ordning: **vad** som händer, **när**, och **var** eller hur man deltar. Gör nyheten till det största i designen, lägg datum och plats på en mindre andra nivå och ge folk en enda uppmaning. Allt annat, från färg till textur, finns till för att de här tre sakerna ska gå att läsa på en sekund. ## Nyhetsinläggets hierarki: vad, när, var Folk ser ett nyhetsinlägg ungefär lika länge som det tar att scrolla förbi det. På den tiden ska de kunna återge nyheten för någon annan. Det händer bara när designen har en tydlig läsordning, och det är vad [visuell hierarki](https://gradiently.design/sv/guide/visual-hierarchy) handlar om. Ett stående nyhetsinlägg med texten Vår andra butik öppnar på lördag, med datum och adress under Tre nivåer som läses i ordning: en liten etikett, nyheten i stor stil och sedan när och var. | Nivå | Vad som hör hemma här | Ungefärlig storlek | | --- | --- | --- | | Etikett | Ett ord som sätter sammanhanget: Vi meddelar, Nytt, Boka datumet | Liten, ofta med versaler | | Nyheten | Det som händer, på en enda rad | Designens största text | | Detaljer | Datum, tid och plats | Ungefär en tredjedel till hälften av rubriken | | Uppmaning | Vart man ska gå eller vad man ska göra härnäst | Liten, men tydlig | Fyra nivåer räcker för nästan alla nyheter. Behöver du en femte försöker inlägget säga för mycket. ## Skriv nyheten, inte spänningen Den vanligaste rubriken på ett nyhetsinlägg säger ingenting: *Stora nyheter*, *Något spännande är på väg*, *Vi har ett besked*. Den tar upp den största ytan i designen och lämnar den faktiska nyheten i liten stil under. Lägg nyheten i rubriken och låt designen stå för spänningen. Mer om att skriva korta rader till bilder finns i [att skriva text för bilder](https://gradiently.design/sv/guide/writing-copy-for-visuals). ### Vagt - Stora nyheter - Något nytt är på väg - Vi har ett besked - Boka datumet ### Konkret - Vår andra butik öppnar på lördag - Vintermenyn startar 3 november - Nu levererar vi i hela Sverige - Lanseringskväll: fredag 17 oktober Håll rubriken under ungefär åtta ord. Behöver nyheten en hel mening för att förklaras bär rubriken den viktigaste uppgiften och bildtexten står för förklaringen. ## Typer av nyhetsinlägg och layouten för var och en Olika nyheter kräver olika betoning. En produktlansering leder med produkten, ett event med datumet och en milstolpe med en siffra. Att välja rätt layout handlar mest om att välja vilken uppgift som får den största stilen. - **Produktlansering:** produktens namn och en rad om varför den är bättre, med en liten *Nytt*-bricka. - **Event:** eventets namn stort, sedan datum och plats som ett prydligt block. - **Öppning eller ändrade öppettider:** den nya uppgiften i rubriken, startdatumet under. - **Milstolpe:** en stor siffra och vad den räknar, bara om siffran är äkta. - **Rekrytering:** rollen som rubrik, teamet och var man söker under. - **Nedräkning:** ett enda antal dagar, upprepat varje dag i samma layout. Ett lanseringsinlägg som presenterar en anteckningsbok i tyg med en liten Nytt-bricka En produktlansering leder med själva produkten. Ett nedräkningsinlägg med den stora siffran 3 och orden Dagar kvar En nedräkning leder med en siffra och ändrar inget annat från dag till dag. ## Nyhetsinläggets storlek för varje plattform En nyhet går oftast ut på flera ställen samtidigt, och varje ställe kräver sin egen form. Lägger du ut designen på nytt för varje format behåller du hierarkin, medan en sträckt eller beskuren bild ofta kapar datumet. Hela listan finns i [bildstorlekar för sociala medier](https://gradiently.design/sv/guide/social-media-image-sizes). - Instagram-inlägg 1080×1350: 1080 × 1350 - Story 1080×1920: 1080 × 1920 - X-inlägg 1600×900: 1600 × 900 - LinkedIn-inlägg 1200×1200: 1200 × 1200 - Facebook-event 1920×1005: 1920 × 1005 De fem formen som ett typiskt nyhetsinlägg behöver, skalenligt. Samma ord, arrangerade fem gånger. I en hög story staplar du nivåerna lodrätt med gott om luft. I en bred X- eller Facebook-bild lägger du rubriken till vänster och detaljerna till höger, eller behåller ett centrerat block och gör det mindre. I en kvadrat centrerar du allt. ## Designdetaljer som får nyheten att nå fram Ett nyhetsinlägg får vara högljuddare än dina vanliga inlägg, men det höga ska komma från bakgrunden och skalan, inte från stök. En ljus fläck bakom rubriken drar blicken dit före allt annat. Spotlight: varmt guld till violett: `radial-gradient(circle at 30% 28%, #ffd166 0%, #ef476f 38%, #5a189a 72%, #240046 100%)` En spotlightgradient för nyheter: den ljusaste punkten ligger strax ovanför och till vänster om mitten, där rubriken börjar, och klingar av mot djupviolett i kanterna. ### Undvik - Tre rubriker som tävlar - Datumet i tunn, liten stil - Konfetti, klistermärken och emojis över texten - En ny look som du aldrig använder igen ### Gör så här - En rubrik, en accent - Datumet i kraftig vikt, väl synligt - En bakgrund som står för firandet - Din vanliga look, uppskruvad ett snäpp Ligger rubriken på en gradient, se till att den ligger på en lugn del av den med tillräcklig kontrast, och [text på gradient](https://gradiently.design/sv/guide/text-on-gradient) förklarar hur du väljer textfärg. Och håll nyheten igenkännbart din: en plötslig ny stil får folk att undra vems inlägget är. ## Teaser, nyhet, påminnelse De flesta nyheter förtjänar mer än ett inlägg. En enkel serie ger folk tid att lägga märke till, planera och komma ihåg, utan att samma bild upprepas. 1. **Teaser, några dagar före** En antydan i samma look: datumet eller en detalj av det som händer, utan att avslöja allt. 2. **Nyheten, på dagen** Hela inlägget, i alla format, med den enda uppmaningen tydligt utskriven. 3. **Påminnelse, nära datumet** Samma layout med rubriken ändrad till *Imorgon* eller *Idag*. 4. **Tack, efteråt** Ett foto eller en siffra från dagen, i samma look, som knyter ihop historien. För en produkt- eller företagslansering växer den här serien till en hel uppsättning material, från sidhuvuden till mejl. [Grafik för lanseringsdagen](https://gradiently.design/sv/guide/launch-day-graphics) listar dem alla, och [eventvarumärke](https://gradiently.design/sv/guide/event-branding) tar upp event från inbjudan till scen. Vill du hellre beskriva nyheten och få en första design gjord åt dig kan Designer i Gradiently skissa en i din varumärkeskit. ## FAQ ### Vad ska ett nyhetsinlägg innehålla? Vad som händer, när, och var eller hur man deltar, i den ordningen i fråga om storlek, plus en tydlig uppmaning. ### Hur lång ska rubriken i ett nyhetsinlägg vara? Under ungefär åtta ord, och den ska ange själva nyheten. Låt förklaringen ligga i bildtexten. ### Vilken storlek är bäst för ett nyhetsinlägg på Instagram? 1080×1350 för flödet och 1080×1920 för stories. Lägg ut designen på nytt för varje format i stället för att beskära en bild. ### Ska jag lägga upp en teaser före själva nyheten? För allt som folk behöver planera för, ja. En teaser, nyheten och en påminnelse nära datumet är en enkel serie som fungerar.