Preskočiť na obsah

Ako navrhnúť šablóny príbehov a príspevkov, ktoré sa dajú čítať

Kde je text v príbehu v bezpečí, aký veľký a aký krátky má byť a ako vytvoriť sadu šablón, ktorá pôsobí jednotne, no nie jednotvárne.

Ruky dizajnéra rozkladajú vytlačené zvislé rozloženia v teplých terakotových a atramentovo čiernych tónoch na stole pokrytom papierom v jemnom dennom svetle.

Reklama

Prečo sa šablóna oplatí

Šablóna je rozloženie, ktoré navrhnete raz a vyplníte mnohokrát: rovnaké miesto pre nadpis, fotku a drobné písmo, zakaždým s novými slovami a obrázkami. Ušetrí vás od začínania s prázdnym plátnom každý týždeň a vaše príbehy a príspevky budú rozpoznateľné skôr, než si niekto prečíta meno hore.

Šablóna však pomôže, len ak je dobré samotné rozloženie. Krásny dizajn, ktorý dá nadpis pod pole na odpoveď Instagramu, alebo biely text na svetlú fotku, zopakuje túto chybu v každom príbehu, ktorý s ním vytvoríte. Tento článok je o tom, ako rozloženie urobiť správne: kde je text v bezpečí, aký veľký má byť, koľko ho použiť a ako udržať sadu jednotnú. Presné rozmery v pixeloch pre každý formát nájdete v našom návode na rozmery pre Instagram; tu ich len používame.

Šablóny príbehov a šablóny príspevkov robia inú prácu

Obe sú obrázky s textom, no ľudia ich vidia veľmi odlišne a rozloženie, ktoré funguje pri jednom, pri druhom často zlyhá.

Šablóna príbehuŠablóna príspevku
Plátno1080 × 1920 (9:16), vyplní obrazovku telefónu1080 × 1350 (4:5) alebo 1080 × 1080 (1:1)
Ako dlho ho ľudia vidiaPár sekúnd, potom sa spustí ďalší príbeh, ak divák nepodrží obrazovkuKým divák neposunie ďalej alebo sa nezastaví
Čo ho prekrývaMeno profilu a ukazovateľ priebehu hore, pole na odpoveď dole, nálepky, ktoré pridáte v aplikáciiVo feede nič; v mriežke profilu orezaná miniatúra
Najlepšie použitieJedna krátka správa, otázka, odpočítavanie, odkazNiečo, čo stojí za uloženie: tipy, citáty, oznámenia, obaly karuselov

Šablóna príbehu má byť preto výrazná a stručná, so správou v strede obrazovky. Šablóna príspevku unesie o niečo viac, no musí prežiť zmenšenie na malý štvorček v mriežke profilu, čomu sa venuje náš článok o plánovaní mriežky, ktorá sa dobre oreže.

Bezpečné zóny v príbehu 1080 × 1920

Instagram cez každý príbeh kreslí vlastné rozhranie: ukazovateľ priebehu, vašu profilovú fotku a meno hore a pole na odpoveď dole. Text umiestnený tam je čiastočne skrytý. Instagram bezpečné okraje pre organické príbehy nezverejňuje, Meta ich však uvádza pre reklamy v príbehoch: nechajte približne 14 % hore, 35 % dole a 6 % na každej strane bez textu, log a ďalších kľúčových prvkov (Meta Ads Guide (otvorí sa na novej karte), overené v novembri 2026).

Pri príbehu 1080 × 1920 to vychádza asi na 269 pixelov hore, 672 pixelov dole a 65 pixelov na každej strane, čo ponecháva bezpečnú plochu od 65 do 1 015 pixelov na šírku a od 269 do 1 248 pixelov na výšku. Reklamy potrebujú veľký spodný okraj kvôli tlačidlu s výzvou na akciu. Organické príbehy majú na obrazovke menej prvkov, preto naše vlastné šablóny príbehov používajú voľnejšie pravidlo: dôležitý text zostáva medzi 250 a 1 600 pixelmi od horného okraja, takže spodných 320 pixelov zostane voľných pre pole na odpoveď.

  • Pri organických príbehoch: nadpis a kľúčový text držte približne medzi 250 a 1 600 pixelmi od horného okraja a aspoň 65 pixelov od bočných okrajov.
  • Pri reklamách v príbehoch: použite prísnejšiu plochu Meta, od 269 do 1 248 pixelov od horného okraja.
  • V oboch prípadoch: fotky a farby pozadia môžu vyplniť celú snímku; vnútri musia zostať len texty, logá a tváre.
