Sociala medier

Grafik för produktlansering: checklistan för lanseringsdagen

Lanseringar går snett i de små detaljerna: en gammal header, en länkförhandsvisning som saknas, en story som ingen ändrat storlek på. Här är varje tillgång, dess storlek och när den ska ut.

GradientlyVerifierat Gradiently-konto··4 minuters läsning
Omslag: Daybreak Dusk · GR·ZE55·8H

Kortversionen

  • En produktlansering behöver grafik i två grupper: upptakten, som teasers och nedräkningar, och själva lanseringen, från tillkännagivanden till headers, länkförhandsvisningar och mejl.
  • Att designa en enda huvudbild först och lägga ut den på nytt för varje format håller lanseringen enhetlig och sparar det mesta av arbetet.
  • Open Graph-bilden för lanseringssidan bör vara klar före lanseringen, eftersom den syns varje gång någon delar länken.
  • Profilheaders på X, LinkedIn och Facebook glöms lätt bort och bör bytas på lanseringsdagen tillsammans med allt annat.
  • All lanseringsgrafik bör använda samma rubrik, så att den som ser den på olika ställen känner igen samma nyhet.
På den här sidan

Grafiken för en produktlansering delas in i två grupper. Upptakten: en teaser och en nedräkning. Lanseringen: tillkännagivandet i alla flödesformat, stories, en bild för länkförhandsvisning, nya profilheaders, en mejlheader, en hero på webbplatsen och ett tack efteråt. Designa en huvudbild först och lägg sedan ut den på nytt för varje storlek, så ser alla tillgångar ut att höra till samma stund.

Den kompletta checklistan för lanseringsgrafik

Kopiera listan till din lanseringsplan. Storlekarna kommer från varje plattforms rekommenderade uppladdningsstorlek; hela översikten finns i bildstorlekar för sociala medier.

TillgångStorlekNärAnmärkning
Teaserinlägg1080×1350Ungefär en vecka innanEn antydan, inte avslöjandet
Nedräkningsstory1080×1920Dagligen, de sista dagarnaSamma layout, siffran ändras
Tillkännagivande på Instagram1080×1350LanseringsdagenHuvudbilden
Lanseringsstories1080×1920LanseringsdagenMed en länksticker
Tillkännagivande på X1600×900LanseringsdagenVisas helt i tidslinjen
Inlägg på LinkedIn1200×1200LanseringsdagenEller en dokumentkarusell
Inlägg på Facebook1200×1200LanseringsdagenSamma ord som överallt
Länkförhandsvisning (Open Graph)1200×630Klar före lanseringenTesta den före dagen
Header på X1500×500LanseringsdagenProfilbilden överlappar nere till vänster
Banner på LinkedIn1584×396LanseringsdagenFöretagsomslaget är 2256×382
Omslag på Facebook1640×624LanseringsdagenOrden i mitten
Mejlheader1200×600LanseringsdagenKontrollera mörkt läge
Hero på webbplatsen1920×1080LanseringsdagenRubriken på en lugn yta
Videominiatyr1280×720Om det finns en demoTre eller fyra ord
Tack eller sammanfattning1080×1350Några dagar efterBara verkliga siffror
Varje lanseringstillgång, dess storlek och när den går ut. Stryk det du inte behöver; de flesta lanseringar behöver det mesta.

Inlägg 1080×1350

1080 × 1350

Story 1080×1920

1080 × 1920

Inlägg på X 1600×900

1600 × 900

Länkförhandsvisning 1200×630

1200 × 630

Header på X 1500×500

1500 × 500

Banner på LinkedIn 1584×396

1584 × 396

Mejlheader 1200×600

1200 × 600

Hero på webbplatsen 1920×1080

1920 × 1080

Åtta former från listan, skalenligt. En lansering, från höga stories till smala bannrar, och därför fungerar en bild som beskärs åtta gånger aldrig.

Börja med en huvudbild, gör sedan resten av setet

Designa inte femton tillgångar. Designa en, Instagram-tillkännagivandet eller hero på webbplatsen, tills den sitter: bakgrunden, rubriken, typsnittet, den enda accentfärgen. Det är lanseringens look. Varje annan tillgång är samma look arrangerad för en annan form. Höga format staplas; breda format breder ut sig; smala bannrar behåller bara rubriken.

