ДИЗАЙН ВЫХОДНЫЕ · РОСТОВ ВЕЛИКИЙ
A. ЦАЙ / DOJO MEDIA
01
ЛЕКЦИЯ № 01 / 35 МИНУТ
ИИ забрал рутину — и вернул мне креатив.
ANDREW TSAY
→ DOJO-MEDIA.RU
WHO IS SPEAKING
03 / 51
ОБО МНЕ
Андрей Цай.
Основатель Dojo Media . Делаем сайты, SEO/GEO и digital для клиентов в РФ, ЕС и США. Доцент ЯрГУ. AI-энтузиаст.
DOJO-MEDIA.RU
@ANDREI7685
SPEAKER
EST. 1985
РЕГАЛИИ · DOJO MEDIA
04 / 52
РЕЙТИНГИ · НАГРАДЫ · СЕРТИФИКАТЫ
.
EST. 2014 15+ ЛЕТ В РЫНКЕ
1
МЕСТО
SEO-продвижение сайтов
2
МЕСТО
Комплексное продвижение 360
2
МЕСТО
Разработка и продвижение сайтов
2
МЕСТО
SMM-агентства
2
МЕСТО
Веб-разработка на no-code
3
МЕСТО
Агентства контекстной рекламы
4
МЕСТО
Ведущие веб-разработчики
3
САЙТА
Made on Tilda — подборка
×2
TAGLINE
digital-премия: серебро · бронза
Hugging Face
сертификат по ИИ-агентам — пайплайны и оркестрация
7
СТРАН
РФ · Корея · США · ОАЭ · Швейцария · Германия · Гонконг
DOJO-MEDIA.RU
RANKINGS · AWARDS · CERTS
ФИЛОСОФИЯ
40 / 51
ГЕГЕЛЬ · НАУКА ЛОГИКИ · 1812
Закон перехода количества в качество
Изменения копятся постепенно — реализуются скачкообразно.
Сейчас — первая итерация ИИ для вебдиза. Скачок качества впереди, поэтому кушаем нейрослоп кими 2.6.
HEGEL · 1812
40 / 51
opus 4.6/4.7.
ФИЛОСОФИЯ · СТАВКА
— / 51
ГЕГЕЛЬ · СКАЧОК С ДАТОЙ
Ставка: Q2 2028.
Сегодня ИИ-дизайн — «слоп?»: картинка без системы. Скачок засчитан, когда один промпт отдаёт дизайн-систему, а не страницу. Дата проверки — Q2 2028. Аналогия с ввайб кодингом от roo до opus 4.6.
HEGEL · BET
THE LEAP
МАНИФЕСТ
02 / 51
ОТ — К
«сделай кнопку»
→ «придумай продукт»
Новая роль дизайнера — не исполнитель, а автор.
A. TSAY · 2026
MANIFESTO
POV · ИНДУСТРИЯ
07 / 51
ПРОВОКАЦИЯ № 1
Не будет мидл сениор.
Грейды — артефакт мира, в котором знание накапливалось медленно.
PART · II
NEW STRUCTURE
ГРЕЙДЫ · ЧТО ЭТО БЫЛО
08 / 51
Что есть сейчас.
🙈
Pre-Junior
умеет работать с инструментами, но не понимает логику проектирования и связь элементов в системе.
🙄
Junior
копирует чьи-то решения, тем самым обучаясь.
❤️
Middle
копирует лучше + добавляет аналитику в свою работу.
✍️
Senior
насмотренность, best practice, экспертные рекомендации: «на рынке делают так — вам подойдёт это».
💪
GENIUS!
малый процент. Используют решения, которых ещё не существует.
HIERARCHY
ТЕЗИС
09 / 51
“
В эпоху ИИ не будет грейдов. Будет единственный скилл: нормальный исполнительный человек, который быстро адаптируется и не боится изменений.
— ANON, FACEBOOK · СОВПАДАЕТ С МОИМ МНЕНИЕМ НА 1000%
QUOTE
09 / 51
ПРОВОКАЦИЯ № 1.5
10 / 51
ЦЕНА ВХОДА
Барьер в дизайн упал до нуля?????????????????.
2015
·
курсы, год обучения
·
портфолио из нуля
·
стажировка
·
«джуны 5 лет до мидла»
→
2026
// КОНКУРЕНЦИЯ ТЕПЕРЬ НЕ ЗА НАВЫК — ЗА ВКУС И НАСМОТРЕННОСТЬ.
ENTRY COST = 0
10 / 51
POV · НАВЫК
— / 51
ВКУС ≠ НАСМОТРЕННОСТЬ
297 из 300 — мимо.
Насмотренность без иерархии — это лента. Вкус — это фильтр: отбраковать 297 из 300 за две минуты и объяснить почему. ИИ не создал этот навык.
TASTE ≠ FEED
THE FILTER
ЧАСТЬ III
11 / 51
↓ ПРАКТИКА
Эксперименты.
Claude · Codex · MCP · ComfyUI · собственные пайплайны
PART · III / V
HANDS ON
ЭКСПЕРИМЕНТ · 00
12 / 51
МОИ ЭКСПЕРИМЕНТЫ С
Claude Design.
Серия попыток отдать ИИ задачи, которые раньше занимали дни. Что вышло — на следующих 5 слайдах.
→ 5 КЕЙСОВ · СЛЕДУЮЩИЕ 5 СЛАЙДОВ
EXPERIMENTS · INTRO
12 / 51
ЗА ПОСЛЕДНИЙ ГОД
13 / 51
ЧТО Я ПЕРЕСТАЛ ДЕЛАТЬ РУКАМИ
Рутина ушла → креатив вернулся.
Ресайз макетов.
Подбор палитр.
Иконки.
Первые драфты копирайта.
Презентации. ↑ эту в т. ч.
Брифы и ТЗ.
// ВРЕМЯ, КОТОРОЕ ОСВОБОДИЛОСЬ — УШЛО В ИДЕИ.
DELEGATED TO AI
13 / 51
ЭКСПЕРИМЕНТ · 01
14 / 51
CASE / 01 OF 05
Лендинг
От брифа до готового макета. Промт + ручная доработка.
↓ ПОДПИСЬ ЗАМЕНИТЬ
CLAUDE DESIGN
14 / 51
ЭКСПЕРИМЕНТ · 02
15 / 51
CASE / 02 OF 05
Перебор вариаций.
20 версий хедера за час — клиент выбрал № 14.
↓ ПОДПИСЬ ЗАМЕНИТЬ
CLAUDE DESIGN
15 / 51
ЭКСПЕРИМЕНТ · 02
15 / 51
CASE / 02 OF 05
Перебор вариаций.
.
↓ ПОДПИСЬ ЗАМЕНИТЬ
CLAUDE DESIGN
15 / 51
ЭКСПЕРИМЕНТ · 03
16 / 51
Прототип → код.
CASE / 03 OF 05
CLAUDE DESIGN
16 / 51
МГНОВЕННОЕ ТЕСТИРОВНАНИЕ ГИПОТЕЗ БИЗНЕСА
18 / 51
CASE / 05 OF 05
Любимый кадр.
18 / 51
ЭКСПЕРИМЕНТ · 05
18 / 51
CASE / 05 OF 05
Любимый кадр.
CLAUDE DESIGN
18 / 51
ЭКСПЕРИМЕНТ · 00
12 / 51
МОИ ЭКСПЕРИМЕНТЫ С
OPEN Design.
Возможно будущий стандарт вебдиза, изначально ИИ продукт с самым быстрым развитием на рынке
EXPERIMENTS · INTRO
12 / 51
NODES
28 / 51
COMFYUI
WORKFLOW / NODE —
возможно,лучшее что есть для творчества.
возможно,лучшее что есть для творчества.
Комфи Был одним из первых. Остаётся лучшим — потому что даёт абсолютную свободу творчества.
NODE-BASED THINKING
TOOLS
28 / 51
ДИПТИХ · ДВА КАДРА
— / 51
Два кадра, один разговор.
DIPTYCH
A · ПОДПИСЬ ЗАМЕНИТЬ
B · ПОДПИСЬ ЗАМЕНИТЬ
SIDE BY SIDE
— / 51
ДИПТИХ · ДВА КАДРА
— / 51
Два кадра, один разговор.
DIPTYCH
A · ПОДПИСЬ ЗАМЕНИТЬ
B · ПОДПИСЬ ЗАМЕНИТЬ
SIDE BY SIDE
— / 51
— / 51
DIPTYCH
A ·
B ·
SIDE BY SIDE
— / 51
МОЙ ИНСТРУМЕНТ
21 / 51
ХОББИ → ИНСТРУМЕНТ
Свой генератор PIXEL и анимации.
Для своей пошаговой стратегии. Полностью кастомный пайплайн поверх open-source и API моделей.
ПИКСЕЛЬ-АРТ
SPRITE-SHEETS
ИДЛ-АНИМАЦИИ
PIXEL ENGINE · CUSTOM PIPELINE
CUSTOM TOOL
21 / 51
МОЙ ИНСТРУМЕНТ
21 / 51
CUSTOM TOOL
21 / 51
МОЙ ИНСТРУМЕНТ
21 / 51
CUSTOM TOOL
21 / 51
COMFYUI · КАК, А НЕ ЧТО
— / 51
INPUT → NODES → SPRITE-SHEET
Мой пиксель-движок — по нодам.
01 · БАЗА
FLUX + LoRA.
Базовый спрайт — своя LoRA на пиксель-арт. txt2img даёт кашу.
→
02 · НОДЫ
ControlNet.
Поза и силуэт держит ControlNet. Без него кадры idle-анимации не совпадают.
→
03 · СБОРКА
Sprite-sheet.
Палитра квантуется, кадры режутся в лист, idle собирается скриптом.
8-BIT
// БАЗА В SDXL · ПОЗА НОДАМИ · ЛИСТ СКРИПТОМ — НАИВНЫЙ TXT2IMG ТУТ НЕ ТЯНЕТ
NODE GRAPH
— / 51
ДИПТИХ · ДВА КАДРА
— / 51
Два кадра, один разговор.
DIPTYCH
A · ПОДПИСЬ ЗАМЕНИТЬ
B · ПОДПИСЬ ЗАМЕНИТЬ
SIDE BY SIDE
— / 51
· ДВА КАДРА
— / 51
DIPTYCH
SIDE BY SIDE
— / 51
МОЙ ИНСТРУМЕНТ
21 / 51
RUSSIA??? WHERE?? BABAYAGA? IVAN TSAREVISH?
CUSTOM TOOL
21 / 51
МОЙ ИНСТРУМЕНТ
21 / 51
Как обучить свою LoRA для FLUX?
1. Собрать 20–100 изображений в одном стиле
2. Подписать каждую картинку: что на ней изображено
3. Задать уникальный trigger word: dojo_pixel_rpg
4. Обучить через FluxGym / AI Toolkit / Kohya
5. Получить файл .safetensors
6. Подключить LoRA в ComfyUI
7. Использовать в промте:
dojo_pixel_rpg, fantasy knight, sword, pixel art
dojo_pixel_rpg, fantasy knight, sword, pixel art
ПИКСЕЛЬ-АРТ
SPRITE-SHEETS
PIXEL ENGINE · CUSTOM PIPELINE
CUSTOM TOOL
21 / 51
· ДВА КАДРА
— / 51
SIDE BY SIDE
— / 51
15-20 фото + ключевое слово для вызова персонажа + стиль + формат
· ДВА КАДРА
— / 51
SIDE BY SIDE
— / 51
21 / 51
CUSTOM TOOL
21 / 51
ЭКСПЕРИМЕНТ · 04
17 / 51
CASE / 04 OF 05
↓ ПОДПИСЬ ЗАМЕНИТЬ
CLAUDE DESIGN
17 / 51
ЭКСПЕРИМЕНТ · 04
17 / 51
CASE / 04 OF 05
↓ ПОДПИСЬ ЗАМЕНИТЬ
CLAUDE DESIGN
17 / 51
ЭКСПЕРИМЕНТ · 04
17 / 51
CASE / 04 OF 05
↓ ПОДПИСЬ ЗАМЕНИТЬ
CLAUDE DESIGN
17 / 51
АНТИ-КЕЙС
19 / 51
ГДЕ ИИ ОБЛАЖАЛСЯ
TR.
→
context drift на длинных сессиях
→
тормоза в пиковые часы
→
галлюцинации в цифрах и ссылках
→
«уверенный неправильный» ответ
FAIL CASE
19 / 51
АНТИ-КЕЙС
19 / 51
ГДЕ ИИ ОБЛАЖАЛСЯ
Ограничение контекста — одна из ключевых проблем дизайна LLM-продуктов. Модель работает в пределах фиксированного окна: всё, что выходит за него, теряется. Это влияет на длинные диалоги, работу с документами и согласованность ответов. Задача дизайнера — сделать это ограничение видимым и управляемым, а не превращать в баг для пользователя. «Модель забывает: чем длиннее диалог, тем хуже она помнит начало»
FAIL CASE
19 / 51
АНТИ-КЕЙС · ЖИВОЙ
— / 51
РЕАЛЬНЫЙ ПРОВАЛ · СО ШРАМОМ
Где это стоило денег?
→
КЛИЕНТ — интернет-магазин,
→
ИИ НАЛАЖАЛ — галлюцинации в ценах товаров
→
ЦЕНА — недели правок
→
ФИКС — сверка каждой цифры руками
REAL SCAR
— / 51