Ruky rozmiestňujú papierové tvary na vysokom zvislom hárku a nechávajú prázdne pásy na hornom a dolnom okraji strany.
Ruky rozmiestňujú papierové tvary na vysokom zvislom hárku a nechávajú prázdne pásy na hornom a dolnom okraji strany.

Reklama

Text, ktorý sa dá prečítať za pár sekúnd

Väčšina problémov so šablónami sú problémy s textom. O tom, či si ľudia príbeh prečítajú, alebo ho preskočia, rozhodujú tri veci: koľko textu je, aký je veľký a ako dobre sa odlišuje od pozadia.

Koľko

Pri väčšine príbehov stačí jeden nadpis a jeden doplňujúci riadok. Podľa skúsenosti zostaňte pod približne 20 slovami na príbeh; ak potrebujete viac, rozdeľte správu do dvoch či troch príbehov alebo ju presuňte do príspevku. Podrobnosti ako ceny, dátumy a odkazy dajte do popisu, nálepky alebo na ďalšiu snímku.

Aký veľký

Príbeh so šírkou 1080 pixelov sa zmenší na šírku telefónu. Na telefóne so šírkou asi 390 bodov sa všetko zobrazí zhruba na tretine svojej veľkosti v pixeloch. Naše orientačné pravidlo z tohto výpočtu: text tela aspoň 44 pixelov vysoký na plátne, čo na obrazovke vychádza asi na 16 bodov, teda veľkosť bežného textu v aplikáciách, a nadpisy 90 pixelov a viac. Veľmi tenké písma musia byť ešte väčšie.

Aký zreteľný

Webový štandard prístupnosti WCAG požaduje kontrastný pomer aspoň 4,5:1 pre bežný text a 3:1 pre veľký text (W3C (otvorí sa na novej karte), overené v novembri 2026). Instagram to nevyžaduje, no je to užitočný cieľ, pretože príbehy sa čítajú vonku, pri nízkom jase a aj ľuďmi so slabším zrakom. Text na fotke ho sám od seba dosiahne len zriedka. Dobre fungujú tri riešenia:

  • Plný alebo polopriehľadný rámček za textom, vo farbe z vašej palety.
  • Tmavšia alebo rozmazaná časť fotky, kde je text.
  • Rozdelené rozloženie: fotka v jednej časti snímky, text na jednofarebnom pozadí v druhej.

Nechajte miesto pre nálepky Instagramu

Okná s otázkami, ankety, odpočítavania, nálepky s odkazom a označenia sa pridávajú v aplikácii Instagram až po nahratí obrázka; obrázok vytvorený v akomkoľvek editore, vrátane nášho, nemôže obsahovať funkčnú nálepku. Dobrá interaktívna šablóna má preto naplánovanú prázdnu plochu, zvyčajne v strednej tretine, kam príde nálepka, a nad ňou nadpis, ktorý ľuďom povie, čo majú urobiť: „Pýtajte sa ma na čokoľvek o kvásku“, „Ktorý máme upiecť nabudúce?“

Naše šablóny príbehov obsahujú dizajny postavené práve na tom, napríklad pozadia pre otázky a ankety, odpočítavanie, príbeh s odkazom v bio a týždenný rozvrh. Keď navrhujete vlastný, počas práce si tam, kde bude nálepka, umiestnite hrubý obdĺžnik, aby pod ňou neskončilo nič dôležité.

Reklama

Jednotná sada, ktorá nepôsobí jednotvárne

