Майстер-клас з дизайну ШІ від Йоічі Очіаї: 7 принципів та практичні промпти

Ось переклад тексту українською мовою відповідно до ваших інструкцій.

Техніка дизайну з використанням ШІ від Йоїчі Очіаї полягала не в тому, щоб "зробити це гарненьким."

7 принципів і практичні промпти для початківців, щоб досягти професійного рівня дизайну.

Коли ви просите ШІ створити дизайн, він часто виглядає аматорським.

Ви просите "розкішний, футуристичний і крутий", але отримуєте якусь CGI-картинку, яку ви вже десь бачили. Світлові частинки на чорному тлі, безглузді градієнти. Виглядає нібито правильно, але явно відрізняється від професійної роботи.

Дослідивши дизайн з використанням ШІ від Йоїчі Очіаї, справжня сутність того "чогось" стала зрозумілою.

Спочатку скажу висновок. Суть використання ШІ в дизайні за Очіаї полягає не в тому, щоб змусити ШІ згенерувати "гарний готовий продукт" за один раз. Це повна протилежність: вона полягає в дизайні, який проходить через п'ять етапів на високій швидкості.

Екстерналізація розмитих ідей → Структурування концепцій → Масове створення прототипів у різних форматах → Вибір людиною "дискомфорту" → Впровадження та верифікація в реальних медіа або просторах.

Ця швидкість обертання і є тим, що відрізняє професіоналів від аматорів. Ті, хто прагне досконалості за один раз, назавжди залишаться аматорами. Ті, хто обертається та обирає, наближаються до професійного рівня.

І вирішальним фактором для початківців, щоб скоротити розрив із професіоналами, є не вводити слова на кшталт "розкішний", "футуристичний" або "стильний". Натомість передавайте конкретні змінні дизайну. Чиє сприйняття ви змінюєте і як? Який об'єкт є головним? Яким елементам ви протиставляєте? В якому порядку має рухатися погляд? У якому середовищі це буде сприйматися? Скільки несподіваності від ШІ ви залишите?

У цій статті я розкладу це мислення на 7 принципів і надам практичні промпти (для слайдів, веб-сайтів, лендингів та генерації зображень), які ви зможете скопіювати та вставити.

Я повинен уточнити: ці промпти не є відтворенням приватних промптів пана Очіаї. Це методології, вилучені з його публічних робіт, творів, прикладів промптів і дизайн-філософії на GitHub, реконструйовані для різних цілей. Я не знаю точно, що він друкує на іншому боці екрана. Що я можу бачити, це "структура виробництва", яку можна прочитати з його публічних робіт і заяв.

Почнемо.

Що часто роблять початківці vs. Шлях до становлення професіоналом

Спочатку давайте з'ясуємо природу невдачі.

Коли початківці просять ШІ про дизайн, майже всі кажуть: "Будь ласка, зроби розкішний, футуристичний і крутий дизайн."

Причина, чому це погано, зрозуміла: ШІ довільно заповнює значення "розкішного". Розкіш може означати тишу мінімалізму або химерне оздоблення розкоші. У вас є конкретний образ у голові, але ШІ, отримуючи лише ці слова, не розуміє його. Тому він повертає безпечний, усереднений результат.

Пан Очіаї описує генерацію зображень як "проблему мови та логістики." Йдеться про те, наскільки точно ви можете вербалізувати розташування об'єктів і умови зйомки, а не використовувати сенсорні прикметники. Він розглядає це як проблему вербалізації, а не проблему відчуття.

Процес досягнення професійного рівня виглядає так: Спочатку викладіть розмитий образ. Структуруйте його і перетворіть на конкретні змінні дизайну. Створіть кілька прототипів у різних напрямках. Людина обирає "дискомфорт", який відчувається правильним. Потім перевірте це в реальному середовищі, де воно буде використовуватися. Ця стаття розкладе кожен етап у форму, яку зможуть виконати навіть початківці.

Принцип 1: Інструктуйте за допомогою "Об'єктів" замість "Прикметників"

Це суть.

Інструкції початківців складаються з прикметників: "Розкішний, футуристичний, крутий." Метод Очіаї замінює їх на об'єкти та їхні взаємозв'язки.

Наприклад:

Розмістіть єдиний об'єкт із дзеркальною поверхнею в центрі чорного простору.

Поверхня об'єкта недосконало відбиває навколишнє світло та фігуру спостерігача.

