Olvasható sztori- és bejegyzéssablonok tervezése

Miért éri meg időt szánni egy sablonra

A sablon egy elrendezés, amelyet egyszer tervezel meg, és sokszor töltesz ki: a címsor, a fotó és az apró betűs rész ugyanazon a helyen van, minden alkalommal új szavakkal és képekkel. Megment attól, hogy minden héten üres vászonnal kezdj, és a sztorijaidat és bejegyzéseidet felismerhetővé teszi, még mielőtt bárki elolvasná a felül lévő nevet.

A sablon azonban csak akkor segít, ha maga az elrendezés jó. Egy gyönyörű dizájn, amely a címsort az Instagram válaszmezője alá teszi, vagy fehér szöveget helyez világos fotóra, minden vele készített sztoriban megismétli ezt a hibát. Ez a cikk az elrendezés helyes megválasztásáról szól: hol biztonságos a szöveg, mekkora legyen, mennyi legyen belőle, és hogyan tartsd egységesen a készletet. Az egyes formátumok pontos pixelméretei az Instagram-méretek útmutatónkban vannak; itt csak használjuk őket.

A sztorisablonok és a bejegyzéssablonok különböző feladatok

Mindkettő szöveges kép, de nagyon eltérően látják őket, és az egyiknél beváló elrendezés a másiknál gyakran megbukik.

A sztorisablonnak tehát merésznek és rövidnek kell lennie, az üzenettel a képernyő közepén. A bejegyzéssablon egy kicsivel többet bírhat, de túl kell élnie, hogy a profilrácson kis négyzetté zsugorítják, ezt a jól vágódó rács tervezéséről szóló cikkünk tárgyalja.

Biztonsági zónák egy 1080 × 1920-as sztorin

Az Instagram a saját felületét rajzolja minden sztori fölé: a folyamatjelző sávot, felül a profilképedet és a nevedet, alul a válaszmezőt. Az ott elhelyezett szöveg részben el van rejtve. Az Instagram nem tesz közzé biztonságos margókat a szervezett (organikus) sztorikhoz, de a Meta a sztorihirdetésekhez igen: hagyd szövegtől, logóktól és más kulcselemektől mentesen nagyjából a tetejének 14%-át, az aljának 35%-át és mindkét oldal 6%-át (Meta Ads Guide (új lapon nyílik meg), ellenőrizve: 2026. november).

Egy 1080 × 1920-as sztorin ez körülbelül 269 pixel felül, 672 pixel alul és 65 pixel mindkét oldalon, ami egy 65-től 1015 pixelig terjedő szélességű és 269-től 1248 pixelig terjedő magasságú biztonságos dobozt hagy. A hirdetéseknek a nagy alsó margó a cselekvésre ösztönző gombjuk miatt kell. Az organikus sztorikon kevesebb van a képernyőn, ezért a saját sztorisablonjaink lazább szabályt használnak: a fontos szöveg a tetejétől számított 250 és 1600 pixel között marad, ami az alsó 320 pixelt szabadon hagyja a válaszmezőnek.

• Organikus sztorikhoz: tartsd a címsort és a kulcsszöveget a tetejétől számított körülbelül 250 és 1600 pixel között, és legalább 65 pixelre az oldalaktól.
• Sztorihirdetésekhez: használd a Meta szigorúbb dobozát, a tetejétől 269-től 1248 pixelig.
• Bármelyik esetben: a háttérfotók és -színek kitölthetik az egész keretet; csak a szövegnek, logóknak és arcoknak kell bent maradniuk.

Szöveg, amelyet néhány másodperc alatt el lehet olvasni

A legtöbb sablonprobléma szövegprobléma. Három dolog dönti el, hogy egy sztorit elolvasnak-e vagy átugranak: mennyi benne a szöveg, mekkora, és mennyire válik el a háttértől.

Mennyi

Egy címsor és egy kiegészítő sor a legtöbb sztorihoz elég. Nagyjából úgy érdemes számolni, hogy sztoriként maradj 20 szó alatt; ha több kell, ossz el az üzenetet két-három sztori között, vagy vidd át egy bejegyzésbe. A részleteket, például az árakat, a dátumokat és a linkeket a képaláírásba, egy matricába vagy a következő diára tedd.

Mekkora

Egy 1080 pixel széles sztorit a telefon szélességére zsugorítanak. Egy körülbelül 390 pont széles telefonon minden a pixelmérete nagyjából harmadában jelenik meg. Az ebből a számításból adódó ökölszabályunk: a törzsszöveg legalább 44 pixel magas legyen a vásznon, ami a képernyőn körülbelül 16 pont, a szokásos alkalmazásszöveg mérete, a címsorok pedig 90 pixeles vagy nagyobbak. A nagyon vékony betűtípusoknak még nagyobbnak kell lenniük.