Jednotnosť vzniká z niekoľkých pevných rozhodnutí; rozmanitosť zo všetkého ostatného. Pevné časti si určte raz a zapíšte si ich:

  1. Dve či tri farby plus jedna neutrálna. Pri viacerých sada prestane pôsobiť ako sada.
  2. Najviac dve písma: jedno na nadpisy, jedno na text tela. Naše editory šablón ponúkajú 14 hotových dvojíc písiem, takže kombinácie nemusíte skúšať sami.
  3. Jedno miesto pre opakujúce sa prvky. Logo, používateľské meno alebo názov série vždy v rovnakom rohu a v rovnakej veľkosti.
  4. Malý počet rozložení. Tri až päť rozložení, napríklad citát, tip, oznámenie, otázka a produkt, pokryje väčšinu týždňov.

V tomto rámci meňte fotku, hlavnú farbu pozadia a slová. Sledovatelia sériu spoznajú a zakaždým uvidia niečo nové.

Päť vytlačených zvislých rozložení v zladených terakotových a atramentovo čiernych farbách pripnutých v rade na stene ateliéru.
Päť vytlačených zvislých rozložení v zladených terakotových a atramentovo čiernych farbách pripnutých v rade na stene ateliéru.

Rovnaký systém rozšírte na zvyšok profilu. Obaly karuselov, vnútorné a posledné snímky z našich šablón príspevkov môžu zdieľať paletu vašich príbehov a obaly vytvorené v tvorbe obalov zvýraznených príbehov v rovnakých farbách prepoja príbehy, ktoré si ponecháte, s profilom. Ako takú sadu naplánovať, ukazuje náš článok o dizajne obalov zvýraznených príbehov.

Kontrolný zoznam pred zverejnením

  • Otvorte exportovaný obrázok v telefóne na celú obrazovku pri bežnom jase a prečítajte ho za menej ako tri sekundy.
  • Nič dôležité v horných 250 ani v spodných 320 pixeloch príbehu ani pri okrajoch príspevku.
  • Text tela vysoký aspoň približne 44 pixelov, s rámčekom alebo tmavou plochou za ním, keď je na fotke.
  • Jedna správa na príbeh; podrobnosti do popisu, nálepky alebo na ďalšiu snímku.
  • Pravopis, dátumy, ceny a používateľské mená skontrolované dvakrát, pretože zverejnený príbeh sa nedá upraviť.
  • Pri príspevkoch vo feede: napíšte alternatívny text. Čítačky obrazovky text v obrázku neprečítajú a Instagram vám umožňuje nahradiť automatický alternatívny text fotky pred zverejnením aj po ňom (Centrum pomoci Instagramu (otvorí sa na novej karte), overené v novembri 2026).

Ak má fotka, ktorú chcete použiť, nesprávny tvar, vložte ju do snímky s okrajom alebo rozmazaným pozadím, namiesto toho aby ste orezali objekt; náš návod, ako uverejniť celú fotku bez orezania, ukazuje tri spôsoby. Všetky naše dizajny príbehov a príspevkov nájdete aj na jednom mieste v galérii šablón.

Ruky na stole vkladajú farebné papierové bloky do vysokého zvislého rámu a kúsok po kúsku skladajú rozloženie.

Otázky o dizajne šablón

Môžem použiť rovnaký dizajn na príbeh aj príspevok?

Použite rovnaké farby a písma, ale nie rovnaké rozloženie. Príbeh má pomer 9:16 a prekrýva ho rozhranie hore aj dole; príspevok má 4:5 alebo 1:1 a v mriežke sa oreže. Urobte od každého jednu verziu.

Mám šablóny príbehov exportovať ako PNG alebo JPG?

PNG zachová okraje textu a jednoliate farby ostré, preto je lepšou voľbou pri dizajnoch s množstvom textu. JPG dáva menšie súbory pri dizajnoch, kde prevládajú fotky. Instagram každé nahratie tak či tak skomprimuje.

Koľko textu sa zmestí do príbehu?

Podľa skúsenosti jeden nadpis a jeden krátky riadok, spolu asi 20 slov. Ak potrebujete viac, rozdeľte ho do niekoľkých príbehov alebo ho dajte do príspevku.

Môže šablóna obsahovať anketu alebo nálepku s odkazom?

Nie. Interaktívne nálepky sa pridávajú v aplikácii Instagram po nahratí obrázka. Navrhnite pre ne prázdne miesto a pridajte ich pred zdieľaním.

Reklama

Nástroje z tohto článku

Súvisiace články