Tvorba screenshotů pro Apple App Store bývá často nejotravnější a časově nejnáročnější částí vydání aplikace.
Musíte řešit 6,5” displej, úplně nový 6,9” displej, různé velikosti iPadů… a pokud chcete jít globálně, musíte to celé ještě vynásobit každým jazykem, který podporujete. Je to noční můra.
V tomto průvodci se podělím o automatizovaný workflow, díky kterému „zmechanizujete“ tvorbu screenshotů a zároveň zvýšíte konverze z App Store Optimization (ASO).
Proč jsou screenshoty důležitější, než si myslíte
Podle Applu 70 % návštěvníků App Storu objevuje aplikace přes vyhledávání. Jakmile kliknou na vaši stránku, vaše screenshoty jsou první věc, kterou uvidí.
Dnes už „jen jeden jednoduchý screenshot“ nestačí. Špičkové aplikace obvykle používají:
- Rámečky zařízení (Device Frames): UI pak působí uhlazeněji a profesionálněji.
- Textové titulky (Captions): aby uživatel na první pohled pochopil hodnotu.
- Lokalizaci (Localization): komunikaci v jazyce uživatele (doslova).
Problém: Figma únava (The Figma Fatigue)
Obvykle si vývojář nebo designér vytvoří jeden obrovský soubor ve Figmě. Pro jeden jazyk to jde, ale když potřebujete zároveň podporovat angličtinu, španělštinu, čínštinu a arabštinu:
- Budete kopírovat a vkládat text 50×.
- Délka textu se mění (němčina je obzvlášť dlouhá!), což rozbije rozvržení.
- Ruční export 40 obrázků zabere hodiny.
Řešení: automatické generování screenshotů
Vytvořil jsem nástroj přímo na tento problém: Generátor screenshotů LaunchCheck (odkazuje na váš nástroj). Je pro vývojáře, kteří chtějí profesionální výsledek, ale nechtějí, aby je brzdil designový proces.
Klíčové funkce
- Automatické přizpůsobení velikostí: stačí nahrát jednu fotku/obrázek pozadí a nástroj automaticky vygeneruje všechny velikosti požadované pro App Store (iPhone 6,5”, 6,9” atd.).
- Hromadný export pro více jazyků: to je nejdůležitější funkce. Můžete přepínat mezi jazyky, zadat texty pro každý jazyk a jedním kliknutím vyexportovat všechny jazykové verze.
- Náhled v reálném čase: v nejnovějších rámečcích iPhone 16 / Pro okamžitě vidíte, jak bude text vypadat.
- Vodítka bezpečné oblasti: nástroj ukazuje „bezpečnou oblast“ (přerušované čáry), aby text nezakrýval výřez (notch) nebo spodní indikátor Home.
(Zde použijte screenshot, který jste mi ukázali)
Postup krok za krokem
Takhle během 5 minut vygenerujete všechny materiály:
Krok 1: vyberte šablonu
Otevřete nástroj generátoru. Vyberte základní velikost zařízení (např. iPhone 6,9”).
Krok 2: nahrajte podklady
- Pozadí: nahrajte čisté abstraktní pozadí nebo jednobarevné pozadí.
- Screenshot: nahrajte původní screenshot ze simulátoru. Nástroj ho automaticky vloží do rámečku zařízení.
Krok 3: spravujte jazyky
Klikněte na tlačítko „Manage“ vedle „Media languages“. Vyberte jazyky, které chcete podporovat (např. angličtinu, čínštinu, japonštinu).
Profesionální tip: nepřekládejte jen slova—lokalizujte „význam“. Ujistěte se, že v každém jazyce uživatel hned pochopí hlavní přínos.
Krok 4: vyplňte texty
Zadejte nadpis a podnadpis a sledujte, jak nástroj řeší zarovnání a zalomení řádků. Pokud cílíte na arabštinu nebo hebrejštinu, nástroj automaticky podporuje rozvržení RTL (zprava doleva).
Krok 5: exportujte
Klikněte na tlačítko stažení a dostanete ZIP soubor, který obsahuje obrázky roztříděné podle jazyka a dokonale přizpůsobené velikostem—stačí je přetáhnout do App Store Connect a nahrát.
Závěr
Nenechte tvorbu materiálů brzdit vaše vydání. Jakmile automatizujete workflow screenshotů, můžete věnovat čas vylepšování produktu, ne neustálému ladění obdélníků a velikostí písma.