CC для ПМів

3.1.3: Консистентність та стиль

  • Час на виконання: 20 хвилин
  • Передумови: Розуміння основ (Модуль 3.1.2)

Почніть цей модуль в Claude Code: Запустіть /start-3-1-3 для початку інтерактивного досвіду.

Огляд

Модуль 3.1.3 навчає писати промпти які дають чудові результати та підтримувати консистентність між генераціями. Ви дізнаєтесь Золоті правила промптингу від Google, як використовувати референсні зображення, та техніки дослідження кількох напрямків.

Головний висновок: Чудові результати приходять від чіткої комунікації, а не магічних ключових слів. Спілкуйтесь з Gemini так, як би ви брифували людину-дизайнера.

Золоті правила промптингу

Google опублікував офіційне керівництво для промптингу генерації зображень Gemini. Ці чотири правила трансформують ваші результати.

Правило 1: Редагуйте, не перегенеровуйте

Якщо зображення правильне на 80%, просіть конкретні зміни замість того, щоб починати заново.

Це найважливіше правило. Gemini — мисляча модель — вона підтримує контекст та розуміє ваш творчий напрямок. Коли ви ітеруєте, вона будує на тому, що вже добре.

Замість:

[Генерувати зображення]
"Не зовсім правильно"
[Генерувати знову з нуля]
[Генерувати знову з нуля]
[Генерувати знову з нуля]

Робіть так:

[Генерувати зображення]
"Зробіть освітлення тепліше"
"Перемістіть об'єкт лівіше"
"Додайте більше контрасту"
[Готово]

Чому це працює: Кожне уточнення дає Gemini більше інформації про те, що ви хочете. Починаючи заново, ви викидаєте весь цей контекст.

Правило 2: Використовуйте природну мову та повні речення

Говоріть з Gemini так, як би ви брифували людину-художника, а не пишете пошукові ключові слова.

Ви могли бачити "тег-суп" промпти онлайн — ключові слова через кому як пошуковий запит. Це застарілий підхід. Gemini — мисляча модель, яка розуміє природну мову.

Тег-суп (застарілий):

professional headshot, business attire, confident, studio lighting,
bokeh background, sharp focus, 8k, trending on artstation

Природна мова (краще):

A professional headshot of a confident business executive in a
modern studio setting. Soft, even lighting creates a warm atmosphere.
The background has a subtle blur that keeps focus on the subject.

Чому це працює: Повні речення забезпечують контекст та зв'язки між елементами. Gemini розуміє "м'яке освітлення що створює тепло" краще ніж "м'яке освітлення, тепле".

Правило 3: Будьте конкретними та описовими

Визначте об'єкт, обстановку, освітлення, настрій, текстури та матеріали. Заглиблюйтесь.

Gemini може впоратись з неймовірними деталями — набагато більше, ніж ви могли б очікувати. Чим конкретніший ви є, тим ближче результат до вашого бачення.

Розмито:

A coffee shop

Конкретно:

A cozy corner coffee shop on a rainy afternoon. Warm Edison bulb
lighting casts golden pools on worn wooden tables. Steam rises from
ceramic mugs. Rain streaks down floor-to-ceiling windows. A few
patrons read books in overstuffed leather armchairs. The walls are
exposed brick with vintage concert posters. Soft jazz plays from
an unseen speaker.

Елементи для розгляду:

  • Об'єкт: Хто/що є у фокусі?
  • Обстановка: Де це відбувається?
  • Освітлення: Природне, штучне, час доби, напрямок, якість
  • Настрій: Емоційний тон, атмосфера
  • Текстури: Якість поверхні, матеріали
  • Кольори: Палітра, контрасти, температура
  • Композиція: Кадрування, перспектива, фокусні точки

Порада профі: Якщо не впевнені як додати деталі, запитайте Claude: "Help me expand this prompt with more specifics."

Правило 4: Надавайте контекст

Розкажіть Gemini "чому" або "для кого", щоб вона приймала кращі творчі рішення.

Контекст формує творчі вибори. Портрет "для дитячої книги" виглядає зовсім інакше ніж той самий об'єкт "для кампанії люксового бренду".

Без контексту:

A lion in a savanna

З контекстом:

