Главная / Дизайн и изображения / Чистый и современный дизайн мобильного приложения

Чистый и современный дизайн мобильного приложения

Описание промпта

Составной промпт для генерации дизайна мобильного приложения в едином стиле с разными экранами.

Инструкция по использованию промпта

1. Есть базовый промпт, который задает общий стиль для всего UI приложения. Сперва копируете его и изменяете то, что в квадратных скобках. Промпт в диалоговом окне оберните в [ui-app-base] [/ui-app-base]
2. Затем в этом же диалоговом окне, вы продолжаете генерировать остальные экраны. Вставляете другие экраны и меняете только параметры, не трогайте "используй базу: [ui-app-base]" чтобы не сломать базовые стили экранов.

Промпт открыт для всех. Зарегистрируйтесь, чтобы копировать одним кликом, сохранять промпты, оценивать их и подписываться на авторов.

Составной промпт

Один базовый блок и несколько экранов внутри общей системы. Для каждого экрана можно скопировать отдельный итоговый prompt.

Базовый промпт Войти для копирования

Создай UI-дизайн мобильного приложения в современном минималистичном стиле.

Общие параметры:
- тип приложения: [еда / косметика / путешествия / маркетплейс / SaaS]
- язык интерфейса: русский
- валюта: рубли (₽)
- стиль: современный, clean UI, premium
- платформа: iOS стиль

Визуальный стиль:
- мягкие тени (soft shadows)
- скругления (border radius 16–24px)
- светлый фон: [цвет фона]
- акцентный цвет: [основной цвет интерфейса]
- вторичный цвет: [дополнительный цвет]
- типографика: современный sans-serif

UI элементы:
- кнопки с мягкими градиентами или solid цветом
- карточки с тенью
- аккуратные иконки
- нижняя навигация (tab bar)

Композиция:
- вертикальный экран
- аккуратные отступы
- визуальный баланс
- реалистичный UI как в App Store

Качество:
- ultra detailed UI
- clean layout
- pixel perfect

Экраны

4 экрана

ЭКРАН 1 — ГЛАВНЫЙ / ОНБОРДИНГ

Экран 1

Открыть

Войти для копирования

Промпт экрана

Создай главный экран мобильного приложения.

Контекст:
используй базу: [ui-app-base]

Содержимое:
- приветствие: "Привет, [имя]"
- заголовок: [что пользователь хочет сделать, например "Что будем заказывать?"]
- большой hero-блок с изображением: [объект: еда / продукт / место]
- кнопка CTA: [текст кнопки, например "Заказать"]

Дополнительно:
- блок "Популярные категории"
- иконки категорий
- нижняя навигация

Требования:
- текст на русском
- UI должен выглядеть как реальное приложение
- акцент на первом действии пользователя

ЭКРАН 2 — КАТАЛОГ / СПИСОК

Экран 2

Открыть

Войти для копирования

Промпт экрана

Создай экран каталога товаров или услуг.

Контекст:
используй базу: [ui-app-base]

Содержимое:
- поле поиска: "Поиск"
- фильтры или категории
- блок "Популярное"
- список карточек

Карточка:
- изображение
- название
- рейтинг
- цена в ₽
- время/характеристика (например доставка)

Дополнительно:
- бейджи (скидка, акция)
- аккуратная сетка карточек

Требования:
- чистый UI
- читаемость
- акцент на выборе

ЭКРАН 3 — КАРТОЧКА ТОВАРА

Экран 3

Открыть

Войти для копирования

Промпт экрана

Создай экран карточки товара или услуги.

Контекст:
используй базу: [ui-app-base]

Содержимое:
- крупное изображение товара
- название: [название]
- рейтинг
- цена в ₽

Описание:
- краткие характеристики
- список преимуществ

Опции:
- выбор дополнительных параметров
- кнопки +/-

CTA:
- кнопка "Добавить в корзину"

Требования:
- акцент на покупке
- визуальная иерархия
- понятные действия

ЭКРАН 4 — КОРЗИНА / ОФОРМЛЕНИЕ

Экран 4

Открыть

Войти для копирования

Промпт экрана

Создай экран корзины и оформления заказа.

Контекст:
используй базу: [ui-app-base]

Содержимое:
- список товаров:
  - название
  - цена
  - количество (+/-)
- поле "Промокод"

Сводка:
- сумма
- доставка
- итог (₽)

CTA:
- кнопка "Оформить заказ"

Дополнительно:
- блок избранного или рекомендаций

Требования:
- четкая структура
- понятные цифры
- удобство оформления

Чистый и современный дизайн мобильного приложения

Экраны

Поделитесь в социальных сетях

Комментарии