Ugrás a fő tartalomhoz
Nem kell tudnod a betűtípus és a font közötti különbségtől, nem szükséges megértened a rácsos rendszereket, és nem kell valaha is megnyitnod egy tervezési eszközt. A Flowstep automatikusan kezeli az elrendezést, a tipográfiát, a színeket, a szóközöket és a vizuális hierarchiát — a te feladatod csupán annak leírása, amit szeretnél.

​
Hogyan működik tervezési ismeretek nélkül

Amikor begépelsz egy promptot, a Flowstep értelmezi a leírásodat, és meghozza az összes vizuális döntést, amelyet egy tervező normálisan meghozna: hogyan rendezd el az elemeket a képernyőn, mely betűtípusokat használj, mennyi üres helyet adj hozzá, és hogyan alakítsd ki azt a vizuális hierarchiát, amely irányítja a tekintet. Te leírod a célt és a tartalmat; a Flowstep egy olyan képernyőt hoz létre, amelyről úgy tűnik, hogy egy professzionális tervező tervezte meg.
A Flowsteptel való interakciót gondold el úgy, mintha egy tervezőt utasítanál. Nem mondanál egy tervezőnek, hogy mekkora betűméretet használjon — azt mondanád neki, mire való a képernyő, és mit kell kommunikálnia. A Flowstep ugyanígy működik.

​
Tippek jó promptok írásához

Három dologra összpontosíts: a képernyő céljára, a fő információra, amelyet meg kell jelenítenie, és a termék vagy a közönség típusára. Kezdj a képernyő céljával Azzal kezdj, amit a képernyőnek tennie kell. „Regisztrációs képernyő egy étervezési alkalmazáshoz” sokkal többet mond a Flowstepnek, mint az UI elemek listája. Említsd meg a kulcsfontosságú tartalmat vagy műveleteket Vegyél fel a legfontosabb dolgokat, amelyeket egy felhasználónak meg kell látnia vagy tennie. Nem kell felsorolnod mindent – csak azokat az elemeket, amelyek a legfontosabbak a felhasználói élmény szempontjából. Hivatkozz egy termék típusára vagy közönségre, ha ez segít A termék típusának megemlítése (pl. fogyasztói mobilalkalmazás, B2B irányítópult, e-kereskedelmi pénztár) segít a Flowstepnek a megfelelő vizuális hangnem és konvenciók kiválasztásában.
Ha az első eredményed nem teljesen megfelelő, ne kezdj elölről – csak gépelj be egy követő promptot. Annyit mondani, hogy „tedd meg az elrendezést minimálisabbá” vagy „használj sötétebb színsémát” elég ahhoz, hogy az összeállítást új irányba irányítsd.

​
Próbáld ki ezeket a promptokat

Néhány olyan prompt, amely jól működik, egyszerű magyar nyelvvel írva, tervezési terminológia nélkül: Bevezetési folyamat egy fitneszalkalmazáshoz
“Egy fitneszkövetési alkalmazás bevezetési folyamatának első képernyője. Üdvözölje a felhasználót, röviden magyarázza meg, mit csinál az alkalmazás, és legyen egy gomb az induláshoz.”
SaaS termék beállítási oldala
“B2B projektkezelő eszköz beállítási oldala. Tartalmazzon részeket a profilhoz, értesítésekhez, számlázáshoz és csatlakoztatott fiókokhoz. Használj tiszta, professzionális megjelenést.”
Mobil pénztárképernyő
“Mobil bevásárlóalkalmazás pénztárképernyője. Mutasd meg a megrendelés összefoglalóját, egy mezőt a promó kódhoz, és egy kiemelkedő gombot a vásárlás befejezéséhez.”
Ezek a promptok nem azért működnek, mert tervezési nyelvet használnak, hanem azért, mert egyértelműen leírják a képernyő céljét, tartalmát és kontextusát. Ez az, amire szükséged van.