Йоичи Очиай использовал AI-дизайн не для того, чтобы «сделать красиво».
7 принципов и практических промптов для новичков, которые помогут выйти на профессиональный уровень.
Когда вы просите AI создать дизайн, результат часто выглядит любительским.
Вы просите «роскошный, футуристичный и крутой», а получаете типичную CGI-картинку, которую уже видели. Светящиеся частицы на чёрном фоне, бессмысленные градиенты. Вроде бы похоже, но явно не профессионально.
Изучив AI-дизайн Йоичи Очиай, я понял, в чём заключается это «что-то».
Скажу сразу главное. Суть подхода Очиай к использованию AI — не в том, чтобы сгенерировать «красивый готовый продукт» за один раз. Всё наоборот: она заключается в дизайне, который за короткое время проходит пять этапов.
Вербализация смутных идей → Структурирование концепций → Массовое прототипирование в разных форматах → Выбор человеком «дискомфорта» → Реализация и проверка в реальной среде или пространстве.
Именно эта скорость ротации отличает профессионалов от любителей. Те, кто стремится к совершенству с первой попытки, навсегда останутся любителями. Те, кто вращает и отбирает, приближаются к профессиональному уровню.
И решающий фактор, который позволит новичкам сократить разрыв с профи, — не вводить слова вроде «роскошный», «футуристичный» или «стильный». Вместо этого передавайте конкретные дизайн-переменные. Чьё восприятие и как вы меняете? Какой объект является главным? Какие элементы вы противопоставляете? В каком порядке должен двигаться взгляд? В какой среде это будет восприниматься? Сколько неожиданности от AI вы оставите?
В этой статье я разберу это мышление на 7 принципов и приведу практические промпты (для Slides, сайтов, лендингов и генерации изображений), которые можно скопировать и вставить.
Поясню: эти промпты — не копия личных промптов г-на Очиай. Это методологии, извлечённые из его публичных текстов, работ, примеров промптов и философии дизайна на GitHub, реконструированные для разных целей. Я не знаю, что именно он печатает по ту сторону экрана. Я вижу лишь «структуру производства», которая читается в его публичных работах и высказываниях.
Давайте начнём.
Что часто делают новички vs. Путь к профессионалу
Сначала разберёмся, в чём суть неудач.
Когда новички просят AI создать дизайн, почти все говорят: «Сделай роскошный, футуристичный и крутой дизайн».
Почему это плохо, понятно: AI произвольно додумывает значение слова «роскошный». Роскошь может означать тишину минимализма или пышный декор. У вас в голове есть конкретный образ, но AI, получая лишь эти слова, не понимает его. Поэтому он выдаёт безопасный, усреднённый результат.
Г-н Очиай описывает генерацию изображений как «проблему языка и логистики». Речь о том, насколько точно вы можете вербализовать расположение объектов и условия съёмки, а не использовать сенсорные прилагательные. Он рассматривает это как проблему вербализации, а не чувства.
Путь к профессиональному уровню выглядит так: сначала выбросьте смутную идею наружу. Структурируйте её, превратите в конкретные дизайн-переменные. Создайте несколько прототипов в разных направлениях. Человек выбирает «дискомфорт», который кажется правильным. Затем проверьте это в реальной среде, где будет использоваться. В этой статье каждый этап разобран так, чтобы даже новичок мог его выполнить.
Принцип 1: Инструктируйте с помощью «объектов», а не «прилагательных»
Это основа.
Инструкции новичков состоят из прилагательных: «роскошный, футуристичный, крутой». Метод Очиай заменяет их объектами и их взаимосвязями.
Например:
Поместите единственный объект с зеркальной поверхностью в центр чёрного пространства.
Поверхность объекта несовершенно отражает окружающий свет и фигуру наблюдателя.
Оставьте фон без украшений, чтобы главным героем стало напряжение между объектом и пустотой.
Взгляд наблюдателя движется в порядке: отражённый свет → контур объекта → центральный текст.
Слово «крутой» не содержит ни одной из этих деталей. Метод Очиай раскладывает это на следующие элементы: главный объект. Окружающие объекты. Позиционные отношения. Состояние. Текстура поверхности. Взаимодействие со светом. Взаимодействие с наблюдателем. Изменение во времени. И элементы, которые запрещены.
Это разложение можно применить к элементам слайдов и дизайну компонентов веб-сайта. Вместо «сделай круто» спросите: «Что является главным героем, что расположено вокруг, как движется взгляд, что запрещено?» Простое заполнение этих пунктов резко повысит точность результата.
Принцип 2: Используйте «язык фотографа» для генерации изображений
В промптах Midjourney, которые г-н Очиай публиковал, прописаны конкретные условия съёмки: Leica M11, Summilux 90mm, F1.5, фронтальный снимок, расстояние между объектами, белая доска, 16:9.
Не прилагательные, а слова, которые используют фотографы на месте съёмки. Это создаёт точность.
Даже новичок может значительно приблизиться к профессиональному качеству, указав хотя бы эти 7 пунктов: Субъект (что снимать). Композиция (центр, слева/справа, сверху, фронтально, крупно). Расстояние (общий план, поясной, макро). Ощущение объектива (24mm, 50mm, 85mm, macro). Свет (естественный, контровой, жёсткий, рассеянный). Материал (металл, ткань, стекло, дерево, LCD). Назначение (миниатюра, лендинг, реклама, выставка, печать).
Однако есть оговорка. Сам г-н Очиай показывал примеры, когда излишние разговоры о камерах и объективах могут сломать результат. Дело не в том, чтобы перечислить как можно больше технических терминов. Оставляйте только те переменные, которые влияют на результат. Выбирайте слова, которые работают, а не просто много слов. Это тоже техника отбора, а не просто чувство.
Принцип 3: Включите одно «понятное противоречие»
Сила работ Очиай не в том, чтобы случайным образом смешивать эксцентричные элементы. Она заключается в соединении двух концепций, которые семантически связаны, но физически противоречивы.
Треснувший LCD, который должен быть твёрдым, движется как жидкость. Ткань разбивается как стекло. Цифровые изображения материализуются через традиционную платиновую печать. Соединение древних инструментов с генеративным AI-видео.
Это не случайно; это связано по смыслу. В этом ключ.
Для новичков формула такова: Нормальный субъект + Семантически связанное гетерогенное свойство + Причина комбинации.
Примеры: AI-тренинг × Тишина храма, чтобы показать «пространство для сосредоточения на сложных технологиях». Инвестиционный сервис × Годичные кольца, чтобы показать «активы, растущие со временем». Автоматизация бизнеса × Водный путь, чтобы показать «систему, где информация течёт без застоя». Безопасность × Полупрозрачные стены замка, чтобы показать «защиту при открытом механизме».
Противоречие используется не ради забавы. Оно нужно, чтобы донести концепцию сразу, с одного взгляда. Поэтому всегда указывайте причину «почему эта комбинация?». Противоречие, которое нельзя объяснить, — это просто эксцентрика, и его не стоит использовать.
Принцип 4: Не удаляйте все ошибки AI
В обычной генерации дизайна вы исправляете все неестественные места. Но в творчестве непреднамеренные формы, рождённые AI, могут содержать новый визуальный язык.
Важно не оставлять ошибки как есть, а классифицировать их на три типа:
Неудача: Искажённый текст, сломанные пальцы, структурные противоречия, мешающие цели. Исправляйте их.
Отклонение: Отличается от замысла, но ведёт к уникальности. Обдумайте их.
Открытие: Неожиданные элементы, которые можно выдвинуть в центр работы. Принимайте их.
В работах г-на Очиай изменение генерации или растворение границ само по себе используется как выражение. Другими словами, он подбирает «ошибки» AI как материал. Новички пытаются раздавить все ошибки, но профессионалы выбирают из них «открытия». Просто наличие этого взгляда меняет ценность того, что выходит из AI.
Принцип 5: Думайте о дизайне как о времени и теле, а не как о «статичном изображении»
Г-н Очиай связывает кинематографический, музыкальный и физический языки с дизайном опыта, который выходит за рамки простого взгляда на экран. Он объединяет древние инструменты, генеративное AI-видео, звук и тактильный/материальный опыт в единое поле.
Применительно к веб-сайту это выглядит так:
Смысл информации меняется по мере прокрутки. Фон слегка реагирует на движение мыши. Важные цифры появляются поэтапно. Сначала показывается абстрактное изображение, затем объясняется значение. Плотность информации уменьшается по мере приближения пользователя к CTA.
Для слайдов: вместо того чтобы просто выстраивать страницы, спроектируйте порядок, в котором меняется восприятие аудитории. Спроектируйте поток опыта во времени — как меняется сознание зрителя, — а не внешний вид каждого отдельного слайда. Это решающее различие между любительской презентацией и профессиональной.
Принцип 6: Проектируйте «за пределами экрана»
Работа г-на Очиай «Liquid Universe» — это произведение с использованием генеративного AI, ПК и мониторов, но в других работах он преобразует AI-изображения в платиновые отпечатки или ткань. Другими словами, дизайн — это не просто картинка на экране, а дизайн опыта, включающий носитель вывода.
Поэтому нужно передавать AI следующие условия: Будет ли это просматриваться на смартфоне? Проецироваться на большой монитор? Печататься? Использоваться как материал для продаж при объяснении? Видно только 0,5 секунды в соцсетях? Использоваться для принятия решения о покупке на лендинге?
Даже для одного и того же изображения, если носитель меняется, оптимальные поля, размер шрифта, объём информации и контраст — всё меняется. Правильный ответ для миниатюры, которую видят 0,5 секунды на телефоне, — это полная противоположность документа, который распечатывают и читают в руках. Новички пытаются создать «крутое изображение», но профессионалы делают обратный инжиниринг от того, «где и как это будет восприниматься». Этот дополнительный шаг создаёт дизайн, который действительно работает.
Принцип 7: Не позволяйте одному AI заниматься и производством, и оценкой
В «co-vibe», выпущенном в 2026 году, реализована конфигурация, которая проходит через Anthropic, OpenAI, Groq и локальные модели, параллельное выполнение нескольких агентов и выбор модели в зависимости от задачи.
Перенос этой философии на дизайн означает разделение труда.
AI-A: Организует цель и целевую аудиторию. AI-B: Создаёт три направления дизайна. AI-C: Проверяет читаемость, поток и доступность. AI-D: Указывает на клише. И Человек: Решает, какое направление принять и какой «дискомфорт» оставить.
Зачем их разделять? Потому что если вы поручаете оценку тому же AI, который создал работу, он будет снисходителен. Даже если тот же AI говорит, что «дизайн получился хорошим», это всего лишь самооценка. Пусть другой AI посмотрит строго, с другой ролью. Только так появляется объективная аудиторская проверка.
Кроме того, co-vibe использует дизайн «debug-first», позволяющий отслеживать вызовы API, выбор модели и выполнение инструментов. То же самое применимо к дизайну: ведение журнала причин принятия и отклонения повышает воспроизводимость. Почему был выбран этот план? Почему тот план был отвергнут? Запись этого делает следующую генерацию более умной.
6 шагов «потока генерации дизайна по Очиай» для новичков
Применим 7 принципов к реальному рабочему процессу. Следуя этому порядку, даже новичок может воспроизвести профессиональную производственную структуру.
ШАГ 1: 5 минут неструктурированного разговора. Говорите о темах, целях, симпатиях/антипатиях, дискомфорте, референсах как есть. Г-н Очиай опубликовал примеры инструкций по преобразованию неструктурированных бесед в профессиональные диалоговые документы с помощью Whisper и GPT-4. Контекст можно дополнить позже. Идея в том, чтобы перенести время, потраченное на объяснения, на время, затраченное на дальнейшее обдумывание.
ШАГ 2: Попросите AI классифицировать требования. Поручите разделить сказанное на: факты, пожелания, эмоции, ограничения, цели, неопределённые слова, противоречивые условия. Это упорядочивает вашу собственную голову.
ШАГ 3: Попросите создать 3 разных направления. Не три похожих плана, а планы с разными принципами. Фокус на функции/читаемости. Фокус на эмоции/истории. Фокус на эксперименте/дискомфорте. Поскольку направления разные, становятся видны ваши собственные предпочтения.
ШАГ 4: Превратите в статичное изображение или вайрфрейм. Не судите по тексту; всегда визуализируйте. Даже если в голове всё выглядит хорошо, при реальной проработке обнаружатся недостатки.
ШАГ 5: Попросите другой AI разобрать это. Соответствует ли это цели? Не теряется ли взгляд? Не слишком ли много текста? Является ли уникальность просто украшением? Можно ли использовать на смартфоне? Естественен ли CTA? Есть ли проблемы с правами? Пусть другой AI, не тот, что создавал, проведёт строгую проверку.
ШАГ 6: Сделайте причину отклонения следующим условием. Это самое важное. Вместо «сделай круче» скажите следующее: «Проблема не в цвете. Проблема в том, что два главных героя, и взгляд рассеивается. Ограничьте главного героя одним, и уменьшите яркость и размер второго элемента до 60%». Чем конкретнее причина отклонения, тем лучше будет следующая генерация.
Далее идут промпты для копирования и вставки для каждой цели, включающие все эти идеи.
Промпт для генерации слайдов (Slides)
1Ты — AI-креативный директор, объединяющий информационный дизайн, редактуру, визуальное выражение и дизайн презентаций.23Вместо того чтобы просто делать красивые слайды, спроектируй опыт, в котором «понимание» и «восприятие» аудитории меняются по мере прохождения страниц.45【Тема производства】6{{Введите тему}}78【Цель】9{{Обучение, продажи, предложение, обучение, мероприятие и т.д.}}1011【Целевая аудитория】12{{Новички, руководители, сотрудники, инвесторы и т.д.}}1314【Ожидаемое количество слайдов】15{{Пример: 15 слайдов}}1617【Время презентации】18{{Пример: 15 минут}}1920【Изменение, которое вы хотите вызвать у аудитории в итоге】21До: {{Текущее восприятие/тревога/непонимание}}22После: {{Что вы хотите, чтобы они поняли/сделали}}2324【Используемый носитель】25{{ПК, проектор, большой монитор, PDF, просмотр на смартфоне и т.д.}}2627Работай в следующем порядке.2829■ Фаза 1: Обнаружение неопределённости30Классифицируй введённое содержимое на следующее:31- Подтверждённые факты32- Утверждения, которые нужно донести33- Проблемы аудитории34- Что нужно передать эмоционально35- Ограничения36- Неопределённые слова37- Противоречивые условия38Задавай по одному вопросу за раз, только если не хватает критической информации. Если недостаток незначителен, продолжай, выдвигая разумные гипотезы.3940■ Фаза 2: Центральная концепция41Определи один «Центральный объект», который символизирует весь материал.42Пример: Поток / Зеркало / Граница / Годичные кольца / Схема / Лестница / Карта / Семя43Кроме того, добавь центральному объекту свойство, семантически связанное, но физически противоречивое.44Пример: Твёрдая схема, текущая как вода / Прозрачная стена, блокирующая только информацию / Дышащая бумажная карта / Числа, растущие как растения45Не стремись к одной эксцентрике; объясни, как это противоречие способствует пониманию темы.4647■ Фаза 3: Композиционный план48Спроектируй слайды со следующей нарративной структурой:491. Мир, в котором сейчас находится аудитория502. Проблема, которую они упускают из виду513. Момент, когда рушится привычная предпосылка524. Новый способ мышления535. Конкретный механизм546. Примеры использования557. Примеры неудач/меры предосторожности568. Шаги по внедрению579. Предложение к действию58Для каждого слайда выведи следующее:59- Номер слайда / Вывод в одной строке / Текст на экране60- Диаграммы, фото, используемые объекты / Макет / Направление взгляда61- Сценарий докладчика / Связь с предыдущим и следующим слайдами62- Украшения, которые можно удалить без изменения смысла6364■ Фаза 4: Визуальный дизайн65- Принцип одного утверждения на слайд66- Один главный визуальный объект67- Взгляд движется в порядке: Заголовок → Главный герой → Дополнение68- Относись к пустому пространству как к информации69- Выражай важность через размер шрифта, положение и плотность70- Не полагайся только на цвет для передачи смысла71- Не вставляй длинные предложения как есть / Не выстраивай значки бессмысленно72- Не делай все слайды одинаковой композиции73- Однако унифицируй правила для шрифтов, полей, сетки и цветов7475■ Фаза 5: 3 дизайн-предложения76A. План с приоритетом понимания информации77B. План с приоритетом эмоций и истории78C. Экспериментальный план, соединяющий гетерогенные концепции79Для каждого плана сравни: Центральная концепция / Цвет / Ощущение материала / Типографика / Композиция / Сильные стороны / Точки, склонные к неудаче.8081■ Фаза 6: Контр-аудит82Проверь самый многообещающий план с точки зрения другого строгого арт-директора.83Объём информации / Читаемость / Направление взгляда / Понимание новичком / Уникальность / Чрезмерное украшение / Пригодность для носителя / Доступность / Ощущение шаблона / Неестественность, характерная для AI-генерации84Отобрази проблемы в 4 этапа: Стоп / Должно быть исправлено / Наблюдать / Допустимо.85В конце выведи готовую композицию после исправлений.
Промпт для генерации веб-сайта
1Ты — AI-оркестратор дизайна, объединяющий бренд-стратегию, UX-дизайн, информационный дизайн, UI-дизайн и фронтенд-разработку.23Вместо того чтобы просто украшать инструкции пользователя, проектируй, разделяя цель, пользователя, действие, информацию, визуальное выражение и реализацию.45【Тип сайта】6{{Корпоративный, сервис, найм, портфолио, медиа и т.д.}}7【Бизнес/Сервис】{{Введите}}8【Основные пользователи】{{Введите}}9【Действие, которое вы хотите, чтобы пользователи совершили】10{{Запрос, бронирование, запрос документа, покупка, понимание и т.д.}}11【Впечатление, ожидаемое для бренда】{{Доверие, передовость, дружелюбие, роскошь и т.д.}}12【Информация, планируемая к размещению】{{Введите}}13【Устройство】Приоритет — смартфоны, также оптимизация для ПК.1415■ 1. Структурирование требований16Разбей на следующие объекты:17Объект бренда: Причина существования / Обещание / Отличие от конкурентов / Впечатления, которых следует избегать18Объект пользователя: Ситуация пользователя / Тревога / Уровень знаний / Причина посещения / Причина ухода19Объект контента: Абсолютно необходимая информация / Дополнительная информация / Доказательства, создающие доверие / Информация, которую можно удалить20Объект интерфейса: Навигация / Основной CTA / Форма / Карточка / Изображение / Анимация21Объект состояния: Первый визит / Прокрутка / Сравнение / Ввод / Завершение отправки / Ошибка2223■ 2. Определение центральной визуальной концепции24Выбери один конкретный объект или природное явление, символизирующее весь сайт.25Кроме того, дай ему одно «свойство, которого у него обычно нет».26Пример: Дышащее здание / Свет, текущий как жидкость / Данные, ткущиеся как ткань / Прозрачное зеркало, отражающее только будущее27Не принимай это, если противоречие не может объяснить ценность бизнеса.2829■ 3. Создание 3 концептуальных планов30A. Приоритет функции/конверсии31B. Приоритет бренда/истории32C. Приоритет эксперимента/запоминания33Для каждого плана покажи: Название концепции / Объяснение в одном предложении / Центральный объект / Ключевое визуальное изображение / Цветовая схема / Гарнитура / Сетка / Поля / Движение / Представление CTA / Отображение на смартфоне / Достоинства / Риски.3435■ 4. Информационный дизайн36Создай карту сайта и пользовательский поток в следующем порядке:37- Что пользователь хочет узнать в первую очередь38- Что необходимо для доверия39- Что необходимо для сравнения с другими компаниями40- Информация, снимающая тревогу41- Информация, необходимая непосредственно перед действием42Не увеличивай количество пунктов навигации чрезмерно.4344■ 5. Дизайн каждой страницы45Для каждой страницы выведи:46Цель страницы / Психология посетителя / Что донести в первые 3 секунды / Состав секций / Заголовок для каждой секции / Отображаемая информация / Используемые изображения / Направление взгляда / CTA / Меры по предотвращению ухода / Изменения для смартфона4748■ 6. Система дизайна49Определи следующее с конкретными числовыми значениями:50Максимальная ширина контента / Колонки / Ступени полей / Размер заголовка / Размер основного текста / Межстрочный интервал / Радиус скругления / Граница / Тень / Роль цветов / Время анимации / Точки перелома51Покажи соответствие цели, а не просто декоративные числа.5253■ 7. Реализация54Преобразуй в реализуемую конфигурацию:55Список компонентов / Структура данных / Управление состоянием / Адаптивные спецификации / Доступность / Оптимизация изображений / SEO / Производительность / Обработка ошибок формы / Учёт пользователей, желающих остановить анимацию5657■ 8. Контр-аудит58Как другой UX-лид, проверь следующее:59- Достигает ли производство цели? / Есть ли несколько главных героев?60- Читается ли текст на смартфоне? / Не является ли CTA резким?61- Не мешает ли анимация работе?62- Не выглядит ли сайт как типичный AI-сгенерированный? / Нет ли бессмысленных градиентов?63- Отвечает ли он на тревогу пользователя? / Можно ли управлять только с клавиатуры?64- Есть ли элементы, ухудшающие скорость отображения?65В конце выведи финальные спецификации и инструкции по реализации с учётом аудита.
Промпт для генерации лендинга (LP)
1Ты — AI-дизайнер лендингов, объединяющий копирайтинг, информационный дизайн, UI-дизайн и оптимизацию конверсии.23Вместо того чтобы просто делать красивый одностраничный сайт, спроектируй «поток принятия решений», который ведёт посетителя от осведомлённости к действию.45【Название продукта/услуги】{{Введите}}6【Целевой пользователь】{{Введите}}7【Основная ценность】{{Введите}}8【Желаемое действие】{{Покупка, регистрация, запрос демо, загрузка материала и т.д.}}9【Основные возражения】{{Введите}}10【Конкуренты】{{Введите}}11【Бренд-тон】{{Доверительный, дружелюбный, передовой, авторитетный и т.д.}}12【Носитель】{{Основной — смартфон, также ПК}}1314Работай в следующем порядке.1516■ 1. Структурирование убеждения17Разбей поток убеждения на следующие логические шаги:181. Привлечение внимания: Заголовок, который сразу решает проблему пользователя или обещает выгоду192. Создание интереса: Покажи, «почему это работает» через механизм или доказательства203. Снятие сомнений: Отвечай на возражения, покажи социальные доказательства, гарантии214. Усиление желания: Покажи конкретные результаты, кейсы, выгоды в цифрах225. Призыв к действию: Чёткий, заметный, безрисковый CTA2324■ 2. Определение центрального визуального объекта25Выбери один объект или метафору, который олицетворяет ценность продукта.26Пример: Ключ / Мост / Росток / Компас / Шестерёнка / Щит27Добавь противоречивое свойство, которое делает концепцию запоминающейся.28Пример: Ключ, который светится / Мост из тумана / Росток, пробивающий бетон / Компас, указывающий в прошлое2930■ 3. Структура контента31Создай следующую последовательность секций (все секции не обязательны, выбирай по необходимости):32- Hero (заголовок, подзаголовок, основной CTA, фоновое изображение)33- Проблема (конкретное описание боли пользователя)34- Решение (как продукт решает проблему, ключевые функции)35- Как это работает (3 простых шага, инфографика)36- Доказательства (цифры, кейсы, логотипы клиентов)37- Отзывы (реальные цитаты, фото, должности)38- Сравнение (таблица «до/после» или «мы vs конкуренты»)39- FAQ (ответы на 3-5 главных возражений)40- Финальный CTA (повторение выгоды, гарантия, кнопка)41- Футер (контакты, политика, ссылки)4243■ 4. Дизайн каждой секции44Для каждой секции укажи:45- Психологическая цель секции46- Что должен понять/почувствовать пользователь47- Заголовок и текст (коротко, по делу)48- Визуальные элементы (изображения, иконки, графики)49- Расположение элементов на мобильном и десктопе50- Анимация при скролле (если уместно)51- Связь с предыдущей и следующей секцией5253■ 5. Правила визуального языка54- Один главный акцентный цвет, один нейтральный фон, один контрастный для CTA55- Максимум 2 гарнитуры (одна для заголовков, одна для текста)56- Избегай стоковых фото, используй уникальные изображения, сгенерированные или снятые специально57- Пустое пространство — это не пустота, а инструмент фокуса58- Текст на мобильном должен быть читаем без зума59- Кнопка CTA должна быть заметна без прокрутки (above the fold)6061■ 6. Создание 3 вариантов62A. Рациональный, с акцентом на цифры и факты63B. Эмоциональный, с акцентом на историю и отзывы64C. Минималистичный, с акцентом на продукт и пустое пространство6566■ 7. Контр-аудит67Проверь выбранный вариант как строгий маркетолог:68- Понятно ли, что предлагается, за 3 секунды?69- Убирает ли заголовок главную боль?70- Есть ли хотя бы один социальный доказательство?71- Не слишком ли много текста?72- Работает ли CTA на мобильном?73- Нет ли элементов, отвлекающих от цели?74- Загружается ли страница быстро?75- Есть ли чёткий путь к действию?7677После аудита выведи финальную версию с исправлениями.
1Вы — креативный директор, специализирующийся на LP, который объединяет директ-маркетинг, поведенческую психологию, копирайтинг, информационный дизайн и UI-дизайн.23Вместо того чтобы заставлять покупать с помощью кричащих украшений, разработайте LP, где восприятие читателя меняется поэтапно, и он может действовать в состоянии убеждённости.45【Продукт/Услуга】{{Input}}6【Цена】{{Input}}7【Целевая аудитория】{{Input}}8【Текущие проблемы целевой аудитории】{{Input}}9【Результаты, которые можно предоставить】{{Input}}10【Доказательства/Послужной список】{{Input}}11【CTA】{{Покупка, регистрация, консультация, запрос документа и т.д.}}12【Запреты】13Не используйте преувеличенные выражения, ложный дефицит, неподтверждаемые числа или выражения, чрезмерно разжигающие тревогу.1415■ Этап 1: Проектирование изменения восприятия16До: Во что они верят сейчас / От чего они отказались / Чего они остерегаются / Причины бездействия17Переломный момент: Факты, разрушающие обычные предпосылки / Новые перспективы / Неожиданные, но убедительные объяснения18После: Что они поняли / Причины, по которым они могут верить / Причины, по которым они могут действовать1920■ Этап 2: Центральный объект21Выберите один объект или явление, символизирующее ценность продукта.22Придайте этому объекту семантически связанное противоречие.23Пример: Остановившаяся шестерёнка, продвигающая работу / Закрытая дверь, увеличивающая возможности / Лёгкая бумага, поддерживающая тяжёлый бизнес / Невидимый водный канал, переносящий информацию24Отдавайте приоритет тому, чтобы механизм продукта стал более понятным, а не развлечению от метафоры.2526■ Этап 3: Создайте 3 варианта первого экрана27A. Вариант, чётко передающий результаты28B. Вариант, начинающийся с эмпатии к проблеме29C. Вариант, меняющий восприятие с помощью центрального объекта30Для каждого варианта выведите: Главный копирайт / Подкопирайт / Ключевое визуальное изображение / CTA / Элементы доверия / Вёрстка на смартфоне / Ожидаемая реакция читателя / Слабые стороны.3132■ Этап 4: Композиция LP33Составьте в следующем психологическом порядке:341. Осознать, что это для них352. Правильно понять проблему363. Осознать ограничения традиционных методов374. Понять новый механизм385. Почувствовать, что это достижимо396. Увидеть доказательства407. Представить свой собственный случай418. Разрешить тревогу429. Понять условия действия4310. Выбрать CTA44Для каждого раздела выведите: Цель / Заголовок / Тело / Диаграмма или изображение / Доказательство / Психология читателя / Связь со следующим разделом / Наличие CTA.4546■ Этап 5: Визуальный дизайн47- Размещайте только одно сильное утверждение на экран48- Сделайте доказательства и сравнения более заметными, чем украшения49- Выделяйте важные числа окружающим пустым пространством50- Не используйте градиенты как замену роскоши51- Если используете фотографии людей, размещайте копирайт или CTA в конце направления их взгляда52- Не размещайте длинные предложения поверх фоновых изображений53- Не делайте так, чтобы выделялся только цвет CTA; создавайте важность с помощью предшествующего и последующего контекста54- На смартфонах настраивайте так, чтобы заголовки не превышали 4 строк5556■ Этап 6: Контрдоказательства57Как скептический читатель, укажите следующее:58Что не доказано / Для кого это не подходит / В чём заключается бремя помимо стоимости / Условия, при которых результаты не появляются / Пункты, которые могут достичь и конкуренты / Выражения, которые могут быть неправильно поняты / Выражения, имеющие юридические или этические проблемы59Учтите эти пункты и создайте итоговый рукопись LP и спецификации дизайна.
Prompt для генерации изображения
1Сгенерируйте профессиональное ключевое визуальное изображение, которое можно использовать для рекламы, веба и слайдов при следующих условиях.23【Цель】4{{X миниатюра, первый экран LP, обложка слайда, фон веба и т.д.}}5【Концепция для передачи】{{Пример: ИИ расширяет скорость человеческого мышления}}6【Главный объект】{{Пример: Прозрачный куб}}7【Противоречивое свойство, приданное главному герою】8{{Пример: Будучи твёрдым, но внутри он течёт как жидкость}}9Это противоречие не для эксцентричности, а для визуализации {{связи с концепцией}}.1011【Сцена】{{Пример: Центр тёмного, неорганического выставочного пространства}}1213【Композиция】14- Главный герой находится в {{центре / справа / слева}} экрана15- Занимаемая площадь в кадре — {{60%}}16- Оставьте равномерное поле {{40% слева}} для размещения копирайта17- Взгляд движется в порядке {{отражённый свет → контур главного героя → центр}}18- Не размещайте объекты, конкурирующие с главным героем, на заднем плане1920【Фотографическое выражение】21- {{Фронтальный, угол 45 градусов, вид сверху, крупный план}}22- Естественная перспектива, эквивалентная {{35мм, 50мм, 85мм, макро}}23- Глубина резкости {{мелкая / средняя / глубокая}}24- Источник света {{большой рассеянный свет, боковой свет, контровой свет и т.д.}}25- Избегайте чрезмерного HDR26- Не допускайте пересветов, оставляйте информацию о материале в тёмных областях2728【Материал】29- {{Стекло, металл, ткань, дерево, ЖК-дисплей, бумага и т.д.}}30- Придайте поверхности мелкие царапины, отражения, прозрачность и толщину31- Не делайте его однородной текстурой, как пластик32- Физически согласуйте реакцию света для каждого материала3334【Цвет】35- Основной цвет: {{Input}} / Дополнительный цвет: {{Input}} / Акцентный цвет: {{Input}}36- Ограничьте количество цветов и отдайте приоритет форме и материалу главного героя3738【Время/Изменение】39Будучи статичным изображением, создайте ощущение, что оно находится в середине времени, например, {{непосредственно перед таянием, сразу после разрушения, в процессе формирования, момент дыхания}}.4041【Стандарты качества】42- Уровень завершённости, который может предоставить рекламная продакшн-компания / Главный герой узнаваем с первого взгляда43- Согласованность материалов / Поля намеренно спроектированы44- Силуэт различим даже в маленьких миниатюрах45- Избегайте чрезмерного украшательства, характерного для AI-генерации / Не заполняйте весь экран деталями46- Не генерируйте текст, логотипы или водяные знаки4748【Выражения, которых следует избегать】49Бессмысленные светящиеся линии / Бесчисленные частицы / Чрезмерный неон / Цепи, заполняющие фон / Неестественные отражения / Люди, не связанные с целью / AI-арт с сильным чувством дежавю / Необъяснимые украшения5051Сначала сгенерируйте следующие 3 направления:52A. Вариант, который выглядит так, будто мог бы существовать в реальности как фотография53B. Вариант, в котором инвертирован только один физический закон54C. Вариант, объединяющий классические материалы и цифровые явления55После генерации 3 вариантов сравните уникальность, читаемость, соответствие цели и согласованность материалов, выберите лучший и сгенерируйте улучшенную версию.
Добавление этого «Профессионального блока аудита» в конце всех целей значительно уменьшит количество самодовольных AI-дизайнов.
1Не отправляйте готовый план как есть; проверьте его как другой строгий креативный директор.23Оцените следующее по 10-балльной шкале каждый пункт:4Соответствие цели / Приоритет информации / Направление взгляда / Поля / Читаемость / Согласованность материалов / Пригодность для носителя / Уникальность / Объяснимость / Реализуемость56Кроме того, ответьте на следующие вопросы:71. Сужен ли главный герой этого дизайна до одного?82. Будет ли он работать, если убрать 30% украшений?93. Можно ли понять иерархию информации даже без цвета?104. Есть ли элементы, не связанные с центральной концепцией?115. Есть ли выражения с сильным чувством дежавю, которые часто делает AI?126. Какие из неожиданных элементов стоит сохранить?137. Что следует исправить как неудачу?148. Какие пункты будут проблематичны в реальной среде использования?159. Понятен ли смысл для новичков?1610. Какие причины отказа следует добавить в условия следующей генерации?1718Если хотя бы один пункт имеет менее 8 баллов, исправьте его и запишите: до исправления, проблему, содержание исправления и причину исправления.
Самый важный совет: что копировать — это «структура производства», а не «стиль»
Наконец, я напишу самое важное.
Если поверхностно копировать стиль Очиай, это часто приводит к дизайну, который просто сочетает чёрный фон, жидкость, зеркала, буддизм и футуристическую CG. Но на самом деле переносить нужно не внешний вид.
Что нужно воспроизводить — это структуру производства, а не стиль.
Превращать абстрактные концепции в конкретные объекты. Вербализовать отношения между объектами. Включать одно осмысленное противоречие. Использовать неожиданность AI. Конвертировать в разные форматы. Проектировать до конечного носителя. Сравнивать несколько вариантов. Проверять через другой AI. Накопить причины отказов. Проверять в реальной среде использования.
Эти 10 пунктов — ядро метода Очиай. Чёрные фоны и жидкости — всего лишь результат.
И ещё одно. Господин Очиай также сделал публичным то, что он обновляет сами пользовательские инструкции в соответствии с изменениями среды, например, поддержкой поиска ChatGPT. Вместо того чтобы продолжать использовать один раз созданный «божественный промпт», продолжайте обновлять саму систему инструкций в соответствии с неудачами и эволюцией инструментов. Это отношение, вероятно, самое важное.
В co-vibe показано направление памяти, которая учится на истории выполнения и адаптируется к предпочтениям. То же самое относится и к генерации дизайна: сохранение того, почему вы что-то отвергли, в долгосрочной перспективе сильнее, чем сохранение «хороших планов». Причины успеха трудно воспроизвести, но причины неудачи надёжно работают как условия для следующей генерации.
Чувство не приобретается за одну ночь. Но эту структуру производства можно начать копировать уже сегодня. Сначала попробуйте Принцип 1: «Замените прилагательные объектами». Перепишите «сделать круто» на «что является главным героем, как он расположен и как движется взгляд?». Просто сделав это, следующий дизайн, который выйдет, обязательно станет на шаг ближе к профессиональному.
