Animeret Instagram-story: sådan fastholder du opmærksomheden

En animeret Instagram-story virker, når én ting bevæger sig med et formål, og alt andet forbliver læseligt. I praksis betyder det en baggrund, der driver langsomt, en overskrift, der kommer ind én gang med en kort animation og så bliver stående, og intet vigtigt i toppen eller bunden af billedet på 1080×1920. Eksportér den som MP4, ikke GIF, og sørg for, at allerførste billede allerede læses som et færdigt design, for nogle vil kun nogensinde se det billede.

Hvad der skal bevæge sig i en animeret story

En story ses et øjeblik, i strakt arm, ofte med lyden slukket. Bevægelse trækker øjet, så alt, der bevæger sig, konkurrerer med dine ord. De stories, der fastholder opmærksomheden, vælger ét bevægeligt lag og gør det roligt og lader så skriften gøre sit arbejde. Urolige stories føles energiske i editoren og udmattende på en telefon.

Det samme princip går igen i alt godt bevægelsesarbejde, fra logoer til websites. Vil du have teorien bag, dækker principper for motion design timing, easing og hierarki mere i dybden.

Fire tekstanimationer, der virker i stories

Tekstanimation er den mest nyttige bevægelse i en story, fordi den fortæller øjet, hvor det skal begynde. Hold den kort. En indtoning, der tager længere end et halvt sekund, begynder at føles som ventetid, og folk trykker sig videre fra ventetid.

Stagger linjer frem for ord: overskriften først, den understøttende linje et øjeblik senere, linkopfordringen sidst. Den rækkefølge matcher, hvordan folk læser, og den betyder, at storyen giver mening, selv hvis nogen går midtvejs. Flere mønstre, blandt andet kinetisk skrift, finder du i idéer til tekstanimation.

Timing af en animeret Instagram-story

En stillestående story bliver på skærmen i omkring fem sekunder, før Instagram går videre. En videostory afspilles, så længe klippet kører, men opmærksomheden er forhåndsbelastet: hvis det første sekund er tomt, bliver resten sjældent set. Planlæg tidslinjen baglæns ud fra det.

1. 1

   0 til 1 sekund: overskriften

   Baggrunden bevæger sig allerede i første billede. Overskriften er færdig med sin indtoning ved udgangen af første sekund.

2. 2

   1 til 2 sekunder: støtten

   Den anden linje eller produktet kommer ind. Brug samme animation som overskriften, med lidt mindre bevægelse.

3. 3

   2 til 3 sekunder: handlingen

   Linkopfordringen, datoen eller koden dukker op. Det er den linje, folk handler på, så den skal have tid til at blive læst.

4. 4

   Resten: hold

   Intet nyt kommer ind. Baggrunden bliver ved med at drive, så storyen looper uden synlig genstart.

Seks til ti sekunder er en behagelig længde til en designet story med et kort budskab. Længere klip passer til tale eller demonstration, ikke en overskrift. Hvis storyen skal loope, skal baggrunden slutte, hvor den begyndte, hvilket gennemgås trin for trin i sømløs loopvideo.

Størrelse, sikre zoner og eksportindstillinger

En animeret story bruger den samme ramme som en stillestående: 1080×1920 pixels, 9:16. Instagrams brugerflade ligger over toppen og bunden, så hold ord og logoer i det midterste bånd. En almindelig arbejdsregel er at lade cirka de øverste og nederste 250 pixels være fri for tekst. Den fulde gennemgang står i størrelse på Instagram-story.

GIF er det ene format, du bør undgå her. Dens grænse på 256 farver forvandler bløde gradienter til striber, og en bevægelig story er en video, så langt Instagram er bekymret, så giv den en. Sammenligningen står i GIF eller MP4.

Sådan laver du animerede stories, der ikke ligner alle andres

De fleste skabeloner til animerede stories bruger de samme få bevægelige baggrunde, så et feed fuld af dem flyder sammen. Baggrunden er der, hvor dit brand kan genkendes, før nogen har læst et ord. Et bevægeligt farvefelt, der tilhører dig, gør mere end et stockloop nogensinde vil.

I Gradiently begynder en story på en Mark: en levende gradient- og materialebaggrund, der bevæger sig af sig selv og er unik. Tilføj din overskrift, vælg rise, pop, wipe eller skrivemaskine, og Marken holder sit roligste område bag ordene, mens auto ink vælger lys eller mørk skrift linje for linje. Det samme design kan så tilpasses til et feed-opslag eller en Reels-baggrund uden at blive bygget forfra. Videoeksport er en del af Pro og gemmer MP4, hvor din browser understøtter det.