Skip to main content
Вам не потрібно знати різницю між гарнітурою та шрифтом, розумітися на системах сіток чи коли-небудь відкривати інструменти дизайну. Flowstep автоматично обробляє макет, типографіку, колір, відступи та візуальну ієрархію — ваше завдання просто описати, що вам потрібно.

​
Як це працює без навичок дизайну

Коли ви вводите промпт, Flowstep інтерпретує ваш опис і приймає всі візуальні рішення, які зазвичай приймав би дизайнер: як розташувати елементи на екрані, які шрифти використовувати, скільки пустого простору додати та як створити візуальну ієрархію, яка спрямовує погляд. Ви описуєте мету та вміст; Flowstep видає екран, який виглядає так, ніби його спроектував професіонал.
Уявіть собі введення промпту в Flowstep так само, як ви брифували б дизайнера. Ви б не розповідали дизайнеру, який розмір шрифту використовувати — ви б розповіли йому, для чого потрібен екран і що він повинен повідомити. Flowstep працює так само.

​
Поради щодо написання хороших промптів

Зосередьтеся на трьох речах: на призначенні екрану, на ключовій інформації, яку він повинен показувати, та на типі продукту або аудиторії. Почніть з призначення екрану Почніть з того, що повинен робити екран. «Екран реєстрації для додатку планування їжі» розповідає Flowstep набагато більше, ніж список елементів інтерфейсу користувача. Згадайте ключовий вміст або дії Включіть найважливіші речі, які користувач повинен бачити або робити. Вам не потрібно перераховувати все — просто елементи, які найбільше важать для користувацького досвіду. Посилайтеся на тип продукту або аудиторію, якщо це допоможе Згадування типу продукту (наприклад, мобільний додаток для споживачів, панель керування B2B, оформлення замовлення електронної комерції) допомагає Flowstep відповідати правильному візуальному тону та конвенціям.
Якщо ваш перший результат не зовсім правильний, не починайте спочатку — просто введіть подальший промпт. Сказати «зробіть макет більш мінімальним» або «використовуйте темнішу колірну схему» достатньо, щоб спрямувати дизайн у новому напрямку.

​
Приклади промптів для спробування

Ось кілька промптів, які добре працюють, написаних простою англійською мовою без дизайнерської термінології: Потік входу для додатку фітнесу
«Перший екран потоку входу для додатку відстеження фітнесу. Він повинен привітати користувача, коротко пояснити, що робить додаток, і мати кнопку для початку роботи.»
Сторінка параметрів для продукту SaaS
«Сторінка параметрів для інструменту управління проектами B2B. Включіть розділи для профілю, сповіщень, виставлення рахунків та підключених облікових записів. Використовуйте чистий, професійний вигляд.»
Мобільний екран оформлення замовлення
«Екран оформлення замовлення для мобільного додатку покупок. Показати резюме замовлення, поле для промо-коду та видну кнопку для завершення покупки.»
Ці промпти працюють не тому, що вони використовують мову дизайну, а тому, що вони чітко описують призначення, вміст та контекст екрану. Це все, що вам потрібно.