En lanseringspalett: en mörk botten, tre sammanhörande blå toner, en guldaccent reserverad för datumet eller uppmaningen och en off-white för text.

Skriv ner lookens delar: färger, typsnitt, rubriken, var accenten hamnar. Om flera personer gör tillgångar är den här anteckningen det som håller headern någon gör vid midnatt i linje med inlägget du gjorde för en vecka sedan.

Tidslinjen för lanseringen

  1. 1

    Två veckor innan: huvudbilden

    Designa huvudtillkännagivandet och enas om rubriken. Gör bilden för länkförhandsvisningen nu, så att lanseringssidan visar den från första delningen. OG-bildens storlek har taggarna och testerna.

  2. 2

    En vecka innan: teasern

    Ett inlägg och en story som antyder vad som kommer, i lanseringens look, utan avslöjandet.

  3. 3

    De sista dagarna: nedräkningen

    En daglig story där siffran ändras och en nedräkningssticker så att folk kan be om en påminnelse.

  4. 4

    Dagen innan: gör hela setet

    Lägg ut huvudbilden för varje format på listan. Schemalägg det som går att schemalägga.

  5. 5

    Lanseringsmorgonen: gå live överallt

    Publicera inläggen och stories, byt varje profilheader, skicka mejlet, uppdatera hero på webbplatsen.

  6. 6

    Några dagar efter: säg tack

    En sammanfattning i samma look, med verkliga resultat om du vill dela några, som rundar av berättelsen.

Teasern: lanseringens look och ett datum, inget mer.

Tillkännagivandet: samma look, nu med avslöjandet.

En rubrik i all grafik

Folk möter en lansering på många ställen: en story på morgonen, ett inlägg på LinkedIn vid lunch, ett mejl på kvällen. De ska känna igen samma nyhet varje gång. Det betyder en rubrik, ord för ord, på all grafik, med detaljerna som varierar efter format. För ordningen på orden, se så designar du ett tillkännagivande.

Undvik

  • En ny slogan på varje plattform
  • En bild som beskärs till varje form
  • Nya färger som hittas på till lanseringen
  • Headers som fortfarande visar förra säsongen

Gör

  • En rubrik, upprepad överallt
  • Varje format utlagt för sin form
  • Din vanliga look, uppskruvad ett snäpp
  • Varje header bytt på morgonen

Vad folk glömmer på lanseringsdagen

  • Länkförhandsvisningen. Plattformarna cachar den; om du delade sidan innan bilden var klar, uppdatera den i plattformens inspektör.
  • Profilheaders. Headern på X, bannern på LinkedIn och omslaget på Facebook visar fortfarande den gamla looken. Se LinkedIn-bannerns storlek och storlek på X-header.
  • Mejlheadern i mörkt läge. Testa den; design av mejlheader tar upp vad som ändras.
  • Bildbeskrivningar. Lägg till alternativtext på varje lanseringsbild, på varje plattform.
  • Länken i din profil. Peka den mot lanseringssidan innan det första inlägget går ut.

Vanliga frågor

Vilken grafik behöver jag för en produktlansering?

En teaser, en nedräkning, tillkännagivandet för varje plattforms flöde, lanseringsstories, en bild för länkförhandsvisning, uppdaterade profilheaders, en mejlheader, en hero på webbplatsen och ett tackinlägg efteråt.

När ska lanseringsgrafiken vara klar?

Gör huvudbilden och länkförhandsvisningen ungefär två veckor innan, teasern en vecka innan och hela setet dagen innan, så att lanseringsmorgonen bara handlar om att publicera.

Hur håller jag lanseringsgrafiken enhetlig?

Designa en huvudbild, skriv ner dess färger, typsnitt och rubrik, och lägg ut samma design för varje format i stället för att designa var och en från grunden.

Vilken storlek har en bild för länkförhandsvisning av en lanseringssida?

1200×630 pixlar, satt med taggen og:image. Testa den före lanseringsdagen, eftersom plattformarna cachar den.

Dela den här guiden

Skriven av GradientlyVerifierat Gradiently-konto

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