Рабочий пакет скролл‑анимаций для лендинга и разработчиков
Промпт превращает идею scroll-triggered анимаций в набор артефактов для маркетинга и фронтенда: storyboard, trigger spec, responsive‑поведение, accessibility, KPI, ассеты и требования к реализации.
Подготовь рабочий пакет скролл-анимаций для лендинга [ПРОЕКТ]. Используй: - макет лендинга или набор экранов; - [СИСТЕМА_ДИЗАЙНА]; - [ЦВЕТА_БРЕНДА]; - [ПЕРСОНЫ]; - [ЦЕЛЕВЫЕ_УСТРОЙСТВА]; - [ТРЕБОВАНИЯ_ДОСТУПНОСТИ]; - при наличии аналитические данные по scroll depth и CTA. Если чего-то не хватает, кратко перечисли допущения в начале. Не задавай вопросов. Формат ответа: - общая вводная на 1–2 предложения; - затем нумерованный список из 3–5 анимаций. Для каждой анимации укажи строго: 1. Название и целевую секцию с селектором, фреймом или скриншотом. 2. Цель и KPI. 3. Сообщение или функцию, которую нужно выделить. 4. Раскадровку минимум из 3 кадров с визуальным описанием и размерами или позициями. 5. Техническую спецификацию: тип анимации, ось, easing, duration, delay, trigger, iteration и scrubbing behavior. 6. Responsive-поведение для mobile, tablet и desktop. 7. Accessibility и fallback: reduced motion, влияние на чтение, keyboard focus и доступность без анимации. 8. Assets и разработку: какие материалы нужны, чем их реализовать и как именовать. После списка анимаций добавь: - краткую сводку общих ограничений по производительности; - один самый рискованный допуск и план его проверки; - один сценарий, где анимации могут ухудшить UX, и меру смягчения. Ограничения: - Указывай конкретные числа в ms, px, процентах и thresholds. - Не предлагай больше 5 анимаций. - Пиши так, чтобы материал можно было сразу передать фронтенду и маркетингу. - Не добавляй исходный код, только спецификации и краткие примеры реализации.
ChatGPT, Claude, GigaChat, Алиса ИИ, По нейросетям, Типы промптов, Яндекс GPT