Mennyire érthető

A WCAG webes akadálymentességi szabvány legalább 4,5:1 kontrasztarányt kér a normál szövegnél és 3:1-et a nagy szövegnél (W3C (új lapon nyílik meg), ellenőrizve: 2026. november). Az Instagram nem követeli meg, de hasznos cél, mert a sztorikat szabad téren, alacsony fényerőn és gyengébb látású emberek is olvassák. A fotó fölötti szöveg önmagában ritkán éri el. Három megoldás működik jól:

• Tömör vagy félig átlátszó doboz a szöveg mögött, a palettádból vett színben.
• A fotó sötétebb vagy elmosott területe, ahol a szöveg van.
• Osztott elrendezés: a fotó a keret egyik részén, a szöveg sima színen a másikon.

Hagyj helyet az Instagram matricáinak

A kérdésdobozok, szavazások, visszaszámlálók, linkmatricák és megemlítések az Instagram alkalmazásban kerülnek hozzáadásra, miután feltöltötted a képet; egy bármelyik szerkesztőben, a miénkben is készült kép nem tartalmazhat működő matricát. A jó interaktív sablonban ezért van egy megtervezett üres terület, általában a középső harmadban, ahová a matrica kerül, fölötte pedig egy címsor, amely megmondja az embereknek, mit tegyenek: „Kérdezz bármit a kovászról”, „Melyiket készítsük el legközelebb?”

A sztorisablonjaink között vannak erre épülő dizájnok, például kérdés- és szavazáshátterek, egy visszaszámláló, egy bióban lévő linkes sztori és egy heti beosztás. Amikor a sajátodat tervezed, tegyél egy durva téglalapot oda, ahová a matrica kerül, amíg dolgozol, hogy semmi fontos ne kerüljön alá.

Egységes készlet, amely nem hat ismétlődőnek

Az egységesség néhány rögzített döntésből ered; a változatosság mindenből, ami más. Döntsd el egyszer a rögzített részeket, és írd le őket:

1. Két-három szín plusz egy semleges. Ennél több, és a készlet többé nem látszik készletnek.
2. Legfeljebb két betűtípus: egy a címsorokhoz, egy a törzsszöveghez. A sablonszerkesztőink 14 kész betűtípus-párosítást kínálnak, így nem kell magadnak kombinációkat tesztelned.
3. Az ismétlődő elemeknek egy pozíció. A logó, a név vagy a sorozat neve mindig ugyanabban a sarokban, ugyanakkora méretben.
4. Kevés elrendezés. Három-öt elrendezés, például idézet, tipp, bejelentés, kérdés és termék, a legtöbb hetet lefedi.

Ezen a kereten belül változtasd a fotót, a háttér fő színét és a szavakat. A követők felismerik a sorozatot, és mégis minden alkalommal valami újat látnak.

Terjeszd ki ugyanezt a rendszert a profilod többi részére. A posztsablonjaink körhinta-borítói, belső diái és utolsó diái megoszthatják a sztorijaid palettáját, a kiemelt borító készítővel ugyanazokban a színekben készített kiemelt borítók pedig a megőrzött sztorikat kötik a profilhoz. A kiemelt borítók tervezéséről szóló cikkünk megmutatja, hogyan tervezd meg ezt a készletet.

Ellenőrzőlista posztolás előtt

• Nyisd meg az exportált képet a telefonodon, teljes képernyőn, normál fényerőn, és olvasd el három másodpercnél rövidebb idő alatt.
• Semmi fontos a sztori felső 250 vagy alsó 320 pixelében, illetve a bejegyzés szélei közelében.
• A törzsszöveg legalább körülbelül 44 pixel magas, mögötte dobozzal vagy sötét területtel, ha fotón ül.
• Sztorinként egy üzenet; a részletek a képaláírásban, egy matricában vagy a következő diában.
• A helyesírást, a dátumokat, az árakat és a neveket kétszer ellenőrizd, mert egy már közzétett sztori nem szerkeszthető.
• Hírfolyam-bejegyzéseknél: írj alternatív szöveget. A képen belüli szöveget a képernyőolvasók nem olvassák fel, és az Instagram lehetővé teszi, hogy a fotó automatikus alternatív szövegét posztolás előtt vagy után lecseréld (Instagram Súgóközpont (új lapon nyílik meg), ellenőrizve: 2026. november).

Ha a használni kívánt fotónak rossz az alakja, illeszd a keretbe szegéllyel vagy elmosott háttérrel ahelyett, hogy levágnád a témát; a teljes fotó körbevágás nélküli posztolásáról szóló útmutatónk három módot mutat. Minden sztori- és bejegyzésdizájnunk egy helyen van a sablongalériában is.

Kérdések a sablontervezésről