A lion in a savanna, for a nature documentary title card.
The image should feel majestic and cinematic, capturing the
power and dignity of wildlife.

Приклади контексту:

  • "for a pitch deck to investors"
  • "for a children's educational app"
  • "for a premium subscription service landing page"
  • "in the style of Apple product marketing"
  • "targeting manufacturing operations managers"

Чому це працює: Gemini використовує контекст для прийняття відповідних рішень щодо стилю, тону, композиції та рівня деталей.

Референсні зображення

Референсні зображення — ваша таємна зброя для консистентності та контролю стилю. Ви можете надавати зображення для Gemini для використання як візуального вводу.

Типи референсних зображень

ТипМетаПриклад
Референс стилюЗахопити візуальну естетикуДизайн лендингу, художній стиль
Референс об'єктуПідтримувати консистентність персонажуФото людини, знімок продукту
Референс композиціїНаправляти компонування та кадруванняВайрфрейм, скріншот

Один референс стилю

Надайте одне зображення для захоплення його візуального стилю:

Generate a [your subject] in the style of this reference image

Gemini аналізує кольори, освітлення, композицію та художній підхід референсу — потім застосовує той стиль до вашого нового об'єкту.

Випадки використання:

  • Відтворити візуальну мову бренду
  • Відповідати існуючій естетиці кампанії
  • Досягти конкретного художнього стилю

Кілька референсів об'єкту

Для консистентних персонажів надайте кілька фотографій того самого об'єкту:

Generate [prompt] using these reference photos of [subject]

Порада профі: Більше референсних фото = кращі результати. 3-5 фото з різних кутів та умов освітлення допомагають Gemini повністю зрозуміти об'єкт.

Випадки використання:

  • Портрети персон що схожі на конкретну людину
  • Знімки продукту з різних кутів
  • Консистентність персонажу через кілька зображень

Поєднання

Комбінуйте референси стилю з референсами об'єкту:

Create [subject from reference A] in the style of [reference B]

Це дозволяє розміщувати реальних об'єктів у художні стилі, або застосовувати естетику бренду до нового контенту.

Приклад з курсу:

  • Референс стилю: Жирна баскетбольна цільова сторінка
  • Референси об'єктів: Фото двох котів (Winter та Piper)
  • Результат: Цільова сторінка "APEX CAT" в баскетбольному стилі з реальними котами

Сітки: кілька видів в одному зображенні

Сітки генерують кілька пов'язаних зображень в одному виводі — ідеально для листів персонажів, видів продукту або слайдів презентації.

Коли використовувати сітки

Випадок використанняФормат сіткиПриклад
Дизайн персонажу3x3 позиЛисток спрайтів відеогри
Вигляди продукту2x2 кутиЗнімки продукту для e-commerce
Презентація2x4 слайдиНавчальні матеріали
Концепції UI2x3 екраниДослідження дизайну застосунку

Як запитувати сітки

Будьте явними щодо структури сітки:

Create a 3x3 grid showing [subject] in 9 different poses:
- Row 1: Standing, walking, running
- Row 2: Sitting, jumping, waving
- Row 3: Thinking, pointing, celebrating

Ключові поради:

  • Вкажіть точні розміри сітки (3x3, 2x4 тощо)
  • Опишіть що повинна містити кожна клітинка
  • Запросіть консистентний стиль у всіх клітинках

Випадки використання сіток для ПМів

  • Вирази персони: Той самий персонаж що показує різні емоції
  • Етапи шляху користувача: Візуальне представлення кожного кроку
  • Скріншоти функцій: Кілька екранів застосунку в одному зображенні
  • Слайди презентації: Повна візуалізація слайд-деку

Варіанти: дослідження напрямків

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

Робочий процес з варіантами

  1. Генеруйте 2-3 варіанти тієї ж концепції
  2. Перегляньте всі варіанти — вони матимуть суттєво різні інтерпретації
  3. Оберіть улюблений
  4. Ітеруйте з ним використовуючи техніки з Модуля 3.1.2
Generate 3 variants of [concept] with different creative interpretations

Коли використовувати варіанти

  • Невпевнені щодо стилю: Нехай Gemini покаже вам варіанти
  • Презентації клієнтам: Запропонуйте кілька напрямків
  • Творче дослідження: Подивіться що можливо
  • Подолання блоків: Коли не впевнені що хочете