Залиште фон без оздоблення, зробивши напругу між об'єктом і негативним простором головним героєм.

Погляд спостерігача рухається в такому порядку: відбите світло → контур об'єкта → центральний текст.

Слово "крутий" не містить жодної з цієї інформації. Метод Очіаї розкладає це на такі елементи: Головний об'єкт. Оточуючі об'єкти. Позиційні взаємозв'язки. Стан. Текстура поверхні. Взаємозв'язок зі світлом. Взаємозв'язок зі спостерігачем. Зміна з часом. І елементи, які заборонено.

Це розкладання можна застосувати до елементів слайдів та компонування компонентів веб-сайту. Замість "зроби це крутим", запитайте: "Що є головним героєм, що розміщено навколо нього, як рухається погляд і що заборонено?" Просте заповнення цих пунктів значно підвищить точність результатів.

Принцип 2: Використовуйте "Мову Фотографа" для Генерації Зображень

У промптах для Midjourney, які пан Очіаї фактично оприлюднив, вказані конкретні умови фотографії: Leica M11, Summilux 90mm, F1.5, фронтальний знімок, відстань між об'єктами, біла дошка, 16:9.

Не прикметники, а слова, які використовують фотографи на місці зйомки. Це створює точність.

Навіть початківці можуть наблизитися до професійної якості, вказавши принаймні ці 7 пунктів: Суб'єкт (що знімати). Композиція (центр, ліворуч/праворуч, зверху, фронтально, крупний план). Відстань (загальний план, поясний, макро). Відчуття об'єктива (24mm, 50mm, 85mm, макро). Світло (природне, контрове, жорстке, розсіяне). Матеріал (метал, тканина, скло, дерево, РК-дисплей). Призначення (мініатюра, лендинг, реклама, виставка, друк).

Однак є застереження. Сам пан Очіаї наводив приклади, коли надто багато розмов про камери та об'єктиви може зіпсувати результат. Справа не в тому, щоб перерахувати якомога більше технічних термінів. Залишайте лише ті змінні, які впливають на результат. Вибирайте слова, які працюють, а не просто багато слів. Це теж техніка відбору, а не просто відчуття.

Принцип 3: Включіть Одне "Зрозуміле Протиріччя"

Сила робіт Очіаї не в тому, щоб випадково змішувати ексцентричні елементи. Вона полягає в поєднанні двох концепцій, які семантично пов'язані, але фізично суперечливі.

Тріснутий РК-дисплей, який має бути твердим, рухається, як рідина. Тканина розбивається, як скло. Цифрові зображення матеріалізуються через традиційні платинові відбитки. Поєднання стародавніх інструментів із генеративним відео на основі ШІ.

Це не випадково; це пов'язано за змістом. Ось у чому ключ.

Для початківців формула така: Звичайний суб'єкт + Семантично пов'язана різнорідна властивість + Причина поєднання.

Приклади: Навчання ШІ × Тиша храму, щоб представити "простір для зосередження на складних технологіях." Інвестиційний сервіс × Річні кільця, щоб представити "активи, що зростають з часом." Бізнес-автоматизація × Водний шлях, щоб представити "систему, де інформація тече без застою." Безпека × Напівпрозорі стіни замку, щоб представити "захист, демонструючи внутрішній механізм."

Протиріччя не для розваги. Воно використовується, щоб зробити концепцію зрозумілою за один раз. Тому завжди супроводжуйте це причиною "чому саме це поєднання?" Протиріччя, яке не можна пояснити, є просто ексцентричністю, і його не варто приймати.

Принцип 4: Не Видаляйте Всі Помилки ШІ

У звичайній генерації дизайну ви виправляєте всі неприродні частини. Але в творчості ненавмисні форми, народжені ШІ, можуть містити нову візуальну мову.

Важливо не залишати помилки як є, а класифікувати їх на три типи:

Невдача: Спотворений текст, зламані пальці, структурні суперечності, які заважають меті. Виправте це.

Відхилення: Відрізняється від задуму, але веде до унікальності. Розгляньте це.

Відкриття: Несподівані елементи, які можна просунути в центр роботи. Прийміть це.

У роботах пана Очіаї зміна генерації або розчинення меж сама по собі використовується як вираз. Іншими словами, він підбирає "помилки" ШІ як матеріал. Початківці намагаються знищити всі помилки, але професіонали обирають "відкриття" серед них. Лише наявність цього ока змінює цінність того, що виходить із ШІ.

