Skip to main content
Nemusíte znát rozdíl mezi typem a fontem, rozumět systémům mřížky ani mít zkušenosti s nástrojem pro design. Flowstep automaticky řeší rozvržení, typografii, barvy, mezery a vizuální hierarchii — vaše úloha je jednoduše popsat, co chcete.

​
Jak to funguje bez designerských dovedností

Když napíšete prompt, Flowstep interpretuje váš popis a provádí všechna vizuální rozhodnutí, která by normálně dělal designér: jak uspořádat prvky na obrazovce, které fonty použít, kolik volného místa přidat a jak vytvořit vizuální hierarchii, která vede oko. Vy popíšete účel a obsah; Flowstep vytvoří obrazovku, která vypadá, jako by ji navrhl profesionál.
Prompty pro Flowstep formulujte stejně, jak byste zadali instrukce designérovi. Neřekli byste designérovi, jakou velikost písma má použít — řekli byste mu, k čemu je obrazovka určena a co potřebuje komunikovat. Flowstep funguje stejně.

​
Tipy pro psaní dobrých promptů

Zaměřte se na tři věci: účel obrazovky, klíčové informace, které by měla zobrazovat, a typ produktu nebo cílové skupiny. Začněte s účelem obrazovky Začněte tím, k čemu je obrazovka určena. “Sign-up screen for a meal planning app” říká Flowstepu mnohem více než seznam prvků uživatelského rozhraní. Zmíňte klíčový obsah nebo akce Zahrňte nejdůležitější věci, které by měl uživatel vidět nebo dělat. Nemusíte uvádět vše — jen prvky, které jsou pro uživatelský zážitek nejdůležitější. Odkažte na typ produktu nebo cílovou skupinu, pokud to pomůže Zmínka o druhu produktu (např. spotřebitelská mobilní aplikace, B2B dashboard, e-commerce nákup) pomůže Flowstepu přizpůsobit správný vizuální tón a konvence.
Pokud vám první výsledek není zcela správný, nezačínejte od začátku — jen zadejte další prompt. Stačí říci “make the layout more minimal” nebo “use a darker color scheme”, aby se design posunul novým směrem.

​
Příklady promptů k vyzkoušení

Zde je několik promptů, které dobře fungují, napsaných v jednoduchém angličtině bez designerské terminologie: Onboarding tok pro aplikaci sledování fitness
“First screen of an onboarding flow for a fitness tracking app. It should welcome the user, briefly explain what the app does, and have a button to get started.”
Stránka nastavení pro SaaS produkt
“Settings page for a B2B project management tool. Include sections for profile, notifications, billing, and connected accounts. Use a clean, professional look.”
Obrazovka placení mobilní aplikace
“Checkout screen for a mobile shopping app. Show an order summary, a field for a promo code, and a prominent button to complete the purchase.”
Tyto prompty fungují ne proto, že používají designerský jazyk, ale proto, že jasně popisují účel obrazovky, obsah a kontext. To je vše, co potřebujete.