
Dizajn
Rámiky, okraje, prekrytia a zaoblené rohy bez zastaraného vzhľadu
Tenké okraje, jemné presvetlenia a zaoblené rohy, ktoré pôsobia súčasne: jednoduché pravidlá pre hrúbku, nepriehľadnosť, režimy prelínania a jednotný štýl.
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.

Š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.
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átno | 1080 × 1920 (9:16), vyplní obrazovku telefónu | 1080 × 1350 (4:5) alebo 1080 × 1080 (1:1) |
| Ako dlho ho ľudia vidia | Pár sekúnd, potom sa spustí ďalší príbeh, ak divák nepodrží obrazovku | Kým divák neposunie ďalej alebo sa nezastaví |
| Čo ho prekrýva | Meno profilu a ukazovateľ priebehu hore, pole na odpoveď dole, nálepky, ktoré pridáte v aplikácii | Vo feede nič; v mriežke profilu orezaná miniatúra |
| Najlepšie použitie | Jedna krátka správa, otázka, odpočítavanie, odkaz | Nieč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.
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ď.

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.
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.
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.
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:
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é.
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:
V tomto rámci meňte fotku, hlavnú farbu pozadia a slová. Sledovatelia sériu spoznajú a zakaždým uvidia niečo nové.

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.
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.
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.
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.
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.
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.