Kort fortalt
- Grafik til app-lanceringer virker bedst som ét kit lavet ud fra ét design: lanceringsopslag, et Open Graph-billede, profilheadere og galleribilleder.
- Open Graph-billedet, der vises, når dit link deles, er 1200×630 pixels, og X-headeren er 1500×500.
- Lanceringsopslag skal nævne appen, sige, hvad den gør, i én sætning og pege på, hvor man får den.
- Opdater dit linkpreview, dine headere og din hjemmesides hero, før du poster noget, så hvert link, folk deler på lanceringsdagen, allerede ser rigtigt ud.
- En ensartet baggrund på al lanceringsgrafik hjælper folk med at genkende den samme app, når den dukker op i forskellige feeds.
På denne side
God grafik til app-lancering er ét design i mange former: et annonceringsopslag til hvert netværk, et linkpreview i 1200×630, der vises, hver gang nogen deler din URL, nye profilheadere og et kort sæt galleribilleder til lanceringssider som Product Hunt. Lav dem sammen ud fra ét look og én sætning, så føles lanceringsdagen som én begivenhed i stedet for et virvar af skærmbilleder, der ikke passer sammen.
Start med én sætning og ét look
Før nogen grafik skal du skrive den sætning, der siger, hvad appen gør for hvem, på under ti ord. »Del huslejen med dine bofæller uden den akavede snak« virker. »Fremtiden for delt økonomi« virker ikke, for ingen kan forestille sig det. Den sætning kommer på al grafik, uændret, så budskabet gentages, mens formen skifter. Tekst til visuelt indhold har mere om at skære en linje ned.
Lås derefter looket: Farverne i appens ikon bliver til en baggrund, appens skrifttype bliver til overskriften. En karakteristisk baggrund betyder mere, end du måske tror, for de samme skærmbilleder af hvide brugerflader dukker op på hver lanceringsdag. Grafik til lanceringsdagen dækker det for alle slags produkter.
Kittet med grafik til app-lancering, med størrelser
Størrelse
Hvad der står på den
Hvad der står på den
Størrelse
Hvad der står på den
Størrelse
Hvad der står på den
Størrelse
Hvad der står på den
Hvad der står på den
Størrelse
Hvad der står på den
Størrelse
Hvad der står på den
Linkpreview
1200 × 630
X-header
1500 × 500
X-opslag 16:9
1600 × 900
Instagram 4:5
1080 × 1350
Story 9:16
1080 × 1920
Hvorfor linkpreviewbilledet betyder mest
På lanceringsdagen bliver din URL indsat i chats, opslag, fora og nyhedsbreve, du aldrig ser. Hver af dem viser dit Open Graph-billede, så det er stille og roligt den mest sete lanceringsgrafik. Lav det i 1200×630, sæt appens navn og sætningen i midten, hold teksten fri af kanterne, fordi nogle apps beskærer til et kvadrat, og tjek det med en delingsdebugger før lanceringen. Open Graph-billedstørrelse har beskæringerne; Open Graph-tags har markuppen.
<meta property="og:title" content="Rentwise: split rent without the awkward chat" />
<meta property="og:description" content="Now on iPhone and Android." />
<meta property="og:image" content="https://rentwise.app/og/launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />Sådan designer du et opslag til app-lanceringen
Et lanceringsopslag konkurrerer med alt andet i feedet, så det skal kunne læses med ét blik. Start med sætningen, ikke logoet. Vis én skærm, ikke fem. Sig, hvor man får appen. På X og Bluesky virker en tråd godt: grafikken først, så en kort video og derefter skaberens historie.
Opslaget til X og Bluesky i 1600×900: Sætningen bærer opslaget.
Storyen: to ord og hvor man skal hen, på samme baggrund.
Undgå
- Et gitter med seks skærmbilleder fra telefonen
- At »revolutionere« noget som helst
- Et nyt farveskema kun til lanceringen
- Tekst i yderkanterne af previewbilledet
Gør
- Én skærm, der viser det vigtigste øjeblik
- Den enkle sætning om, hvad den gør
- Ikonets egne farver overalt
- Ord i midten med generøse margener
Korte skærmoptagelser passer godt til apps, fordi de viser det vigtigste øjeblik i bevægelse: trykket, resultatet. Hold dem under tyve sekunder, sæt sætningen på første frame, og tilføj undertekster, for mange scroller uden lyd. Video med produktdemo handler om tempo og beskæring.
Rækkefølgen, du laver grafik til app-lanceringen i
- 1
En uge før: masterdesignet
Sætning, ikon, baggrund og skrifttype i ét liggende format. Alt andet kommer derfra.
- 2
En uge før: et kommer snart-opslag
Drillér med datoen og et link til ventelisten. Kommer snart-opslag har layouts.
- 3
To dage før: previews og headere
Udgiv Open Graph-billedet, X-headeren og hjemmesidens hero tidligt, så links, der deles på dagen, ser rigtige ud.
- 4
Dagen før: alle lanceringsopslag
Eksportér alle størrelser, og skriv billedtekster til hvert netværk i forvejen.
- 5
Lanceringsdagen: post, svar, gentag
Brug dagen på at svare folk, ikke på at lave grafik.
- 6
En uge efter: et tak
Et opslag om en milepæl eller et tak i samme look afslutter lanceringen.
Gradiently passer godt til den arbejdsgang. Design masteren én gang på en Mark, og tilpas den så med Pro til alle formater i kittet i ét trin; Marken holder sætningen læselig i hver form ved at flytte sit roligste område om bag ordene. Arbejder du allerede med lanceringen i ChatGPT eller Claude, kan Gradiently forbindes med begge, så assistenten kan lave udkast til kittet som design, der åbner i Studio. Lanceringsgrafik til indie hackers dækker samme kit til webprodukter.
Spørgsmål, folk stiller
Hvilken grafik har jeg brug for til at lancere en app?
Et linkpreview i 1200×630, en opdateret X-header i 1500×500, lanceringsopslag til hvert netværk, du bruger, en story, en hero til hjemmesiden og galleribilleder til eventuelle lanceringssider. Lav dem alle ud fra ét masterdesign.
Hvilken størrelse har et galleribillede på Product Hunt?
Product Hunt oplister sine aktuelle krav til thumbnail og galleri i indsendelsesformularen. Design dem liggende ud fra samme master som din øvrige lanceringsgrafik, så looket forbliver ensartet.
Hvad skal et opslag om app-lanceringen sige?
Appens navn, én sætning om, hvad den gør for hvem, og hvor man får den. Gem alt andet til billedteksten eller en tråd.
Hvornår skal jeg opdatere mit linkpreviewbillede?
En dag eller to før lanceringen med et nyt filnavn, og test det derefter i en delingsdebugger. Platforme cacher previews, så en sen ændring vises måske ikke på lanceringsdagen.
Skrevet af Gradiently
Holdet bag Gradiently, et designværktøj bygget om Marks: levende gradienter, der får alt, du designer, til at ligne dig.
Se vores profil