Принцип 5: Мисліть Про Дизайн як Про Час і Тіло, а Не "Нерухоме Зображення"

Пан Очіаї поєднує кінематографічні, музичні та фізичні мови для створення дизайн-досвідів, які виходять за межі простого перегляду екрана. Він інтегрує стародавні інструменти, генеративне відео на основі ШІ, звук і тактильні/матеріальні відчуття в єдине поле.

Переклад цього для веб-сайту виглядає так:

Значення інформації змінюється під час прокручування. Фон трохи рухається у відповідь на рух миші. Важливі числа з'являються поетапно. Спочатку покажіть абстрактне зображення, потім поясніть значення пізніше. Зменшуйте щільність інформації, коли користувач наближається до CTA.

Для слайдів, замість того, щоб просто вибудовувати сторінки, проектуйте порядок, у якому змінюється сприйняття аудиторії. Проектуйте потік досвіду в часі – як змінюється свідомість глядача – а не зовнішній вигляд кожного окремого слайда. Це вирішальна відмінність між набором слайдів аматора та презентацією професіонала.

Принцип 6: Проектуйте "За Межами Екрана"

Робота пана Очіаї "Liquid Universe" – це робота з використанням генеративного ШІ, ПК і моніторів, але в інших роботах він перетворює зображення ШІ на платинові відбитки або тканину. Іншими словами, дизайн – це не просто зовнішній вигляд усередині екрана, а дизайн досвіду, який включає вихідний носій.

Тому необхідно передати ШІ наступні умови: Чи будуть його переглядати на смартфоні? Проектувати на великому моніторі? Друкувати? Використовувати як матеріал для продажу під час пояснення? Переглядати лише 0.5 секунди в соціальних мережах? Використовувати для прийняття рішень про покупку на лендингу?

Навіть для одного й того ж зображення, якщо змінюється носій, оптимальні поля, розмір шрифту, обсяг інформації та контраст – усе змінюється. Правильна відповідь для мініатюри, яку переглядають 0.5 секунди на телефоні, є повною протилежністю для документа, який роздруковують і читають вручну. Початківці намагаються створити "круте зображення", але професіонали роблять зворотний інжиніринг від "де і як це буде сприйматися." Цей додатковий крок створює дизайн, який насправді функціонує.

Принцип 7: Не Дозволяйте Одному ШІ Виконувати Як Виробництво, Так і Оцінку

У "co-vibe", випущеному в 2026 році, реалізовано конфігурацію, яка охоплює Anthropic, OpenAI, Groq та локальні моделі, паралельне виконання кількох агентів і вибір моделі відповідно до завдання.

Переклад цієї філософії на дизайн означає розподіл праці.

ШІ-А: Організувати мету та цільову аудиторію. ШІ-Б: Створити три напрямки дизайну. ШІ-В: Перевірити читабельність, потік та доступність. ШІ-Г: Вказати на кліше. І Людина: Вирішити, який напрямок прийняти і який "дискомфорт" залишити.

Навіщо їх розділяти? Тому що якщо ви дозволите ШІ, який створив роботу, оцінювати її, він буде поблажливим. Навіть якщо той самий ШІ каже "зроблено хороший дизайн", це лише самооцінка. Дозвольте іншому ШІ подивитися на це суворо з іншою роллю. Тільки тоді запрацює об'єктивний аудит.

Крім того, co-vibe використовує "налагоджувальний" дизайн, який може відстежувати виклики API, вибір моделі та виконання інструментів. Те саме стосується дизайну: ведення журналів причин прийняття та відхилення підвищує відтворюваність. Чому було обрано цей план? Чому було відхилено той план? Запис цього робить наступну генерацію розумнішою.

6 Кроків "Потоку Генерації Дизайну в Стилі Очіаї" для Початківців

Давайте впровадимо 7 принципів у реальні робочі процедури. Дотримуючись цього порядку, навіть початківці зможуть відтворити професійну структуру виробництва.

КРОК 1: Говоріть 5 хвилин без структурування. Висловлюйте теми, цілі, вподобання/неподобання, дискомфорт і посилання як є. Пан Очіаї опублікував приклади інструкцій для перетворення неструктурованих розмов у професійні діалогові документи за допомогою Whisper і GPT-4. Контекст можна доповнити пізніше. Ідея полягає в тому, щоб перенести час, витрачений на пояснення, на час, витрачений на подальше обдумування.

