▤ UI-дизайн

Готовый промпт

Создание UI-макета и дизайна функции в продукте или лендинг-страницы

Простой способ сгенерировать UI-макет с ключевыми блоками и понятным интерфейсом для вашей функции.

Текст промпта

Задача: Сгенерировать UI-макет для функции «[Название функции]». Основной элемент интерфейса: [Тип основного элемента, например: боковая панель (sidebar), всплывающее окно (modal window), полноэкранный интерфейс]. Контекст появления: [Где и когда появляется интерфейс, например: Появляется автоматически на странице товара в интернет-магазине]. Ключевые блоки и элементы: Верхний блок: [Описание главного элемента, например: Карточка «Лучшее предложение»]. Должна содержать: [элемент 1], [элемент 2], [элемент 3, например: финальная цена (крупно), название магазина, кнопка «Перейти»]. Средний блок: [Описание второго элемента, например: Компактная сравнительная таблица]. Колонки: [колонка 1], [колонка 2, например: Магазин, Цена, Доставка]. Нижний блок: [Описание третьего элемента, например: Краткая выжимка из отзывов]. Должен содержать: [элемент 1], [элемент 2, например: 2-3 главных плюса, 2-3 главных минуса]. Дополнительное состояние для визуализации: [Опишите альтернативный сценарий, например: Показать состояние, когда пользователь уже нашел лучшую цену. Отобразить иконку с галочкой и текст «Это лучшее предложение!»]. Стиль: [Опишите желаемый стиль, например: Чистый, современный, минималистичный, в стилистике Яндекс]. ## Проверка результата Проверь читаемость, контраст, состояния элементов и мобильный вариант. Не заменяй задачу пользователя декоративными эффектами. Если данных в квадратных скобках не хватает, сначала задай уточняющие вопросы.

Как использовать этот промпт

Замените значения в квадратных скобках на свои данные и добавьте контекст задачи.