Полная версия
ChatGPT: глубокое изучение дизайна, 2-е издание
• ☐ Приведен кейс с вымышленным плагином.
• ☐ Ошибка “Сверхдоверия” проанализирована.
• ☐ Мини-упражнение на баланс фантазии и критики.
6.11 Критерии качества
Методичность: Пользователь понимает физику ошибки ИИ.
Безопасность: Читатель получает инструменты проверки информации.
Вдохновение: Нестабильность ИИ подается как инструмент для “Brainstorming”, а не как баг.
6.12 Примечание по этике/праву/данным
Галлюцинации ИИ – это не просто ошибка кода, это этический риск. Если вы используете ложную информацию в дизайне (например, неверные данные о доступности или медицинских показателях), ответственность лежит на вас. Умение управлять вероятностями – это ваша профессиональная обязанность.
6.1 Анатомия промпта: токены и контекст
6.2 Зачем это нужно
Дизайнерам часто кажется, что промптинг – это лотерея. На самом деле это структурное управление вниманием ИИ. Понимая, что каждый символ в вашем запросе стоит ресурсов (токенов) и имеет определенный «вес», вы учитесь писать лаконично, точно и эффективно. Это позволяет экономить время на итерациях и получать результат, максимально близкий к вашей задумке с первой попытки.
6.3 Теория дизайна/продукта
Промпт – это набор инструкций, ориентирующий модель в многомерном пространстве смыслов. Его анатомия состоит из следующих блоков:
Persona (Роль): Задает «голос» и экспертизу решения (например, «Ты – эксперт по типографике»).
Context (Контекст): Ограничения, цели, целевая аудитория, носитель дизайна.
Task (Задача): Что именно нужно сделать (спроектировать, проанализировать, подвергнуть критике).
Constraints (Ограничения): Чего делать НЕЛЬЗЯ (например, «не используй красный цвет»).
Format (Формат вывода): Таблица, список, JSON, описание макета.
Input Data (Входящие данные): Тексты, скриншоты или ссылки, которые нужно обработать.
Для ИИ важную роль играет Attention Mechanism (механизм внимания). Модель придает большее значение словам, стоящим в начале и в конце промпта. Середина запроса часто «замыливается». Это похоже на визуальную иерархию в дизайне: главные акценты должны быть на виду.
6.4 Как подключается ИИ
В этом подразделе ИИ выступает как «Структурный лингвист». Мы просим ChatGPT разложить наш интуитивный запрос на инженерные блоки и проанализировать, какие токены в нем лишние, а какие – создают основную ценность.
6.5 Пошаговый алгоритм
Сбор “сырого” запроса: Запишите свою идею так, как она пришла в голову.
Распределение по блокам: Разнесите части идеи по категориям: Роль, Задача, Контекст.
Оптимизация токенов: Удалите вежливые фразы («пожалуйста», «будь добр») и лишние прилагательные, не несущие смысла для визуализации.
Приоритезация краев: Перенесите самую важную часть задачи в начало или в конец промпта.
Использование разделителей: Используйте знаки ###, – или """ для отделения инструкций от входящих данных. Это помогает ИИ лучше ориентироваться в структуре.
Проверка “Контекстного окна”: Если вы работаете в длинном чате, напомните ИИ о роли и ключевых ограничениях в начале нового запроса.
Тестирование блоков: Попробуйте изменить только один блок (например, Роль) и посмотрите, как изменится результат при тех же вводных.
Финюнинг формата: Четко опишите, как должен выглядеть результат («Представь ответ в виде 3 колонок: Идея, Психологический эффект, Способ реализации»).
6.6 Промпт-пак
•
PROMPT A: «быстрый старт» (Анализ структуры)
Вот мой промпт: {текст_промпта}. Проанализируй его анатомию. Раздели его на блоки: Роль, Задача, Контекст, Ограничения. Какие блоки отсутствуют? Как отсутствие этих блоков может привести к галлюцинациям или неточному результату?
•
PROMPT B: «глубокая версия» (Оптимизация внимания)
Перепиши мой промпт так, чтобы использовать механизм внимания ИИ наиболее эффективно. Самое важное должно быть в начале. Используй четкие разделители. Сократи количество токенов на 30%, не теряя смысла. Мой промпт: {текст_промпта}.
•
PROMPT C: «критик/ревьюер» (Проверка на противоречия)
Проверь этот сложный промпт на наличие внутренних логических противоречий в блоках Ограничений и Задачи. Поймет ли ИИ однозначно, что от него требуется, или возникнет конфликт приоритетов? Предложи решение. Промпт: {текст_вашего_сложного_запроса}.
6.7 Пример результата
Трансформация промпта: Было: “Привет, можешь, пожалуйста, придумать какие-нибудь классные идеи для дизайна упаковки молока для детей, только не используй коровок, а что-то современное”. Стало: “### РОЛЬ: Senior Packaging Designer. ### ЗАДАЧА: Сгенерируй 3 концепции упаковки молока для ЦА 6-10 лет. ### ОГРАНИЧЕНИЯ: Категорически без изображений коров. Стиль: киберпанк, яркие неоновые градиенты. ### ФОРМАТ: Список-описание структуры и цветовой палитры”. Итог: ИИ сразу выдал профессиональные концепты вместо общих рассуждений.
6.8 Типовые ошибки
•
Ошибка
: “Заваливание” ИИ контекстом без иерархии.
•
Исправление
: Используйте списки и заголовки внутри промпта.
•
Ошибка
: Использование отрицаний («не используй красный»).
•
Исправление
: ИИ иногда пропускает частицу «не». Лучше писать: «Используй исключительно синие и зеленые оттенки».
6.9 Мини-упражнение
Возьмите любой свой старый промпт, результат которого вам не понравился. Перепишите его по предложенной структуре (Роль, Задача, Контекст) и запустите снова. Напишите, на сколько процентов результат стал ближе к вашей цели.
6.10 Чек-лист готовности
• ☐ Описаны 6 блоков анатомии промпта.
• ☐ Объяснен механизм внимания (начало и конец запроса).
• ☐ Использование разделителей подано как метод точности.
• ☐ Промпты включают анализ структуры и оптимизацию токенов.
• ☐ Дана рекомендация по замене отрицаний на утверждения.
• ☐ Разобран кейс с упаковкой молока.
• ☐ Ошибка “Каши из контекста” проанализирована.
• ☐ Мини-упражнение направлено на рефакторинг старых запросов.
6.11 Критерии качества
Инженерный подход: Дизайн промптов показан как логический процесс, а не гадание.
Экономичность: Пользователь учится писать меньше слов для получения лучшего результата.
Универсальность: Структура подходит для любой модели (ChatGPT, Claude, Gemini).
6.12 Примечание по этике/праву/данным
Анатомия промпта важна для безопасности. Четкое разделение «Инструкций» и «Данных» (Data vs Instruction separation) помогает избежать атак типа «Prompt Injection», когда через входящие данные модель получает команду забыть предыдущие правила. Учитесь разделять эти слои уже сейчас – это основа кибербезопасности дизайна будущего.
6.1 Латентное пространство и визуальные концепты
6.2 Зачем это нужно
Латентное пространство (Latent Space) – это математическая модель того, как ИИ понимает мир. Для дизайнера это карта всех возможных идей. Когда вы пишите промпт, вы «приземляетесь» в определенную точку этой карты. Понимание того, как работают координаты в этом пространстве, позволяет вам не просто «тыкать пальцем в небо», а проводить точную навигацию между стилями, эпохами и концепциями, создавая уникальные гибриды, которых раньше не существовало.
6.3 Теория дизайна/продукта
Представьте латентное пространство как бесконечный склад, где предметы разложены не по алфавиту, а по смысловой близости. Ключевые принципы:
Векторы смыслов: Каждое понятие (например, “Минимализм”) – это вектор в многомерном пространстве.
Арифметика концептов: Мы можем складывать и вычитать смыслы. «Nike» + «Эпоха Возрождения» = Кроссовки с мраморной текстурой и позолотой.
Интерполяция (Смешивание): Нахождение промежуточных точек между двумя понятиями. Что находится посередине между «Ужасом» и «Детским праздником»? ИИ может найти эту точку.
Кластеры стилей: Области в пространстве, где кучкуются похожие визуальные решения (например, кластер “Bauhaus” или кластер “Material Design”).
В дизайне это превращается в метод Концептуального синтеза. Мы используем ИИ, чтобы прозондировать области на стыке далеких друг от друга понятий, где обычно рождаются самые инновационные решения.
6.4 Как подключается ИИ
В этом подразделе ИИ выступает как «Навигатор по измерениям смыслов». Мы используем ChatGPT, чтобы он помог нам вербализировать координаты сложных визуальных идей и найти «маршруты» между ними.
6.5 Пошаговый алгоритм
Выбор полярных концептов: Возьмите две далекие друг от друга идеи (например, «Брутализм» и «Воздушное облако»).
Запрос на карту смыслов: Попросите ИИ описать, что общего у этих понятий и в чем их радикальное различие.
Метод “Синтеза векторов”: Попросите ИИ объединить эти идеи в один визуальный стиль. Используйте формулу: «Возьми структуру от А, но атмосферу и материалы от Б».
Исследование “Соседних точек”: Если вам нравится идея, спросите ИИ: «Что находится рядом с этим стилем, но чуть более футуристично?».
Вычитание смыслов: Попробуйте уточнить запрос через исключение: «Сделай дизайн в стиле Apple, но вычти из него минимализм и белые цвета».
Кросс-доменные метафоры: Просите ИИ объяснить визуальный концепт через музыку, архитектуру или кулинарию. Это открывает новые «координаты» в пространстве.
Аудит уникальности: Спросите ИИ: «Насколько часто эти два понятия встречаются вместе в дизайне?». Ищите зоны с низкой частотностью – там скрыт оригинал.
Вербализация координат: Превратите найденную «точку» в детальный промпт для генератора изображений.
6.6 Промпт-пак
•
PROMPT A: «быстрый старт» (Концептуальный синтез)
Возьми два стиля: {Стиль_1, например: Швейцарская верстка} и {Стиль_2, например: Глитч-арт}. Опиши, как бы выглядел их гибрид. Какая была бы типографика? Какие цвета? Как бы они конфликтовали или дополняли друг друга?
•
PROMPT B: «глубокая версия» (Арифметика концептов)
Представь, что визуальные стили – это числа. Проведи операцию: (Тесла + Киберпанк) – (Агрессия и Неон) + (Органические формы Гауди). Опиши получившийся визуальный язык для бренда эко-технологий.
•
PROMPT C: «критик/ревьюер» (Проверка на банальность)
Я хочу создать логотип для финансового стартапа. Мои идеи: щит, график, монета. Это очень "перенаселенные" точки в латентном пространстве. Найди 3 альтернативных визуальных метафоры надежности, которые находятся в других кластерах (например, из биологии, квантовой физики или архитектуры).
6.7 Пример результата
Кейс: Дизайн кофемашины. Дизайнер смешал «Скандинавский дизайн» и «Паровую турбину 19 века». Итог: ИИ предложил концепт с медными трубками, интегрированными в светлое дерево с минималистичным интерфейсом. Это стало хитом на платформе дизайнеров, так как попало в «пустую нишу» латентного пространства.
6.8 Типовые ошибки
•
Ошибка
: Смешивать слишком много концептов одновременно. (Получается «визуальный шум»).
•
Исправление
: Ограничьтесь 2-3 сильными векторами.
•
Ошибка
: Использовать только заезженные метафоры.
•
Исправление
: Всегда добавляйте «специю» из другого домена (например, добавьте «эстетику микросхем» к дизайну одежды).
6.9 Мини-упражнение
Выберите любой бытовой предмет в комнате. Придумайте для него 2 безумных вектора трансформации (например, «стиль майя» и «инфляционный дизайн»). Попросите ИИ описать этот предмет в новой точке пространства.
6.10 Чек-лист готовности
• ☐ Дано определение Латентного пространства.
• ☐ Описаны Векторы смыслов и Арифметика концептов.
• ☐ Понятие Интерполяции объяснено как метод поиска нового.
• ☐ Промпты включают синтез стилей и вычитание смыслов.
• ☐ Дана рекомендация по поиску “малонаселенных” зон пространства.
• ☐ Разобран кейс с кофемашиной.
• ☐ Ошибка “Визуального шума” проанализирована.
• ☐ Мини-упражнение на трансформацию бытового предмета.
6.11 Критерии качества
Научная глубина: Сложное понятие из ML (Латентное пространство) объяснено на языке дизайна.
Креативный потенциал: Текст реально помогает генерировать новые идеи.
Метафоричность: Использование аналогий с картами и складами облегчает понимание.
6.12 Примечание по этике/праву/данным
Навигация по латентному пространству позволяет избегать прямого копирования (плагиата). Вместо того чтобы брать «Стиль художника Х», вы берете «Вектор А + Вектор Б», создавая нечто третье. Это самый этичный способ использования ИИ в творчестве – как инструмента для синтеза и расширения визуальной культуры, а не её механического воспроизведения.
6.1 Тюнинг модели под себя: кастомные инструкции и память
6.2 Зачем это нужно
Повторяющиеся действия – главный враг продуктивности. Если вы тратите 30% времени в чате на описание контекста («Я работаю над мобильным приложением для финтеха, ЦА – миллениалы…»), вы используете ИИ неэффективно. Кастомные инструкции позволяют «прошить» этот контекст в фундамент каждого диалога. Это экономит токены, время и ментальную энергию, позволяя сразу переходить к сути задачи. Это ваш персональный «слой настроек», который делает ИИ частью вашей уникальной дизайн-системы.
6.3 Теория дизайна/продукта
В проектировании систем существует понятие Personalization (персонализация) vs Customization (адаптация под пользователя). В контексте ChatGPT:
Custom Instructions (Кастомные инструкции): Это глобальные правила, которые применяются ко всем новым чатам. Они делятся на два вопроса: «Что ИИ должен знать о вас?» и «Как ИИ должен отвечать?».
Memory (Память): Динамическое накопление фактов о вас в процессе общения. ИИ «запоминает», что вы не любите скругленные углы или что у вас дедлайн по пятницам.
Internal Configuration (Внутренняя конфигурация): Создание специфических «состояний» ИИ (например, «Режим жесткого критика» или «Режим креативного соседа»).
Для дизайнера это аналог User Profiles в продукте. Мы создаем профиль «Дизайнера-стратега», чтобы модель не давала нам банальных советов для новичков.
6.4 Как подключается ИИ
В этом подразделе ИИ выступает как «Архитектор собственного профиля». Мы просим ChatGPT проанализировать нашу историю общения и помочь сформулировать идеальный набор кастомных инструкций, который максимизирует пользу от каждого запроса.
6.5 Пошаговый алгоритм
Аудит запросов: Выпишите 5 фраз, которые вы чаще всего повторяете в чатах.
Заполнение блока “About Me”: Сформулируйте свою роль, стек инструментов (Figma, Blender, Framer) и текущие проекты.
Заполнение блока “Response Style”: Укажите желаемый тон (лаконичный, профессиональный, критический) и формат (например, «всегда предлагай 3 варианта и таблицу сравнения»).
Управление памятью: Периодически спрашивайте ИИ: «Что ты обо мне помнишь?». Попросите удалить неактуальные факты.
Создание “Переключателей режимов”: Введите в инструкции кодовые слова. Например: «Если я пишу “Mode: Code”, отвечай только кодом без пояснений».
Обучение через фидбек: Если ИИ ошибся в стиле, не просто исправьте его, а скажите: «Запомни, что в этом проекте мы придерживаемся швейцарской типографики и не используем тени».
Тестирование инструкций: Создайте новый чат и проверьте, «подхватил» ли ИИ ваши новые настройки без дополнительных пояснений.
Версионность: Сохраняйте разные наборы инструкций в отдельном документе (Notion или Obsidian) для разных типов работ (фриланс, внутренняя разработка, личные проекты).
6.6 Промпт-пак
•
PROMPT A: «быстрый старт» (Создание Custom Instructions)
Проанализируй наше общение. На основе моих вопросов и правок подготовь текст для моих "Custom Instructions".
Часть 1 (Обо мне): Моя роль, цели и предпочтения.
Часть 2 (Стиль ответов): Как мне было бы удобнее всего получать информацию от тебя в 90% случаев. Сделай текст лаконичным и эффективным.
•
PROMPT B: «глубокая версия» (Управление памятью)
Выведи список всех моих предпочтений, которые ты сохранил в своей "Памяти". Распредели их по категориям: Дизайн-стили, Инструменты, Рабочие процессы, Личное. Какие из этих данных устарели? Помоги мне очистить профиль от лишнего.
•
PROMPT C: «критик/ревьюер» (Проверка на жесткость настроек)
Я хочу добавить в инструкции правило: "Всегда критикуй мои идеи с точки зрения доступности (A11y)". Проверь, не вступает ли это в конфликт с моим требованием "быть кратким". Как лучше сформулировать эту инструкцию, чтобы ты не забывал о критике, но и не писал лишней воды?
6.7 Пример результата
Кейс: Дизайнер интерфейсов в стартапе. Инструкция: “Всегда предлагай код на React/Tailwind для описанных компонентов и делай упор на скорость загрузки”. Итог: Теперь на любой вопрос по UI дизайнер получает не просто «теорию», а готовый к тестированию кусок кода, соответствующий его стеку.
6.8 Типовые ошибки
•
Ошибка
: Перегружать инструкции лишней информацией. (ИИ может начать путаться в приоритетах).
•
Исправление
: Будьте кратки. Используйте списки (bullet points).
•
Ошибка
: Забывать, что инструкции работают ВСЕГДА.
•
Исправление
: Если вам нужно спросить что-то личное (например, рецепт пирога), а у вас роль “Cyberpunk UI Designer”, ИИ может ответить в странном стиле. Используйте временные чаты (Temporary Chat) для таких случаев.
6.9 Мини-упражнение
Зайдите в настройки ChatGPT -> Custom Instructions. Добавьте туда одну фразу: «Всегда отвечай мне, используя 3 эмодзи в конце, которые отражают настроение ответа». Проверьте, как это работает в новом чате. Понравилось? Если нет – удалите. Это и есть тюнинг.
6.10 Чек-лист готовности
• ☐ Разъяснена разница между Custom Instructions и Memory.
• ☐ Описаны два блока кастомных настроек.
• ☐ Дана методология “Переключателей режимов”.
• ☐ Промпты включают аудит памяти и создание текста для настроек.
• ☐ Предупреждение о временных чатах (Temporary Chat).
• ☐ Разобран кейс с React/Tailwind.
• ☐ Ошибка “Перегрузки инструкций” проанализирована.
• ☐ Мини-упражнение на “быстрый тест” настроек.
6.11 Критерии качества
Практичность: Пользователь получает инструмент, реально сокращающий время работы.
Персонализация: Текст подчеркивает важность индивидуального подхода к ИИ.
Безопасность: Упомянуто управление личными данными в памяти.
6.12 Примечание по этике/праву/данным
Ваши кастомные инструкции и память – это тоже данные. Не вписывайте туда пароли или сверхсекретную информацию. Помните, что эти настройки помогают модели лучше «понимать» вас, но также делают ваш цифровой профиль более детальным. Управляйте своей цифровой тенью осознанно.
6.1 Создание собственного дизайн-лексикона для ИИ
6.2 Зачем это нужно
Разные слова имеют разный «вес» и вызывают разные ассоциации в латентном пространстве. Например, слово «чистый» (clean) в дизайне ИИ может понять и как «минималистичный», и как «пустой». Если вы создадите свой лексикон – систему терминов с четко заданными для ИИ смыслами – вы получите предсказуемость. Это путь от «попробуем эти слова» к «я знаю, какой код/стиль вызовет это слово». Это ваш профессиональный диалект, который делает общение с ИИ на 100% эффективным.
6.3 Теория дизайна/продукта
В лингвистике есть понятие Semantic Density (семантическая плотность). В дизайне это означает, сколько образов стоит за одним словом. Ваш лексикон должен состоять из трех уровней:
Фундаментальные термины: Слова, задающие базу (структура, иерархия, контраст).
Атрибутивные термины: Слова, задающие характер (брутальный, эфирный, тактильный).
Технические якоря: Слова, вызывающие конкретные визуальные паттерны (стекломорфизм, неоморфизм, швейцарский международный стиль).
Ключевой метод – Anchor Prompting (Якорный промптинг). Мы обучаем ИИ в рамках конкретного чата: «В этом проекте слово “Премиум” означает сочетание темного фона #1A1A1A, золотых акцентов и шрифта с засечками». Теперь одно слово заменяет целый абзац инструкций.
6.4 Как подключается ИИ
В этом подразделе ИИ выступает как «Лексикограф и Хранитель знаний». Вы вместе разрабатываете терминологическую базу, которая будет понятна и вам, и модели. Мы просим ChatGPT проанализировать наши любимые дизайн-референсы и перевести их на язык «высокоплотных» терминов.
6.5 Пошаговый алгоритм
Инвентаризация стиля: Выберите 3-5 своих самых удачных работ или референсов.
Деконструкция через ИИ: Загрузите их в чат и попросите: «Опиши этот стиль 5-ю уникальными, редкими и точными словами».
Определение «Якорей»: Выберите слова, которые вам откликаются.
Формализация смыслов: Напишите для ИИ: «Когда я говорю {слово}, я имею в виду {подробное описание визуальных правил}».
Тестирование лексикона: Попробуйте создать новый концепт, используя только ваши новые слова.
Создание “Таблицы перевода”: Сделайте список: «Обычное слово» -> «Моё якорное слово».
Масштабирование: Поделитесь этим лексиконом с командой. Это создаст «единый язык» дизайна внутри компании.
Архивация: Сохраните ваш лексикон в Custom Instructions, чтобы он был доступен всегда.
6.6 Промпт-пак
•
PROMPT A: «быстрый старт» (Поиск точных эпитетов)
Я хочу создать свой дизайн-лексикон. Вот описание стиля, который мне нравится: {описание_стиля}. Предложи мне 5 "семантически плотных" терминов (существительных или прилагательных), которые максимально точно вызывают этот образ у тебя как у ИИ. Избегай банальных слов вроде "красивый" или "современный".
•
PROMPT B: «глубокая версия» (Создание Якорной системы)
Давай обучим этот чат моему лексикону.
Слово "Кинетизм" = динамичные линии, ощущение скорости, размытие движения.
Слово "Монолит" = массивные формы, отсутствие лишних деталей, текстура бетона или камня.
