# Sådan designer du et opslag med nyheder, som folk faktisk læser [Canonical HTML page](https://gradiently.design/da/guide/announcement-post-design) Nyhedsopslag fejler på en forudsigelig måde: begejstringen er stor, og fakta er små. Sådan sætter du nyheden først og gør datoen umulig at overse. ## The short version - Et nyhedsopslag skal besvare tre spørgsmål i rækkefølge: hvad der sker, hvornår, og hvor eller hvordan man deltager. - Selve nyheden skal være det største på designet, med dato og sted på et tydeligt mindre andet niveau. - Overskrifter som Store nyheder eller Spændende nyhed spilder den mest værdifulde plads; sig den egentlige nyhed i stedet. - Hver nyhed har brug for versioner til feedet og til stories, fordi hvert format viser designet forskelligt. - De fleste nyheder fungerer bedst som en kort serie: en teaser, selve nyheden og en påmindelse tæt på datoen. Et godt **nyhedsopslag** besvarer tre spørgsmål i en fast rækkefølge: **hvad** der sker, **hvornår**, og **hvor** eller hvordan man deltager. Gør nyheden til det største på designet, sæt dato og sted på et mindre andet niveau, og giv folk én handling. Alt andet, fra farve til tekstur, er der for at gøre de tre ting lette at læse på et sekund. ## Nyhedens hierarki: hvad, hvornår, hvor Folk ser en nyhed lige så længe, som det tager at scrolle forbi den. I den tid bør de kunne gentage nyheden for en anden. Det sker kun, når designet har en tydelig læserækkefølge, og det handler [visuelt hierarki](https://gradiently.design/da/guide/visual-hierarchy) om. Et nyhedsopslag i portrætformat med teksten Vores anden butik åbner lørdag og dato og adresse nedenunder Tre niveauer, læst i rækkefølge: en lille etiket, nyheden i stor skrift, og så hvornår og hvor. | Niveau | Hvad står her | Størrelse, cirka | | --- | --- | --- | | Etiket | Et ord, der sætter rammen: Nyhed, Ny, Sæt kryds i kalenderen | Lille, ofte med versaler | | Nyheden | Det, der sker, i én linje | Den største skrift på designet | | Detaljer | Dato, tidspunkt og sted | Omkring en tredjedel til halvdelen af overskriften | | Handling | Hvor man skal hen, eller hvad man skal gøre nu | Lille, men tydelig | Fire niveauer er nok til næsten alle nyheder. Har du brug for et femte, forsøger opslaget at sige for meget. ## Skriv nyheden, ikke begejstringen Den mest almindelige overskrift på et nyhedsopslag siger ingenting: *Store nyheder*, *Noget spændende er på vej*, *Vi har en meddelelse*. Den fylder mest på designet og efterlader den egentlige nyhed i lille skrift nedenunder. Sæt nyheden i overskriften, og lad designet levere begejstringen. Mere om korte linjer til billeder finder du i [tekstforfatning til visuelle designs](https://gradiently.design/da/guide/writing-copy-for-visuals). ### Vagt - Store nyheder - Noget nyt er på vej - Vi har en meddelelse - Sæt kryds i kalenderen ### Konkret - Vores anden butik åbner lørdag - Vintermenuen starter 3. november - Vi leverer nu i hele Jylland - Lanceringsfest: fredag 17. oktober Hold overskriften under cirka otte ord. Kræver nyheden en hel sætning for at blive forklaret, bærer overskriften det væsentlige, og billedteksten står for forklaringen. ## Typer af nyhedsopslag og layoutet til hver Forskellige nyheder kræver forskellig vægt. En produktlancering starter med produktet, en begivenhed med datoen, en milepæl med et tal. At vælge det rette layout handler mest om at vælge, hvilket faktum der får den største skrift. - **Produktlancering:** produktets navn og én linje om, hvorfor det er bedre, med et lille *Nyhed*-mærke. - **Begivenhed:** begivenhedens navn stort, derefter dato og sted som en ryddelig blok. - **Åbning eller ændrede åbningstider:** det nye faktum i overskriften, datoen for start nedenunder. - **Milepæl:** ét stort tal og det, det tæller, men kun hvis tallet er ægte. - **Rekruttering:** stillingen som overskrift, holdet og hvor man søger nedenunder. - **Nedtælling:** ét tal for antal dage, gentaget hver dag i samme layout. Et lanceringsopslag, der præsenterer en notesbog i stof med et lille Nyhed-mærke En produktlancering starter med selve produktet. Et nedtællingsopslag med et stort tal 3 og ordene Dage til En nedtælling starter med ét tal og ændrer intet andet fra dag til dag. ## Størrelser til nyhedsopslag på alle platforme Én nyhed bliver som regel delt flere steder på én gang, og hvert sted har sit eget format. Lægger du designet om for hvert format, bevarer du hierarkiet; strækker eller beskærer du ét billede, mister du som regel datoen. Hele listen står i [størrelser til billeder på sociale medier](https://gradiently.design/da/guide/social-media-image-sizes). - Instagram-opslag 1080×1350: 1080 × 1350 - Story 1080×1920: 1080 × 1920 - X-opslag 1600×900: 1600 × 900 - LinkedIn-opslag 1200×1200: 1200 × 1200 - Facebook-begivenhed 1920×1005: 1920 × 1005 De fem former, en typisk nyhed har brug for, i målforhold. De samme ord, arrangeret fem gange. I en høj story stabler du niveauerne lodret med god plads. I et bredt billede til X eller Facebook placerer du overskriften til venstre og detaljerne til højre, eller beholder en centreret blok og gør den mindre. I et kvadrat centrerer du det hele. ## Designdetaljer, der får nyheden til at sidde Et nyhedsopslag må gerne være højere end dine hverdagsopslag, men det høje bør komme fra baggrunden og størrelsen, ikke fra rod. Et lyst lysglimt bag overskriften trækker blikket derhen, før noget andet gør det. Spotlys: varmt guld til violet: `radial-gradient(circle at 30% 28%, #ffd166 0%, #ef476f 38%, #5a189a 72%, #240046 100%)` En gradient med spotlys til nyheder: det lyseste punkt ligger lidt over og til venstre for midten, hvor overskriften begynder, og aftager til dyb violet i kanterne. ### Undgå - Tre konkurrerende overskrifter - Datoen i tynd, lille skrift - Konfetti, klistermærker og emojis oven på teksten - Et nyt udtryk, du aldrig bruger igen ### Gør - Én overskrift, én accent - Datoen i en kraftig vægt, tydeligt synlig - En baggrund, der står for festen - Dit sædvanlige udtryk, skruet lidt op Ligger overskriften på en gradient, så sørg for, at den ligger på en rolig del med nok kontrast; [tekst på en gradient](https://gradiently.design/da/guide/text-on-gradient) forklarer, hvordan du vælger skriftfarven. Og lad nyheden ligne dig: en pludselig ny stil får folk til at undre sig over, hvis opslag det er. ## Teaser, nyhed, påmindelse De fleste nyheder fortjener mere end ét opslag. En enkel serie giver folk tid til at lægge mærke til det, planlægge og huske, uden at du gentager det samme billede. 1. **Teaser, nogle dage før** Et hint i samme udtryk: datoen eller en detalje af det hele, uden at afsløre alt. 2. **Nyheden, på dagen** Det fulde opslag i alle formater, med den ene handling tydeligt formuleret. 3. **Påmindelse, tæt på datoen** Samme layout, men med overskriften ændret til *I morgen* eller *I dag*. 4. **Tak, bagefter** Et foto eller et tal fra dagen i samme udtryk, som runder historien af. Ved lanceringen af et produkt eller en virksomhed vokser serien til et helt sæt materialer, fra headere til e-mail. [Grafik til lanceringsdagen](https://gradiently.design/da/guide/launch-day-graphics) opregner dem alle, og [branding af begivenheder](https://gradiently.design/da/guide/event-branding) dækker events fra invitation til scene. Vil du hellere beskrive nyheden og få lavet et første udkast, kan Designer i Gradiently skitsere et i dit brandkit. ## FAQ ### Hvad skal et nyhedsopslag indeholde? Hvad der sker, hvornår, og hvor eller hvordan man deltager, i den rækkefølge af størrelse, plus én klar handling. ### Hvor lang må en overskrift på et nyhedsopslag være? Under cirka otte ord, og den skal sige den egentlige nyhed. Lad forklaringen vente til billedteksten. ### Hvilken størrelse er bedst til et nyhedsopslag på Instagram? 1080×1350 til feedet og 1080×1920 til stories. Læg designet om til hvert format frem for at beskære ét billede. ### Skal jeg poste en teaser før nyheden? Ved alt, som folk skal planlægge efter, ja. En teaser, selve nyheden og en påmindelse tæt på datoen er en enkel serie, der virker.