Kortversionen
- De enklaste motion graphics för varumärken håller orden och logotypen stilla och låter bakgrunden röra sig långsamt i en kort loop.
- En loop på 5 till 30 sekunder räcker för stories, reels, webbplatsers hero-sektioner och evenemangsskärmar, och den kräver ingen redigering eller inspelat material.
- Rörelse blir en del av en identitet när samma material rör sig på samma sätt överallt, precis som en varumärkesfärg förblir densamma.
- Långsam, lugn rörelse passar de flesta varumärken, medan snabb rörelse och färgcykler är starka accenter som bäst sparas till lanseringar och evenemang.
- Varje rörligt material bör ha en stilla version, för ställen som inte spelar upp video och för dem som föredrar reducerad rörelse.
På den här sidan
Motion graphics för varumärken behöver inte betyda ett videoteam, en inspelning eller en redigeringstidslinje. För ett varumärke som mest lägger upp stillbilder är den mest användbara rörelsen den enklaste: håll orden och logotypen helt stilla och låt bakgrunden driva, flöda eller glöda under dem i en kort loop. Det ser hantverksmässigt ut, det är lätt att göra varje vecka och du fortsätter se ut som dig själv.
Det här är en praktisk guide till det tillvägagångssättet: varför det fungerar, vilka sorters rörelse som passar vilka varumärken, hur långt och hur snabbt, och var det gör nytta. Vill du ha hantverket bakom själva loopen, se så gör du en sömlös loop.
Därför har stilla varumärken nytta av lite rörelse
Stories, reels och många flöden spelar upp video automatiskt, så ett rörligt inlägg passar naturligt bland dem. Våra ögon är också snabba på att upptäcka rörelse i synfältets kant, och därför kan ett långsamt färgskifte fånga uppmärksamheten där ännu en stillbild hade scrollats förbi. Inget av det kräver spektakel. En bakgrund som rör sig mjukt medan budskapet förblir läsbart gör jobbet.
Haken är produktionen. Ett stilla varumärke har oftast inget filmat material, ingen motion designer och ingen tid. Därför fungerar det här tillvägagångssättet: du designar ett stilla inlägg som vanligt, och det enda som rör sig är materialet bakom.
Ett stilla tillkännagivande, exporterat som en loop: orden ligger kvar, fältet rör sig.
Samma material på ett flödesinlägg, så att rörelsen läses som varumärket.
Full videoproduktion
- Inspelning, redigering och ljud
- Orden rör sig, klipps och ändras
- Dagar per verk
- Svårt att hålla konsekvent vecka efter vecka
En rörlig bakgrund
- En stilla design, inget att filma
- Orden ligger kvar och är lätta att läsa
- Minuter per verk
- Samma material varje gång
Att välja sorts rörelse
Olika rörelser säger olika saker, på samma sätt som typ och färg. Välj en som förval och håll dig till den, så att din rörelse blir igenkännbar. Principer för motion design går igenom resonemanget bakom varje val.
| Rörelse | Hur den ser ut | Passar |
|---|---|---|
| Drift | Fältet glider långsamt över bilden | Lugna, premium- och redaktionella varumärken |
| Flöde | En jämn ström löper genom färgen | Välmående, resor, allt som handlar om lätthet |
| Andas | Ljuset sväller och sjunker, rör sig knappt | Lyx, skönhet, stillsamma tillkännagivanden |
| Virvel | Materialet veckar och vänder sig | Musik, nattliv, lekfulla varumärken |
| Skift | Nyanserna lutar åt ena hållet och tillbaka | Säsongsinlägg och mjuk variation |
| Cykel | Nyanserna vandrar hela vägen runt | Lanseringar och evenemang, används sparsamt |
Hur länge och hur fort
Loopar på 5 till 30 sekunder täcker nästan varje användning. Korta loopar på 5 till 8 sekunder upprepas ofta, vilket passar stories och snabba inlägg. Längre loopar på 15 till 30 sekunder känns mindre repetitiva och passar skärmar som folk tittar på en stund, som en webbplats hero eller en skärm i en lokal.
Takten spelar större roll än längden. Långsam rörelse läses som självsäker och låter orden tala, medan rask rörelse läses som energisk men drar uppmärksamheten från budskapet. Om du är osäker, gå långsammare än du först tänker. Ett bra test är om du bekvämt kan läsa inlägget medan bakgrunden rör sig. Om ögat hela tiden dras bort från orden, sakta ner den.
Story och Reel
1080 × 1920
Instagraminlägg
1080 × 1350
X-inlägg
1600 × 900
Webbplats-hero
1920 × 1080
Där rörelse förtjänar sin plats
- Stories och reels: loopars naturliga hem. Se bakgrunder för Reels och TikTok för säkra zoner.
- Flödesinlägg: en rörlig version av ett tillkännagivande eller ett erbjudande skiljer sig från stilla inlägg. Animerade inlägg mot statiska går igenom när det hjälper.
- Webbplatsers hero-sektioner: en ljudlös loopande video eller en levande bakgrund bakom rubriken, med en stilla reserv.
- Evenemangs- och butiksskärmar: långa, långsamma loopar som spelas hela kvällen utan att kännas repetitiva.
- E-post: bara som en liten GIF, eftersom de flesta inkorgar inte spelar upp video. GIF eller MP4 förklarar avvägningen.
- 1
Designa stillbilden först
Gör inlägget som om det aldrig skulle röra sig. Fungerar inte stillbilden räddar rörelse den inte.
- 2
Välj din husrörelse
Välj en rörelse och en takt för vardagsinlägg och skriv ner dem bredvid dina färger och typsnitt.
- 3
Exportera en loop
Exportera 8 till 15 sekunder för sociala medier, längre för skärmar. Kontrollera att slutet möter början utan ett hack.
- 4
Behåll en stilla version
Exportera en PNG av samma design för ställen som inte spelar upp video och för dem som har bett om reducerad rörelse.
- 5
Spara de större rörelserna till stunder
Färgcykler, snabbare takt och partiklar är accenter. Använd dem för en lansering eller ett evenemang så att de fortfarande känns speciella.
Att göra rörelse till en del av identiteten
Rörelse fungerar som vilken annan särskiljande varumärkestillgång som helst: den blir igenkännbar genom upprepning. Om din bakgrund långsamt driver åt vänster i varje story börjar folk koppla den driften till dig. Om varje inlägg rör sig olika är rörelsen bara dekoration.
Här hjälper en Mark. I Gradiently är Marken bakom dina designer ett levande material, så vilken design som helst kan exporteras som en loop på 5 till 30 sekunder med den rörelse, takt, färgbeteende och de partiklar du väljer. Loopen sluter sig så att slutet möter början, och den exporteras som video i upp till 1080p eller som en liten GIF. Eftersom det rörliga materialet är samma Mark som i dina stilla inlägg ser rörelsen ut som resten av ditt flöde i stället för ett undantag från det.
GR·AR5D·D3
Analog Seal
Se den här MarkenVanliga frågor
Vad är motion graphics för varumärken?
Det är animerad grafik i ett varumärkes stil: logotyper, bakgrunder, typ och former som rör sig. För små varumärken är en stilla design över en långsamt rörlig bakgrund den enklaste och mest konsekventa formen.
Hur lång ska en loopande varumärkesanimation vara?
5 till 30 sekunder täcker de flesta användningar. Använd 5 till 15 sekunder för stories och inlägg, och längre, långsammare loopar för webbplatsers hero-sektioner och evenemangsskärmar.
Behöver jag videoprogram för att lägga till rörelse i mina inlägg?
Nej. Verktyg som renderar en rörlig bakgrund bakom en stilla design, däribland Gradiently, exporterar en loopande video direkt, utan redigeringstidslinje.
Ska orden också röra sig?
Oftast inte. Att hålla orden stilla gör dem lätta att läsa och låter bakgrunden bära rörelsen, vilket också håller designen lugn.
Vilket format ska ett loopande inlägg ha?
MP4 är det säkra valet för sociala plattformar och webbplatser. Använd en GIF bara där video inte spelas upp, som i de flesta e-postprogram.
Skriven av Gradiently
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
