Шпаргалка 5: Инфографика
Сценарий «читай с экрана» для занятия 5: тайминг, реплики, разборы, что делать при сбоях.
Цель занятия: обложка и слайд «боль → решение» готовы и проверены по правилам площадки, остальные три слайда - в домашку.
Материалы:
- Урок:
01-10-Занятия-ученик/lesson-05-infografika.md - Чек-лист 5
- Задачи 5.1 и 5.2 (5.2 - охота на нарушениях, три картинки в раздатке)
- Разворот Занятия 5 в тетради
- Демо-файлы:
Демо-данные/demo-z2-wb-112444005/112444005-main.webpи112444005-photo-2/3/4.webp - Слот раздатки задачи 5.2 наполнен: три картинки с посаженными ошибками (акционная плашка, низкий контраст, текст на обложке)
- Заготовки: сгенерированная обложка стола, готовый Figma-фрейм 900x1200, пример кривой кириллицы
Сетка минут
| Минуты | Блок | Контроль |
|---|---|---|
| 0-5 | Приветствие + результат на экране | Все видят готовый комплект из 5 изображений |
| 5-15 | Долг З4: билеты, статусы карточек | К 15-й минуте долг закрыт |
| 15-30 | Теория: правила WB + охота на нарушениях | К 30-й теория закончена |
| 30-45 | Блок 1: Шаблон 4 → ТЗ на 5 карточек | У каждого ТЗ на свой товар |
| 45-60 | Блок 2: генерация обложки + Figma | Обложка сгенерирована |
| 60-65 | Добор: слайд «боль → решение» | Второй слайд в работе |
| 65-75 | Парный QA комплекта | Сосед прогнал по чек-листу |
| 75-85 | Сборка + домашка | Обложка и слайд 2 готовы |
| 85-90 | Выходной билет | 3 строки в тред |
Реплики по блокам
0-5. Приветствие
«Покупатель решает взглядом, описание открывают последним. Сегодня собираем визуал: чистая обложка и инфографика со второго фото. Вот готовый комплект - смотрите. К 85-й минуте у вас будут первые два изображения, остальные три в домашку.»
5-15. Долг З4
Билеты З4 плюс статусы карточек: у кого прошло, у кого вернулось.
15-30. Теория + охота
Таблица правил WB (обновление 27.07.2026): минимум 700x900, рабочий стандарт вертикаль 3:4 от 900x1200, до 10 МБ, контраст текста от 4.5:1 мелкий и от 3:1 крупный, запрет водяных знаков, логотипов, акционных плашек и маркетингового текста, обложка - товар целиком на нейтральном фоне с минимумом инфографики.
Дальше охота (это разминка, а не лекция) - выводишь три картинки из раздатки:
«Три картинки. В каждой минимум одно нарушение. Пишите в чат номер картинки и что не так. У вас две минуты.»
Разбираешь ответы, называешь пункт правила на каждое нарушение.
«Стратегия курса: обложка чистая, чтобы не терять рейтинг, инфографика со второго фото, где она легальна и работает на конверсию.»
30-45. Блок 1: ТЗ от нейросети
Шаблон 4 из З2 на демо-столе. В шаблоне уже зашиты правила площадки.
«Модель задаст уточняющие вопросы - отвечайте реальными данными, не разрешайте ей решать за вас. Каждое число на будущей картинке должно быть из паспорта вашего товара.»
Практика: ТЗ на свой товар, таблица 5 карточек.
45-60. Блок 2: генерация и Figma
Показываешь промпт генерации на английском, объясняешь, почему без текста:
«Русских надписей у генератора не просим никогда. Смотрите, что получается - вот пример кривой кириллицы. Текст добавляем в Figma, поверх, шрифтом бренда.»
Дальше Figma: фрейм 900x1200, загрузка генерации, кадрирование до 3:4, заголовок 60-80 pt, пункты 30-40 pt, экспорт PNG.
«Тест "размер ногтя": уменьшите превью до размера ногтя. Не читается - переделывайте. Именно так покупатель видит вашу карточку в выдаче.»
Практика: своя обложка.
60-65. Добор: второй слайд
«Слайд "боль - решение" - самый конверсионный после обложки. Один заголовок до пяти слов, максимум три коротких пункта. Всё остальное в домашку.»
65-75. Парный QA
«Сосед прогоняет ваши картинки по таблице требований. Ищет: текст на обложке, акционные слова, низкий контраст, цифру, которой нет в паспорте товара.»
75-85. Сборка и домашка
Опционально показать vision-проверку (Промпт №2): загрузить готовую картинку в модель и попросить найти нарушения.
Демо: что кликать и что должно получиться
| Шаг | Что делаешь | Что должно получиться |
|---|---|---|
| 1 | Шаблон 4 с данными стола | Таблица 5 строк: тема, заголовок, подзаголовок, композиция, фон, положение товара |
| 2 | Промпт генерации обложки (англ.) | Товар целиком, нейтральный светло-серый фон, без текста, вертикаль 3:4 |
| 3 | Figma: фрейм 900x1200, загрузка, кадрирование | Изображение в пропорции 3:4 |
| 4 | Текст в Figma: заголовок 60-80 pt | Читается на превью размером с ноготь |
| 5 | Export PNG | Файл меньше 10 МБ |
| 6 | Промпт №2 (vision-проверка) | Вердикт «ок» или список конкретных правок |
Если отстаём
- За 30 мин до конца (60-я минута): генерацию слайдов 3-5 полностью в домашку, на эфире добиваем обложку. Figma-сборку не режем: без неё ученики попробуют просить текст у генератора и получат кривую кириллицу.
- За 5 мин до конца: обязательно сказать - (1) текст только в Figma, (2) обложка чистая, инфографика со второго фото, (3) все цифры из паспорта товара, (4) тест «размер ногтя» перед загрузкой, (5) домашка 5.1 и 5.2.
Красные флаги занятия
| Что ломается | Признак | Что делаешь |
|---|---|---|
| Кривая кириллица | Текст просили у генератора | Показать заранее, до того как ученик потратит лимит генераций |
| Генерация «не тот товар» | Модель подставила чужой объект или логотип с исходника | Проговорить как норму, а не ошибку: новый чат, заново фото и вводные, не вылизывать пятью итерациями |
| Лимит генераций исчерпан | Модель перестала генерить | Напомнить о лимитах В НАЧАЛЕ занятия, чтобы не прожгли на пробах; перейти в Gemini или Шедеврум |
| Акционная плашка от генератора | В промпте были promo-слова | Убрать promo-слова из промпта, плашку снять в Figma |
План Б при сбое демо: генерация не работает или лимиты выбиты у большинства - показываешь заготовленную обложку стола и собираешь её в Figma при всех из готового изображения. Ученики работают с исходными фото из демо-папки (112444005-main.webp и три дополнительных), навык Figma-сборки отрабатывается полностью.
Parking lot занятия
| Типовой оффтоп | Куда паркуем |
|---|---|
| «Midjourney против DALL-E, что лучше?» | Паркинг: навык переносится, генерируйте в чём удобно |
| «А Фотостудия WB заменит дизайнера?» | Ответ одной строкой в чат после эфира, на эфире не разворачиваем |
| «Можно я закажу дизайнеру и не буду сам?» | Паркинг: можно, но ТЗ вы всё равно пишете сами - это и есть навык занятия |
Домашка
Задачи 5.1 и 5.2 из банка задач, тред «Домашка З5», до Занятия 6. Подсказка вслух: перед отправкой уменьшить превью до размера ногтя - текст на каждом слайде должен читаться в этом размере.
Выходной билет
З5 / что нового узнал: ...
З5 / какой слайд дался тяжелее всего: ...
З5 / что поставлю в A/B-тест обложки и когда: {вариант B} с {дата}