КРОК 2: Доручіть ШІ класифікувати вимоги. Доручіть йому розділити висловлене на: факти, бажання, емоції, обмеження, цілі, невизначені слова та суперечливі умови. Це впорядковує вашу власну голову.

КРОК 3: Доручіть створити 3 різні напрямки. Не три схожі плани, а плани з різними принципами. Орієнтований на функціональність/читабельність. Орієнтований на емоції/історію. Експериментальний/Орієнтований на дискомфорт. Оскільки напрямки різні, ваші власні вподобання стають видимими.

КРОК 4: Перетворіть це на нерухоме зображення або вайрфрейм. Не судіть лише за текстом; завжди переводьте це у видиму форму. Навіть якщо в голові це виглядає добре, ви знайдете помилки, коли фактично надасте форму.

КРОК 5: Доручіть іншому ШІ розкритикувати це. Чи відповідає це меті? Чи губиться погляд? Чи забагато тексту? Чи є унікальність просто прикрасою? Чи можна це використовувати на смартфоні? Чи природний CTA? Чи є проблеми з правами? Доручіть ШІ, відмінному від того, що створив роботу, суворо перевірити її.

КРОК 6: Зробіть причину відхилення наступною умовою. Це найважливіше. Замість "зроби крутіше", скажіть так: "Колір не проблема. Проблема в тому, що є два головні герої, і погляд розсіюється. Обмежте головного героя одним, і зменшіть яскравість і розмір другого елемента до 60%." Чим конкретніша причина відхилення, тим кращою буде наступна генерація.

Далі наведено промпти для копіювання та вставки для різних цілей, які включають усі ці ідеї.

Промпт для Генерації Слайдів

1Ти — AI Creative Director, який інтегрує інформаційний дизайн, редагування, візуальне вираження та дизайн презентацій.
2
3Замість того, щоб просто створювати гарний слайд, спроектуй досвід, у якому "розуміння" та "сприйняття" аудиторії змінюються в міру просування сторінками.
4
5【Тема створення】
6{{Введіть тему}}
7
8【Мета】
9{{Навчання, продажі, пропозиція, освіта, подія тощо}}
10
11【Цільова аудиторія】
12{{Початківці, керівники, співробітники, інвестори тощо}}
13
14【Очікувана кількість слайдів】
15{{Приклад: 15 слайдів}}
16
17【Час презентації】
18{{Приклад: 15 хвилин}}
19
20【Зміна, яку ви хочете викликати в аудиторії врешті-решт】
21До: {{Поточне сприйняття/тривога/непорозуміння}}
22Після: {{Що ви хочете, щоб вони зрозуміли/зробили}}
23
24【Використовуваний носій】
25{{ПК, проектор, великий монітор, PDF, перегляд на смартфоні тощо}}
26
27Працюй у наступному порядку.
28
29■ Фаза 1: Виявлення неоднозначності
30Класифікуй вхідний вміст наступним чином:
31- Підтверджені факти
32- Твердження, які потрібно передати
33- Проблеми аудиторії
34- Речі, які потрібно передати емоційно
35- Обмеження
36- Невизначені слова
37- Суперечливі умови
38Запитуй по одному питанню за раз, лише якщо бракує критично важливої інформації. Якщо недолік незначний, продовжуй, висуваючи обґрунтовані гіпотези.
39
40■ Фаза 2: Центральна концепція
41Визнач один "Центральний об'єкт", який символізує весь матеріал.
42Приклад: Потік / Дзеркало / Межа / Річні кільця / Схема / Сходи / Карта / Насіння
43Крім того, додай центральному об'єкту властивість, яка є семантично пов'язаною, але фізично суперечливою.
44Приклад: Тверда схема, що тече, як вода / Прозора стіна, що блокує лише інформацію / Паперова карта, що дихає / Числа, що ростуть, як рослини
45Не прагни лише до ексцентричності; поясни, як це протиріччя сприяє розумінню теми.
46
47■ Фаза 3: План композиції
48Спроектуй слайди за наступною наративною структурою:
491. Світ, у якому зараз перебуває аудиторія
502. Проблема, яку вони не помічають
513. Момент, коли звичайна передумова руйнується
524. Новий спосіб мислення
535. Конкретний механізм
546. Приклади використання
557. Приклади невдач/запобіжні заходи
568. Кроки впровадження
579. Пропозиція до дії
58Виведіть наступне для кожного слайда:
59- Номер слайда / Висновок одним рядком / Текст для відображення на екрані
60- Діаграми, фото, об'єкти для використання / Макет / Напрямок погляду
61- Сценарій ведучого / Зв'язок з попереднім і наступним слайдами
62- Прикраси, які можна видалити без зміни змісту
63
64■ Фаза 4: Візуальний дизайн
65- Принцип одного твердження на слайд
66- Один головний візуальний об'єкт
67- Погляд тече в порядку Заголовок → Головний герой → Доповнення
68- Стався до негативного простору як до інформації
69- Виражай важливість через розмір шрифту, позицію та щільність
70- Не покладайся лише на колір для передачі значення
71- Не вставляй довгі речення як є / Не вибудовуй безглуздо іконки
72- Не роби всі слайди однакової композиції
73- Однак уніфікуй правила для шрифтів, полів, сіток і кольорів
74
75■ Фаза 5: 3 Дизайн-пропозиції
76A. План, що пріоритезує розуміння інформації
77B. План, що пріоритезує емоції та історію
78C. Експериментальний план, що поєднує різнорідні концепції
79Для кожного плану порівняй: Центральна концепція / Колір / Відчуття матеріалу / Типографіка / Композиція / Сильні сторони / Моменти, схильні до невдач.
80
81■ Фаза 6: Контр-аудит
82Перевір найбільш перспективний план з точки зору іншого суворого Арт-директора.
83Обсяг інформації / Читабельність / Напрямок погляду / Розуміння для початківців / Унікальність / Надмірна прикраса / Відповідність носію / Доступність / Відчуття шаблону / Неприродність, специфічна для генерації ШІ
84Відображай проблеми в 4 етапи: Стоп / Треба виправити / Спостерігати / Прийнятно.
85Нарешті, виведи завершену композицію після виправлень.

