# Instagram-annonser: design för stories, flöde och Reels [Canonical HTML page](https://gradiently.design/sv/guide/instagram-ad-design) På Instagram ligger en annons mellan en väns semester och en skapares morgonrutin. De som fungerar ser ut som att de hör hemma där och är byggda om för varje placering i stället för pressade in i den. ## The short version - Instagram-annonser visas i flödet, i stories och i Reels, och varje placering behöver sin egen layout. - Använd stående bilder på 1080×1350 för annonser i flödet och stående bilder på 1080×1920 för annonser i stories och Reels. - I stories bör text och logotyper hållas utanför ungefär de översta och understa 250 pixlarna; i Reels ska orden också hållas borta från nedre tredjedelen och högerkanten. - Instagram-annonser som följer utseendet på varumärkets egna inlägg känns oftast naturliga snarare än störande i flödet. - Flera varianter av en design, med fast utseende och ändrat budskap, ger Metas leveranssystem alternativ att jämföra. Stark **design för Instagram-annonser** börjar i placeringen. Annonser i flödet är stående 1080×1350 som ligger bland inläggen; annonser i stories och Reels är helskärmsrutor på 1080×1920 med Instagrams gränssnitt lagt över upptill, nedtill och, i Reels, på högersidan. Bygg en version för varje, håll orden i den säkra zonen och låt annonsen se ut som dina egna inlägg så att den känns som en del av flödet snarare än ett avbrott. ## Instagram-annonsstorlekar för varje placering | Placering | Storlek | Format | Håll orden borta från | | --- | --- | --- | --- | | Flöde | 1080×1350 px | 4:5 | Kanterna; gilla- och bildtextfältet ligger under bilden | | Flöde, kvadratisk | 1080×1080 px | 1:1 | Kanterna | | Stories | 1080×1920 px | 9:16 | Övre och nedre 250 px | | Reels | 1080×1920 px | 9:16 | Övre fältet, nedre tredjedelen och högerkanten | Stående vinner i flödet eftersom det tar mest höjd. Guiden [Instagram-inläggets storlek](https://gradiently.design/sv/guide/instagram-post-size) förklarar varför. - Flöde 1080×1350: 1080 × 1350 - Kvadrat 1080×1080: 1080 × 1080 - Stories och Reels 1080×1920: 1080 × 1920 Flödet och de stående rutorna skiljer sig så mycket att en layout inte kan räcka till båda. ## Design av annonser i flödet Annonser i flödet ses i samma rytm som inlägg, så de bästa ser ut som ett riktigt bra inlägg först och en annons sedan. Inled med bilden folk skulle stanna för: produkten, resultatet, en stark textrad på din egen bakgrund. Håll logotypen liten. Meta märker annonsen som sponsrad och visar ditt namn ovanför, så varumärket finns redan där. Karusellannonser följer samma regler sida för sida: ett första kort som stoppar scrollen och följande kort som var och ett bär en poäng. [Instagram-karusell](https://gradiently.design/sv/guide/instagram-carousel-design) går igenom ordningen. ## Design av annonser i stories Annonser i stories visas mellan en tittares stories och fyller skärmen. De trycks förbi snabbt, så budskapet måste landa i första rutan. Använd [Instagram-storyns storlek](https://gradiently.design/sv/guide/instagram-story-size) och dess säkra zoner: profil och förloppsfält överst, uppmaningen nederst. Lägg rubriken i övre mitten och lämna nedre mitten ren, nära där annonsens knapp visas. En stående Instagram-annons för flödet med texten Sommarlinne, 4 färger och Ny säsong ovanför Version för flödet: ett inlägg först, med en rad och en detalj. Samma linneannons som en stående ruta med orden placerade i övre mitten Versionen för stories och Reels, ombyggd så att orden ligger högt och fria från gränssnittet nedtill. ## Design av Reels-annonser och deras säkra zon Annonser i Reels delar rutan på 1080×1920 men bär Instagrams tyngsta gränssnitt: kontonamn, bildtext och knapp längs botten, och ikoner för gilla, kommentera och dela längs högersidan. Ord som är säkra i en story kan täckas i Reels. Håll texten högre och längre åt vänster, och lämna nedre tredjedelen som bakgrund. [Säkra zoner i sociala medier](https://gradiently.design/sv/guide/social-media-safe-zones) ritar dem sida vid sida. ### Annons i stories - Gränssnitt bara upptill och nedtill - Trycks förbi, ses ett ögonblick - Budskapet måste landa i första rutan - Nedre mitten ligger nära knappen ### Annons i Reels - Gränssnitt längs botten och högersidan - Spelas som video, ofta i loop - Rörelse vinner uppmärksamhet; orden står stilla - Håll nedre tredjedelen och högerkanten fria Reels gynnar rörelse. En stillastående design med en långsamt rörlig bakgrund, eller en textrad som glider in, ser naturlig ut bland videor utan att du behöver filma. Håll orden tillräckligt stilla för att läsas; [animerat Instagram-inlägg](https://gradiently.design/sv/guide/animated-social-posts) visar hur långt du bör gå. ## Annonser som ser naturliga ut på Instagram ### Ser ut som en annons - En stor logotyp som dominerar rutan - Flera erbjudanden och ett block med villkor - En standardmalls färger och typsnitt - Text tätt intill kanterna - Ett annat utseende än dina egna inlägg ### Ser naturligt ut - Produkten eller idén i täten - Ett budskap, detaljer i bildtexten - Din egen bakgrund, dina färger och typsnitt - Generösa marginaler och respekterade säkra zoner - I en linje med det folk redan följer ## Gör varianter utan att tappa utseendet Metas leverans fungerar bäst med några annonsbilder att välja mellan, och annonströtthet uppstår när samma annons körs i veckor. Lösningen är variation inom ett fast utseende: samma bakgrundsfamilj och typografi, med budskap, produkt eller ljus som ändras. Här är fyra varianter av ett recept. - Variant A: sand: `linear-gradient(160deg, #f5efe6 0%, #e7d8c3 45%, #c9b18f 100%)` - Variant B: salvia: `linear-gradient(160deg, #f5efe6 0%, #d9e2d0 45%, #9fb08a 100%)` - Variant C: lera: `linear-gradient(160deg, #f5efe6 0%, #e8d3cf 45%, #c29489 100%)` - Variant D: himmel: `linear-gradient(160deg, #f5efe6 0%, #d6dde6 45%, #8fa0b5 100%)` En linnevit botten, fyra mjuka färgställningar för fyra produktfärger. Varje annons är olika; varumärket är detsamma. 1. **Lås utseendet** Bakgrundsfamilj, typsnitt, logotypens läge och marginaler. De ändras inte mellan varianterna. 2. **Välj en sak att variera** Budskap, produkt, färgställning eller öppningsruta. Ändra en per variant så att du lär dig vad som flyttade resultaten. 3. **Bygg flöde och stående tillsammans** Varje variant får en version på 1080×1350 och en på 1080×1920, utlagda var för sig. 4. **Ladda upp som en uppsättning** Gruppera placeringsversionerna av varje variant så att Meta visar rätt form på varje plats. I Gradiently designar du flödesversionen en gång och kan, med Pro, ändra storlek till stories och Reels i ett steg; Marken renderas färsk i varje form och flyttar sin lugna yta bakom dina ord, så inget hamnar på ett stökigt ställe. Duplicera sidan för varje variant och ändra bara raden. Metoden för att testa dem finns i [testa annonsbilder](https://gradiently.design/sv/guide/ad-creative-testing), och Facebook-sidan av samma kampanj finns i [Facebook-annonsdesign](https://gradiently.design/sv/guide/facebook-ad-design). ## FAQ ### Vilken storlek ska Instagram-annonser ha? Använd 1080×1350 för annonser i flödet och 1080×1920 för annonser i stories och Reels. En kvadratisk 1080×1080 fungerar också i flödet. ### Vilken är den säkra zonen för annonser i Instagram Stories? Håll text och logotyper utanför ungefär de översta och understa 250 pixlarna av rutan på 1080×1920, där profilfältet och uppmaningen ligger. ### Är Reels-annonser samma sak som annonser i stories? De använder samma ruta på 1080×1920, men Reels har mer gränssnitt längs botten och högersidan, så orden behöver ligga högre och längre åt vänster. ### Hur får jag Instagram-annonser att se mindre ut som annonser? Designa dem som dina bästa inlägg: din egen bakgrund och dina typsnitt, ett budskap, en liten logotyp och generösa marginaler. ### Hur många varianter av en Instagram-annons bör jag göra? Några räcker till att börja med, till exempel tre eller fyra, där var och en ändrar en sak medan utseendet förblir detsamma.