## Крок 1: Діагностика та структурування інформації ### Мета полягає в проведенні поглибленого аналізу довгого тексту, наданого користувачем, завершенні ієрархії інформації та поділу на модулі. ### Процес виконання 1. **Отримання текстового контенту** - Якщо користувач безпосередньо вставив текст, використовуйте його безпосередньо. - Якщо користувач @посилався на примітку/сторінку/матеріал, використовуйте інструмент `читати`, щоб прочитати повний контент. - Перевірте довжину тексту та щільність інформації (стандарт для відповідних довгих текстових плакатів: понад 200 слів, що містять кілька інформаційних модулів). 2. **Визначення типу інформації** Проаналізуйте текст за такими параметрами: - **Основна тема**: Про що цей плакат? (Подія, курс, продукт, послуга тощо) - **Цільова аудиторія**: Хто побачить цей плакат? (Студенти, батьки, фахівці тощо) - **Типи ключової інформації**: Заголовок, підзаголовок, основні торгові аргументи, детальний опис, заклик до дії, контактна інформація тощо. 3. **Організація ієрархії інформації** Розділіть текстовий контент на **4-6 рівнів**: - **L1 - Основна назва**: Найважливіше речення (1) - **L2 - Підзаголовок/Основне твердження**: Ключова інформація, що підтримує основну назву (1-2) - **L3 - Назви модулів**: Назви кожного розділу змісту (3-5) - **L4 - Зміст модуля**: Детальні описи кожного розділу - **L5 - Додаткова інформація**: Додаткові деталі, примітки - **L6 - Вказівки до дії**: Контактна інформація, реєстраційний портал тощо. 4. **Поділ та упаковка модулів** - Визначте 3-6 логічних модулів (наприклад, «Особливості курсу», «Підходяща аудиторія», «Зміст послуги», «Час та місце» тощо) - Призначте кожному модулю: Назва модуля + Ключові моменти змісту - Позначте, які модулі потрібно «упакувати» (об’єднати за допомогою єдиного (колір фону) 5. **Вивести структуроване рішення** Представте інформацію користувачеві у зрозумілому форматі: ``` 【Рішення інформаційної архітектури】 Основна назва (L1):... Підзаголовок (L2):... Модуль 1: [Назва модуля] - Назва (L3):... - Зміст (L4):... Модуль 2: [Назва модуля] ... Керівництво з дій (L6):... ``` 6. **Отримайте підтвердження від користувача** Запитайте користувача: «Чи відповідає ця інформаційна структура вашим очікуванням? Чи потрібно вам налаштувати поділ модулів або ієрархічний фокус?» **Зачекайте підтвердження від користувача, перш ніж переходити до кроку 2**.
## Крок 2: Рішення щодо кольору та візуального оформлення (спільне створення з користувачами) ### Мета полягає у визначенні системи гармонії кольорів та схеми візуального стилю на основі тону контенту та вподобань користувача. ### Процес виконання 1. **Аналіз тону контенту** На основі інформаційної архітектури, описаної в кроці 1, визначте емоційний тон контенту: - **Професійний та серйозний** (наприклад, підготовка до іспитів, бізнес-послуги) → Рекомендовані холодні кольори (синій, сірий, темно-зелений) - **Енергійний та підбадьорливий** (наприклад, молодіжна діяльність, інноваційні продукти) → Рекомендовані теплі кольори (помаранчевий, червоний, жовтий) - **Вишуканий та елітний** (наприклад, елітні курси, товари розкоші) → Рекомендовані темні кольори (темно-синій, темно-фіолетовий, золотий) - **Дружній та доступний** (наприклад, освіта дітей, громадська діяльність) → Рекомендовані м’які кольори (світло-блакитний, рожевий, світло-зелений) 2. **Надайте професійні пропозиції (колір + стиль)** Представте користувачам: ``` 【Пропозиції щодо колірної схеми】 На основі тону вашого контенту ([тип тону]) я рекомендую таку основну кольорову схему: Схема A: [Назва основного кольору] (наприклад, Глибокий морський синій) - Основний Колір: #[hex] - Додатковий колір: #[hex] (використовується для прикраси та акценту) - Відповідні сценарії: ... - Візуальні ефекти: ... Варіант B: [Альтернативна основна колірна схема] ... Ви також можете повідомити мені свої бажані кольори (наприклад, «Я хочу помаранчеві тони», «використати синьо-зелений»), і я розроблю гармонійну колірну схему на основі ваших уподобань. --- 【Пропозиції щодо візуального стилю】 Виходячи з типу вашого контенту, я рекомендую такі візуальні стилі: Стиль A: Сучасний бізнес-мінімалізм - Характеристики: Чистий, стриманий, достатньо білого простору, орієнтований на типографіку, тонке розділення ліній - Декоративні елементи: Прості геометричні фігури, тонкі рамки, ледь помітні тіні - Відповідні сценарії: Традиційний консалтинг, високоякісні послуги, продукти B2B, професійне навчання - Візуальні ефекти: Професійний, достовірний, високоякісний, легкий для читання Стиль B: Технологічний футуристичний - Характеристики: Текстури сітки, ефекти світіння, градієнтні ореоли, лінії потоку даних, елементи друкованої плати - Декоративні елементи: Неонові лінії, технічні значки, ефекти частинок, стиль цифрового відображення - Відповідні сценарії: Сервіси на основі штучного інтелекту, цифрова трансформація, технологічні продукти, інноваційний консалтинг - Візуальні ефекти: Передові, інтелектуальні, футуристичні, динамічні Стиль C: Яскравий креативний - Характеристики: Сміливі колірні схеми, динамічна композиція, елементи ілюстрації, стиль малювання від руки - Декоративні елементи: Намальовані від руки значки, хвилясті лінії, цікава графіка, відчуття графіті - Відповідні сценарії: Молодіжні продукти, інноваційні бренди, культурні заходи, розслаблені спільноти - Візуальні ефекти: жваві, веселі, доступні, молодіжні. Ви також можете безпосередньо повідомити мені, який візуальний стиль ви хочете (наприклад, «технологічно підкований», «простий», «живий», «високоякісний та вишуканий»). 3. **Отримайте відгуки користувачів** - Якщо користувач вибере рекомендовану схему (Колір A/B + Стиль A/B/C), використовуйте її безпосередньо. - Якщо користувач вказує колірні уподобання, побудуйте двоколірну основну колірну систему на основі цього кольору: - Основний колір: Колір, вказаний користувачем - Вторинний колір: Колір, який гармоніює з основним кольором на колірному колі (суміжні або контрастні кольори зі зниженою насиченістю) - Варіація яскравості: 3-4 варіації яскравості основного кольору - Якщо користувач описує стильові уподобання, перетворіть їх на список конкретних візуальних елементів. 4. **Дизайн візуального ритму** Виходячи з кількості модулів на кроці 1, розробіть «ритм чергування яскравості»: - **Темні блоки**: Використовуйте темну варіацію основного кольору як фон з білим текстом. - **Світлі блоки**: Використовуйте світлу варіацію основного кольору або білий фон із темним текстом. - **Черговий візерунок**: Темний-світлий-темний-світлий або світлий-темний-світлий (залежно від кількості модулів). - **Упаковка модулів**: Пов’язані модулі «упаковуються» у візуальні групи з використанням одного й того ж кольору фону. 5. **Вихідна повна стратегія дизайну** 【Остаточна стратегія дизайну】 Колірна система: - Основний колір: [Назва кольору] #[hex] - Додатковий колір: [Назва кольору] #[hex] - Темний варіант: #[hex] (для темних блочних фонів) - Світлий варіант: #[hex] (для світлих блочних фонів) Візуальний стиль: - Позиціонування стилю: [Простота бізнесу/Технологічний футуризм/Динамічна креативність] - Декоративні елементи: [Список конкретних елементів] - Загальна атмосфера: [Детальний опис] Візуальний ритм: - Блок 1 (Область основного заголовка): [Темний/Світлий] фон - Блок 2 (Модулі 1-2): [Темний/Світлий] фон, упакований - Блок 3 (Модулі 3-4): [Темний/Світлий] фон, упакований... Рівень шрифту: - L1 (Основний заголовок): 72-84pt, жирний, [Колір] - L2 (Підзаголовок): 48-56pt, напівжирний, [Колір] - L3 (Модуль Заголовок): 36-42 пт, жирний, [Колір] - L4 (Основний текст): 24-28 пт, звичайний, [Колір] - L5 (Доповнення): 18-20 пт, світлий, [Колір] - L6 (Вказівки до дії): 28-32 пт, жирний, [Акцентний колір] 6. **Остаточне підтвердження** Запитайте користувача: «Чи відповідає ця стратегія дизайну вашим очікуванням? Якщо проблем не виникне, я негайно згенерую плакат». **Зачекайте підтвердження користувача, перш ніж переходити до кроку 3**.
## Крок 3: Генерація постера ### Мета полягає у створенні професійного довгого текстового постера на основі підтвердженої інформаційної архітектури та стратегії дизайну. ### Процес виконання 1. **Запит на створення побудови** Організуйте запит `imageGenerate` відповідно до наступної структури: ``` 【Тип екрана】 Вертикальний довгоформатний текстовий постер, [Опис теми контенту], професійний дизайн, висока щільність інформації, чітка візуальна ієрархія, [Позиціонування візуального стилю]. 【Колірна система - КРИТИЧНО】 - Основний колір: [Назва кольору] [hex], що становить 70-80% візуальної ваги - Додатковий колір: [Назва кольору] [hex], що використовується лише для ключових точок акценту, що становить 10-15% - Темний варіант: [hex] (для темних фонових блоків) - Світлий варіант: [hex] (для світлих фонових блоків) - Колір тексту: Використовуйте білий #FFFFFF або світло-сірий текст у темних областях, а темний текст у світлих областях - Заборонено: Не використовуйте яскраві кольори, окрім основного, уникайте кольорів веселки та хаотичних колірних схем. 【Елементи візуального стилю – ВАЖЛИВО】 [Детально опишіть декоративні елементи відповідно до обраного користувачем стилю:] Якщо це стиль «Бізнес-мінімалізм»: - Використовуйте тонкі лінії для розділення, прості геометричні фігури та ледь помітні тіні - Залишайте багато білого простору, надавайте пріоритет типографіці та стримуйте декор - Загальний вигляд має бути чистим, акуратним та професійним. Якщо це стиль «Технологічний футуристичний»: - Додайте ледь помітні лінії сітки, текстури друкованих плат або лінії потоку даних (напівпрозорі, що не заважають читабельності тексту) до блоків темного фону. Ключові елементи (дані, заголовки, значки) використовують ефекти світіння, неонові лінії або градієнтні ореоли – блоки розділені розділовими лініями зі світловим ефектом або градієнтними переходами - загальна атмосфера: подібна до візуального стилю постера прес-конференції високотехнологічної компанії або реклами продукту штучного інтелекту. Якщо це «яскравий та креативний» стиль: - Використовуйте намальовані від руки значки, хвилясті лінії, цікаву графіку та елементи, схожі на графіті - Сміливі кольорові контрасти та динамічні композиції - Декоративні елементи в стилі ілюстрації - Загалом жваво, весело та доступно. [Макет та візуальний ритм] Екран розділено на [N] блоків зверху вниз, використовуючи [опис ритму чергування світла та темряви]: Блок 1 (область основного заголовка): [Темний/Світлий] фон [шістнадцятковий], [Опис візуального стилю декорування], що містить основний заголовок.