Промпт для Генерації Веб-сайту

1Ти — AI Design Orchestrator, який інтегрує бренд-стратегію, UX-дизайн, інформаційний дизайн, UI-дизайн та фронтенд-реалізацію.
2
3Замість того, щоб просто прикрашати інструкції користувача, проектуй, розділяючи мету, користувача, дію, інформацію, візуальне вираження та реалізацію.
4
5【Тип сайту】
6{{Корпоративний, сервісний, рекрутинговий, портфоліо, медіа тощо}}
7【Бізнес/Сервіс】{{Введіть}}
8【Основні користувачі】{{Введіть}}
9【Дія, яку ви хочете, щоб виконали користувачі】
10{{Запит, бронювання, запит документів, покупка, розуміння тощо}}
11【Враження, очікуване для бренду】{{Довіра, сучасність, дружелюбність, розкіш тощо}}
12【Інформація, яку планується розмістити】{{Введіть}}
13【Використовуваний пристрій】Пріоритезуй смартфони та оптимізуй також для ПК.
14
15■ 1. Структуруй Вимоги
16Розклади на наступні об'єкти:
17Об'єкт Бренду: Причина існування / Обіцянка / Відмінності від конкурентів / Враження, яких слід уникати
18Об'єкт Користувача: Ситуація користувача / Тривога / Рівень знань / Причина візиту / Причина відходу
19Об'єкт Контенту: Абсолютно необхідна інформація / Додаткова інформація / Докази, що створюють довіру / Інформація, яку можна видалити
20Об'єкт Інтерфейсу: Навігація / Основний CTA / Форма / Картка / Зображення / Анімація
21Об'єкт Стану: Перший візит / Прокручування / Порівняння / Введення даних / Успішне відправлення / Помилка
22
23■ 2. Визнач Центральну Візуальну Концепцію
24Вибери один конкретний об'єкт або природне явище, яке символізує весь сайт.
25Крім того, дай йому одну "властивість, якої він зазвичай не має."
26Приклад: Будівля, що дихає / Світло, що тече, як рідина / Дані, що тчуться, як тканина / Прозоре дзеркало, що відображає лише майбутнє
27Не приймай це, якщо протиріччя не може пояснити цінність бізнесу.
28
29■ 3. Створи 3 Концептуальні Плани
30A. Пріоритет функціональності/конверсії
31B. Пріоритет бренду/історії
32C. Експериментальний/Пріоритет запам'ятовування
33Для кожного плану покажи: Назва концепції / Пояснення одним реченням / Центральний об'єкт / Ключове зображення / Колірна схема / Гарнітура / Сітка / Поля / Рух / Представлення CTA / Відображення на смартфоні / Переваги / Ризики.
34
35■ 4. Інформаційний Дизайн
36Створи карту сайту та потік користувача в наступному порядку:
37- Що користувач хоче дізнатися в першу чергу
38- Що необхідно для довіри
39- Що необхідно для порівняння з іншими компаніями
40- Інформація, яка знімає тривогу
41- Інформація, необхідна безпосередньо перед дією
42Не збільшуй кількість пунктів навігації надмірно.
43
44■ 5. Дизайн Кожної Сторінки
45Виведи для кожної сторінки:
46Мета сторінки / Психологія відвідувача / Що передати в перші 3 секунди / Склад секцій / Заголовок кожної секції / Інформація для відображення / Зображення для використання / Напрямок погляду / CTA / Заходи для запобігання відходу / Зміни для смартфона
47
48■ 6. Дизайн-Система
49Визнач наступне з конкретними числовими значеннями:
50Максимальна ширина контенту / Колонки / Рівні полів / Розмір заголовків / Розмір основного тексту / Міжрядковий інтервал / Радіус кутів / Межа / Тінь / Ролі кольорів / Час анімації / Контрольні точки
51Покажи причину відповідності меті, а не просто декоративні числа.
52
53■ 7. Реалізація
54Перетвори на реалізовану конфігурацію:
55Список компонентів / Структура даних / Управління станом / Специфікації адаптивності / Доступність / Оптимізація зображень / SEO / Продуктивність / Обробка помилок форми / Врахування потреб користувачів, які хочуть зупинити анімацію
56
57■ 8. Контр-аудит
58Як інший UX-лід, перевір наступне:
59- Чи перемагає виробництво над метою? / Чи є кілька головних героїв?
60- Чи читабельний текст на смартфоні? / Чи є CTA раптовим?
61- Чи заважає анімація роботі?
62- Чи виглядає це як типовий сайт, згенерований ШІ? / Чи є безглузді градієнти?
63- Чи відповідає це на тривогу користувача? / Чи можна ним керувати лише за допомогою клавіатури?
64- Чи є елементи, які погіршують швидкість відображення?
65Нарешті, виведи кінцеві специфікації та інструкції з реалізації, що відображають аудит.

