Kortversionen
- Designa Instagram-karusellens bilder i 1080×1350 pixlar, eftersom varje bild i en karusell får formen av den första.
- Karusellens första bild är ett löfte: den ska säga exakt vad någon får genom att svepa.
- Varje bild ska bära en idé, i ord som är korta nog att läsa på några sekunder.
- En bakgrund som fortsätter från en bild till nästa får en karusell att kännas som ett enda verk och bjuder in till svepet.
- Sista bilden ska ge folk ett tydligt nästa steg, som att spara inlägget, följa eller besöka en länk.
På den här sidan
En Instagram-karusell fungerar när första bilden ger ett tydligt löfte, varje bild efter den levererar en idé, och designen flyter från bild till bild så att svepandet känns som att vända blad. Designa varje bild i stående 1080×1350: det fyller mest av en telefonskärm i flödet, och alla bilder i en karusell delar ändå den första bildens form.
Storlek och form på Instagram-karusellen
Instagram beskär varje bild i en karusell till förhållandet hos den första, så bestäm formen innan du designar något. Stående 4:5 är rätt val för nästan alla karuseller: det är den högsta form flödet visar för inlägg, vilket ger större text och mer utrymme per bild. Kvadrat fungerar för innehåll som naturligt är kvadratiskt, som produktrutnät. Liggande slösar det mesta av skärmen.
Stående 1080×1350
1080 × 1350
Kvadrat 1080×1080
1080 × 1080
Liggande 1080×566
1080 × 566
Krokbilden avgör allt
Folk ser den första bilden i flödet precis som de ser en enskild bild. Om den inte ger dem en anledning att svepa finns resten av karusellen inte. En bra krok är specifik om vad som finns inuti och antyder att mer följer.
Svag krok
- Några tankar om varumärkesbyggande
- Vår nya kollektion
- Tips för bättre foton
- En titel utan tecken på att fler bilder följer
Stark krok
- Fem sätt att få ett litet varumärke att se etablerat ut
- Sex plagg, en färgberättelse: höstens urval
- Bättre mobilfoton med bara fönsterljus
- En siffra, en tydlig vinst och en pil eller kant som fortsätter
Bild ett: ett specifikt löfte och en stillsam signal att svepa.
Bild två: en idé, samma bakgrund, samma plats för orden.
En idé per bild
En karusell läses i tummens hastighet. Varje bild får några sekunder, så varje bild ska rymma en idé: ett tips, ett steg, en produkt, en siffra. Om du behöver två meningar för att förklara en poäng, dela den över två bilder i stället för att krympa texten.
| Bild | Uppgift | Vad den rymmer |
|---|---|---|
| 1 | Krok | Löftet, i stor text |
| 2 | Sammanhang | Varför det här spelar roll, eller problemet |
| 3 till 7 | Innehåll | En poäng per bild, numrerad |
| Näst sista | Sammanfattning | Poängerna i en lista, värd att spara |
| Sista | Nästa steg | Spara, följ, svara eller besök |
Håll orden per bild låga, runt 20 till 40, med nyckelraden så stor att den går att läsa utan att zooma. På en bild som är 1080 pixlar bred börjar brödtext under ungefär 40 pixlar kännas liten på en telefon. Typsnitt för sociala medier går igenom vilka typsnitt som håller i den storleken, och visuell hierarki förklarar hur du får den enda raden som spelar roll att landa först.
Kontinuitet: få bilderna att kännas som ett verk
Skillnaden mellan en hög bilder och en karusell är kontinuitet. När bakgrund, typsnitt och elementens placering förblir konsekventa känns varje svep som nästa sida i samma sak. Den starkaste versionen är en sömlös karusell: en lång bakgrund uppdelad över bilderna, så att färgen flyter över varje skarv.
linear-gradient(90deg, #0f1c3f 0%, #23407a 30%, #6a3fa0 62%, #d0558f 100%)- 1
Gör en bred arbetsyta
Multiplicera bildbredden med antalet bilder: tre stående bilder ger en arbetsyta på 3240×1350, fem ger 5400×1350.
- 2
Designa bakgrunden först
Lägg en gradient eller textur över hela arbetsytan så att den ändras gradvis från vänster till höger.
- 3
Markera skarvarna
Sätt hjälplinjer var 1080:e pixel. Håll ord minst 60 pixlar från varje skarv så att ingen bokstav delas.
- 4
Låt ett element korsa en skarv
En form, en linje eller kanten på en bild som löper in i nästa bild är den starkaste signalen att svepa.
- 5
Exportera som separata bilder
Skär arbetsytan i bitar om 1080×1350, i ordning, och ladda upp dem tillsammans.
En sammanhängande bakgrund är inget krav. En karusell som använder samma bakgrund på varje bild, med rubriken alltid på samma plats och ett litet sidnummer som 2 av 8, läses lika tydligt. Det som bryter kontinuiteten är att byta layout, färg och typsnitt på varje bild.
Sista bilden
På sista bilden bestämmer folk vad de ska göra härnäst, så ge dem en sak att göra. Välj den handling som betyder mest för det här inlägget och säg den rakt ut.
- Spara det: bäst för referensinnehåll som tips, checklistor och recept.
- Följ för mer: bäst när karusellen är en del av en serie.
- Svara eller kommentera: bäst när du ställer en verklig fråga.
- Besök en länk: bäst för en lansering eller ett erbjudande, med länken där folk kan trycka på den.
En sammanfattningsbild ger folk något värt att spara, vilket ofta är den mest användbara handling en karusell kan förtjäna.
Karuseller på andra plattformar
Samma struktur fungerar på LinkedIn, där dokument med flera sidor visas som inlägg du kan svepa i, se design av LinkedIn-inlägg. Om du gör karuseller varje vecka, designa en uppsättning bildlayouter en gång och återanvänd dem, så att varje ny karusell blir ett skrivjobb och inte ett designjobb. Skapa innehåll för sociala medier i omgångar visar hur du planerar en hel månad på en gång.
Vanliga frågor
Vilken storlek ska bilderna i en Instagram-karusell ha?
1080×1350 pixlar i stående 4:5. Varje bild får formen av den första, så håll dem alla i samma storlek.
Hur gör jag en sömlös Instagram-karusell?
Designa en bred arbetsyta med 1080 pixlar per bild, låt bakgrunden löpa över den, håll orden borta från skarvarna och skär den sedan i separata bilder om 1080×1350.
Hur många bilder bör en karusell ha?
Så många som innehållet behöver och inte fler. En idé per bild är regeln, och de flesta lärande karuseller hamnar mellan fem och tio bilder.
Vad ska första bilden i en karusell säga?
Ett specifikt löfte om vad folk får genom att svepa, i stor text, med en antydan om att mer följer, som en siffra eller ett element som fortsätter utanför kanten.
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