Варіанти vs Ітерація

ВаріантиІтерація
Досліджують різні напрямкиУточнюють один напрямок
Генерують кілька одразуБудують крок за кроком
Оберіть, потім ітеруйтеРедагуйте, не перегенеровуйте
Добре для: дослідженняДобре для: уточнення

Найкраща практика: Використовуйте варіанти для знаходження напрямку, потім переходьте до ітерації для його вдосконалення.

Все разом

Ось повний робочий процес що поєднує всі техніки:

Крок 1: Напишіть детальний промпт (Правила 2, 3, 4)

Create a professional persona portrait for a pitch deck (context).
The subject is Marcus, an operations manager in his mid-40s (subject).
He's in a manufacturing environment, wearing a polo shirt and safety vest (setting).
Confident but approachable expression (mood).
Natural lighting from large warehouse windows (lighting).

Крок 2: Надайте референси (якщо доступні)

  • Референсне фото реальної людини, або
  • Референс стилю бажаного вигляду

Крок 3: Генеруйте варіанти (при дослідженні)

Generate 3 variants with different compositions

Крок 4: Оберіть та ітеруйте (Правило 1)

I like variant 2. Make the lighting warmer and have him
looking slightly to the left.

Крок 5: Фінальна роздільна здатність

Perfect. Regenerate at 2K resolution for the final version.

Найкращі практики

Робіть:

  • Пишіть повними реченнями — спілкуйтесь природно
  • Будьте конкретними щодо деталей — Gemini може з цим впоратись
  • Надавайте контекст — поясніть мету
  • Використовуйте референсні зображення — для консистентності стилю та об'єкту
  • Ітеруйте терпляче — уточнюйте замість перезапуску
  • Генеруйте варіанти — при дослідженні напрямків

Не робіть:

  • Не використовуйте тег-суп — він застарілий
  • Не будьте розпливчастими — конкретність дає результати
  • Не пропускайте контекст — "чому" має значення
  • Не перезапускайте постійно — редагуйте те, що працює
  • Не вносьте багато змін одночасно — одне за раз

Усунення несправностей

Вивід не відповідає референсу стилю

  • Референс може бути надто складним — спробуйте чистіший приклад
  • Будьте явним: "Match the color palette and lighting style of the reference"
  • Деякі стилі важче відтворити

Персонаж виглядає непослідовно

  • Надайте більше референсних фото (3-5 з різних кутів)
  • Будьте конкретні щодо ідентифікуючих ознак
  • Розгляньте використання спеціальної сесії персонажу

Клітинки сітки непослідовні

  • Явно запросіть "consistent style across all cells"
  • Опишіть спільні елементи які повинні залишатись постійними
  • Використовуйте референс стилю для всієї сітки

Варіанти надто схожі

  • Попросіть "meaningfully different creative interpretations"
  • Вкажіть різні аспекти для варіації: "different compositions" або "different color palettes"
  • Дайте Gemini більше творчої свободи у вашому промпті

Швидкий довідник

Золоті правила:
  1. Редагуйте, не перегенеровуйте
  2. Природна мова, не тег-суп
  3. Будьте конкретними та описовими
  4. Надавайте контекст ("чому" та "для кого")

Референсні зображення:
  - Реф стилю → Захопити естетику
  - Реф об'єкту → Підтримувати консистентність
  - Кілька рефів → Краща точність

Сітки:
  - Вкажіть розміри (3x3, 2x4)
  - Опишіть кожну клітинку
  - Запросіть консистентний стиль

Варіанти:
  - Генеруйте 2-3 варіанти
  - Оберіть найкращий
  - Потім ітеруйте

Що далі?

Ви знаєте як писати чудові промпти та підтримувати консистентність. Тепер час побудувати систему що накопичується з часом.

Модуль 3.1.4 навчає будувати базу стилів — бібліотеку стилів що можна використовувати для будь-якого проекту. Ви також навчитесь витягувати стилі з будь-якого зображення що знайдете онлайн.

Інтерактивний трек: Введіть /start-3-1-4


Про цей курс

Створено Carl Vellotti.