1Ви — креативний директор, спеціаліст із LP, який поєднує маркетинг прямого відгуку, поведінкову психологію, копірайтинг, інформаційний дизайн та UI-дизайн.
2
3Замість того, щоб спонукати до покупки яскравими прикрасами, створіть LP, де сприйняття читача змінюється поступово, і він може діяти в стані переконаності.
4
5【Продукт/Послуга】{{Input}}
6【Ціна】{{Input}}
7【Цільова аудиторія】{{Input}}
8【Поточні проблеми цільової аудиторії】{{Input}}
9【Результати, які можна надати】{{Input}}
10【Докази/Досвід】{{Input}}
11【CTA】{{Купівля, реєстрація, консультація, запит документів тощо}}
12【Заборони】
13Не використовуйте перебільшені висловлювання, хибний дефіцит, непідтверджені цифри або вирази, що надмірно розпалюють тривогу.
14
15■ Фаза 1: Проектування зміни сприйняття
16До: У що вони зараз вірять / Від чого відмовилися / Чого побоюються / Причини не діяти
17Переломний момент: Факти, що ламають звичні передумови / Нові перспективи / Несподівані, але переконливі пояснення
18Після: Що вони зрозуміли / Чому можуть вірити / Чому можуть діяти
19
20■ Фаза 2: Центральний об'єкт
21Виберіть один об'єкт або явище, яке символізує цінність продукту.
22Надайте цьому об'єкту семантично пов'язану суперечність.
23Приклад: Зупинена шестерня, що прискорює роботу / Закриті двері, що збільшують можливості / Легкий папір, що підтримує важкий бізнес / Невидимий водний шлях, що переносить інформацію.
24Надавайте перевагу зрозумілості механізму продукту, а не цікавості метафори.
25
26■ Фаза 3: Створіть 3 плани першого екрану
27A. План, який чітко передає результати
28B. План, що починається з емпатії до проблеми
29C. План, що змінює сприйняття за допомогою центрального об'єкта
30Для кожного плану виведіть: Основний текст / Підзаголовок / Ключове візуальне зображення / CTA / Елементи довіри / Макет на смартфоні / Очікувана реакція читача / Слабкі сторони.
31
32■ Фаза 4: Композиція LP
33Складіть у наступному психологічному порядку:
341. Усвідомлення, що це для них
352. Правильне розуміння проблеми
363. Усвідомлення обмежень звичайних методів
374. Розуміння нового механізму
385. Відчуття, що це досяжно
396. Побачити докази
407. Уявлення власного випадку
418. Зняття тривоги
429. Розуміння умов дії
4310. Вибір CTA
44Для кожного розділу виведіть: Мета / Заголовок / Тіло / Діаграма або зображення / Докази / Психологія читача / Зв'язок з наступним розділом / Наявність CTA.
45
46■ Фаза 5: Візуальний дизайн
47- Розміщуйте лише одне сильне твердження на екрані
48- Робіть докази та порівняння більш помітними, ніж прикраси
49- Виділяйте важливі цифри за допомогою вільного простору навколо
50- Не використовуйте градієнти як заміну розкоші
51- Якщо використовуєте фотографії людей, розміщуйте текст або CTA в кінці напрямку їхнього погляду
52- Не розміщуйте довгі речення поверх фонових зображень
53- Не робіть лише колір CTA таким, що виділяється; створюйте важливість за допомогою попереднього та наступного контексту
54- На смартфонах налаштуйте так, щоб заголовки не перевищували 4 рядків
55
56■ Фаза 6: Контрдокази
57Як скептичний читач, вкажіть на наступне:
58Що не доведено / Для кого це не підходить / Яке навантаження крім вартості / Умови, за яких результати не з'являються / Пункти, які можуть досягти також конкуренти / Вирази, які можуть бути неправильно зрозумілі / Вирази з юридичними або етичними проблемами
59Врахуйте пункти та створіть остаточний рукопис LP і специфікації дизайну.

Підказка для генерації зображення

1Згенеруйте професійне ключове візуальне зображення, яке можна використовувати для реклами, веб-сайтів і слайдів, за наступних умов.
2
3【Мета】
4{{X мініатюра, перший екран LP, обкладинка слайда, фон веб-сайту тощо}}
5【Концепція, яку потрібно передати】{{Приклад: ШІ розширює швидкість мислення людини}}
6【Головний об'єкт】{{Приклад: Прозорий куб}}
7【Суперечлива властивість, надана головному об'єкту】
8{{Приклад: Будучи твердим, його внутрішність тече, як рідина}}
9Ця суперечність не для ексцентричності, а для візуалізації {{зв'язку з концепцією}}.
10
11【Сцена】{{Приклад: Центр темного, неорганічного виставкового простору}}
12
13【Композиція】
14- Головний об'єкт знаходиться в {{центрі / праворуч / ліворуч}} екрану
15- Заповнення екрану становить {{60%}}
16- Залиште рівномірний відступ {{40% зліва}} для розміщення тексту
17- Погляд рухається в порядку {{відбите світло → контур головного об'єкта → центр}}
18- Не розміщуйте об'єкти, які конкурують з головним об'єктом, на фоні
19
20【Фотографічне вираження】
21- {{Фронтально, під кутом 45 градусів, зверху, крупним планом}}
22- Природна перспектива, еквівалентна {{35mm, 50mm, 85mm, макро}}
23- Глибина різкості {{мала / середня / велика}}
24- Джерело світла {{велике розсіяне світло, бічне світло, контрове світло тощо}}
25- Уникайте надмірних HDR-ефектів
26- Не допускайте пересвітів і залишайте інформацію про матеріал у темних ділянках
27
28【Матеріал】
29- {{Скло, метал, тканина, дерево, РК-екран, папір тощо}}
30- Надайте поверхні дрібні подряпини, відблиски, прозорість і товщину
31- Не робіть її однорідною текстурою, як пластик
32- Фізично узгодьте реакцію світла для кожного матеріалу
33
34【Колір】
35- Основний колір: {{Input}} / Додатковий колір: {{Input}} / Акцентний колір: {{Input}}
36- Обмежте кількість кольорів і надайте пріоритет формі та матеріалу головного об'єкта
37
38【Час/Зміна】
39Хоча це нерухоме зображення, зробіть так, щоб воно відчувалося як у середині часу, наприклад {{безпосередньо перед таненням, щойно після розбиття, у процесі формування, момент дихання}}.
40
41【Стандарти якості】
42- Рівень готовності, який може здати рекламна виробнича компанія / Головний об'єкт впізнаваний з першого погляду
43- Узгодженість матеріалу / Відступи навмисно спроектовані
44- Силует впізнаваний навіть на маленьких мініатюрах
45- Уникайте надмірного декору, характерного для AI-генерації / Не заповнюйте весь екран деталями
46- Не генеруйте текст, логотипи або водяні знаки
47
48【Вирази, яких слід уникати】
49Безглузді лінії, що світяться / Незліченна кількість частинок / Надмірний неон / Схеми, що заповнюють фон / Неприродні відблиски / Люди, не пов'язані з метою / AI-арт із сильним відчуттям дежавю / Незрозумілий декор
50
51Спочатку згенеруйте наступні 3 напрямки:
52A. План, який виглядає так, ніби він може існувати в реальності як фотографія
53B. План, де лише один фізичний закон перевернутий
54C. План, що поєднує класичні матеріали та цифрові явища
55Після генерації 3 планів порівняйте унікальність, читабельність, відповідність меті та узгодженість матеріалу, виберіть найкращий і згенеруйте покращену версію.

Додавання цього «Блоку аудиту професійного рівня» в кінці всіх цілей значно зменшить самовдоволені AI-дизайни.

1Не подавайте готовий план як є; проведіть його аудит як інший суворий креативний директор.
2
3Оцініть наступне за 10-бальною шкалою:
4Відповідність меті / Інформаційний пріоритет / Напрямок погляду / Відступи / Читабельність / Узгодженість матеріалу / Придатність для носія / Унікальність / Пояснюваність / Реалізованість
5
6Крім того, дайте відповіді на наступні запитання:
71. Чи звужено головний об'єкт цього дизайну до одного?
82. Чи спрацював би він, якби 30% декору було видалено?
93. Чи можна зрозуміти ієрархію інформації навіть без кольору?
104. Чи є якісь елементи, не пов'язані з центральною концепцією?
115. Чи є вирази з сильним відчуттям дежавю, які часто робить ШІ?
126. Серед несподіваних елементів, які варто залишити?
137. Що слід виправити як невдачу?
148. Які моменти будуть проблематичними в реальному середовищі використання?
159. Чи зрозумілий сенс для початківців?
1610. Які причини відхилення слід додати до умов наступної генерації?
17
18Якщо хоча б один пункт має менше 8 балів, виправте його та запишіть стан до виправлення, проблему, зміст виправлення та причину виправлення.

Найважливіша примітка: що копіювати — це «виробнича структура», а не «стиль»

Нарешті, я напишу найважливіше.

Якщо поверхнево копіювати стиль Очіаї, це, як правило, призводить до дизайну, який просто поєднує чорний фон, рідину, дзеркала, буддизм і футуристичний CG. Але те, що вам слід насправді перейняти, — це не зовнішній вигляд.

Те, що слід відтворювати, — це виробнича структура, а не стиль.

Перетворюйте абстрактні концепції на конкретні об'єкти. Вербалізуйте зв'язки між об'єктами. Включайте одну значущу суперечність. Відбирайте несподіваність ШІ. Конвертуйте в різні формати. Проектуйте до кінцевого носія. Порівнюйте кілька планів. Доручайте аудит іншому ШІ. Накопичуйте причини для відхилення. Перевіряйте в реальному середовищі використання.

Ці 10 пунктів є ядром методу Очіаї. Чорні фони та рідини — це лише результати.

І ще одне. Пан Очіаї також публічно заявив, що він оновлює самі інструкції відповідно до змін середовища, таких як підтримка пошуку в ChatGPT. Замість того, щоб продовжувати використовувати одного разу створений «божественний промпт», продовжуйте оновлювати саму систему інструкцій відповідно до невдач та еволюції інструментів. Це ставлення, ймовірно, є найважливішим.

У co-vibe показано напрямок пам'яті, яка навчається на історії виконання та адаптується до вподобань. Те саме стосується генерації дизайну: збереження того, чому ви відхилили щось, є більш потужним у довгостроковій перспективі, ніж збереження «хороших планів». Причини успіху важко відтворити, але причини невдач надійно працюють як умови для наступної генерації.

Відчуття не набувається за одну ніч. Але цю виробничу структуру можна копіювати, починаючи вже сьогодні. Спочатку спробуйте Принцип 1: «Замініть прикметники на об'єкти». Перепишіть «зробити це крутим» на «який головний об'єкт, як він розташований і як рухається погляд?» Просто зробивши це, наступний дизайн, який з'явиться, неодмінно буде на крок ближче до професійного.