Использовать промпт
Добавьте своё задание
Добавьте контекст ниже. Он будет включён в промпт при копировании или скачивании.
Создайте редактируемую композицию HTML/CSS с выделяемым текстом и таблицей стилей для печати; используйте любую растровую иллюстрацию как отдельный локальный ресурс для [PROJECT] и [AUDIENCE]. Задача: лист гайдлайнов бренда.
Обязательные контент и структура
Создайте лаконичный визуальный лист с правилами охранного поля логотипа, цветовыми ролями, типографикой и примерами использования.
Используйте [APPROVED_CONTENT] как источник названий, дат, числовых данных, утверждений и целевых страниц. Перечислите недостающие исходные данные, прежде чем что-либо заменять. Если нужна демонстрация, обозначьте её контент как вымышленный. Не придумывайте отзывы клиентов, рейтинги, логотипы партнёров или возможности продукта.
Направление дизайна
Используйте [BRAND_RULES] и дизайн-систему, уже выбранную в проекте. Если система не задана, начните с такого направления: приглушённый лавандовый цвет, чернильная типографика и абрикосовые акценты; продуманное негативное пространство и выразительный визуальный мотив. Соблюдайте единообразие типографики, интервалов и цветовых ролей. Ставьте задачу выше декоративных элементов и избегайте шаблонного набора несвязанных карточек.
Подготовка контента
Предоставьте утверждённые варианты логотипа, правила охранного поля, цветовые роли, типографику и ограничения по использованию. Отмечайте недостающие спецификации вместо того, чтобы выдумывать полное руководство по бренду.
Макет и поведение
Организуйте лист как практический справочник с правильными и неправильными примерами, связанными с реальными правилами. Обеспечьте единообразие названий токенов и цветовых ролей во всех вариантах применения.
Проверка критериев приёмки для задачи
- Сохраняйте предоставленные правила бренда и выявляйте недостающие спецификации.
- Сверяйте значения и пропорции логотипа с исходными материалами бренда.
- Наглядный пример отступов не должен становиться официальной спецификацией, если такое правило не было предоставлено.
Реализация и проверка
Оставьте текст редактируемым. Используйте семантическую структуру, понятные элементы управления, видимый фокус клавиатуры и подходящие состояния отсутствия данных и ошибок. Проверьте узкие и широкие макеты. Учитывайте настройку уменьшения движения. Сохраните существующие фреймворк и зависимости проекта; не заменяйте стек без предупреждения. Верните редактируемые файлы и опишите любое неполное поведение или неподдерживаемые исходные данные. Проверьте именно эту задачу, прежде чем предлагать дополнительные функции.
Сохраните точный текст и обязательные сведения в виде редактируемого текста. Если требуемые размеры не указаны, запросите их. Не создавайте вымышленные работающие QR-коды, штрихкоды, подписи или официальные печати.
Референс и цель воссоздания
Прикрепите файл reference.webp из пакета загрузки этого дизайн-промпта к самому промпту в OpenDesign. Создайте редактируемый результат с похожими композицией и иерархией; не вставляйте всё референсное изображение в качестве готового интерфейса. Если утверждённый контент проекта и правила бренда противоречат вымышленным примерам подписей, сохраняйте утверждённые материалы. Если изображение отсутствует или нечитаемо, запросите его, а не заявляйте о визуальном соответствии.
Композиция и контент референса
Используйте приложенный файл reference.webp как визуальный референс для листа руководства по бренду. Перед началом работы определите основные области сверху вниз, их относительную ширину и высоту, выравнивание, интервалы, типографическую иерархию, цвета поверхностей, границы, изображения и повторяющиеся компоненты. Сохраняйте эти соотношения, а не заменяйте их универсальным шаблоном. Обязательное содержание задачи: создайте лаконичный наглядный лист с правилами охранного поля логотипа, ролями цветов, типографикой и примерами использования. При переносе изображения в редактируемые элементы следуйте этим указаниям по макету: организуйте лист как практический справочник с правильными и неправильными примерами, привязанными к реальным правилам. Сохраняйте единообразие названий токенов и ролей цветов во всех вариантах применения.
Визуальное направление из примера проекта
приглушённый лавандовый, чернильная типографика и абрикосовые акценты; продуманное негативное пространство и выразительный визуальный мотив.
Результат и редактируемость
Воссоздайте готовую графику в виде редактируемых слоев текста, фигур и изображений. Референс представляет собой композицию, а не интерфейс редактора; не добавляйте отсутствующие в нем навигацию, формы или виджеты дашборда. Организуйте лист как практический справочник с правильными и неправильными примерами, привязанными к реальным правилам. Сохраняйте единообразие названий токенов и ролей цветов во всех вариантах применения. Уточните предполагаемые размеры и при адаптации макета сохраните иерархию текста. Сохраняйте предоставленные правила бренда и выявляйте недостающие спецификации.
Визуальное сравнение и передача результата
- Сравните результат с прикреплённым изображением при совпадающих пропорциях. Перед проработкой декоративных деталей проверьте расположение основных областей, относительные размеры изображений, переносы строк, интервалы, типографическую иерархию, контраст, активные состояния и плотность контента.
- Затем протестируйте узкий макет, не сжимая текст для настольной версии до крошечных подписей.
- Храните логотипы, фотографии и значки как отдельные ресурсы, а все значимые подписи оставьте редактируемыми. Перечислите недоступные шрифты и ресурсы, а также намеренные отступления. Верните рабочие файлы вместе с кратким описанием реализованного поведения и оставшихся интеграций; не обещайте попиксельное совпадение только на основании промпта.
Скачать промпт и изображение
Содержит полный промпт и полноразмерное референсное изображение. Добавьте оба файла в OpenDesign, чтобы задать направление макета.
Как написать дизайн-промпт для листа руководства по бренду
Используйте этот дизайн-промпт, чтобы создать лаконичный наглядный лист с правилами охранного поля логотипа, ролями цветов, типографикой и примерами использования.
Референс — концепция, созданная ИИ. Приведённые ниже инструкции описывают, что нужно создать и протестировать; изображение не демонстрирует работающее поведение.
Превратите правила бренда в применимые примеры
Лист руководства по бренду полезен, если читатель может воспроизвести принятое решение.
Привлекательные образцы цветов без указания их ролей или логотип без правил охранного поля делают реализацию неоднозначной. Организуйте лист как практический справочник с правильными и неправильными примерами, привязанными к реальным правилам. Сохраняйте единообразие названий токенов и ролей цветов во всех вариантах применения.
Из промпта
Организуйте лист как практический справочник с правильными и неправильными примерами, привязанными к реальным правилам.
Настройте под себя
Покажите [LOGO_CLEAR_SPACE] рядом с утвержденным знаком. Обозначьте [COLOR_TOKENS] по назначению, сопроводите [TYPE_ROLES] реальными примерами текста и включите один правильный и один явно запрещенный вариант применения.
Подготовьте содержание листа руководства по бренду
В верхней области спецификаций показаны схема охранного поля логотипа и отдельные образцы цветовых ролей. Предоставьте фактические значения минимальных отступов и цветов: изображение не является точной бренд-спецификацией.
Предоставьте утверждённые варианты логотипа, правила охранного поля, цветовые роли, типографику и ограничения по использованию. Отмечайте недостающие спецификации вместо того, чтобы выдумывать полное руководство по бренду.
Из промпта
Создайте лаконичный визуальный лист с правилами охранного поля логотипа, цветовыми ролями, типографикой и примерами использования.
Настройте под себя
Для [PROJECT] используйте [APPROVED_CONTENT] как источник для этого листа руководства по бренду. Предоставьте утвержденные варианты логотипа, правила охранного поля, роли цветов, типографику и ограничения по использованию. Отмечайте недостающие спецификации вместо того, чтобы придумывать полноценное руководство по бренду. Выявите недостающие исходные данные, прежде чем заменять их демонстрационным содержанием.
Разделяйте правила и образцы
В нижней области образцы типографики сопоставлены с примерами применения и строкой недостающих спецификаций. Преобразуйте нерешённые вопросы о минимальном размере, контрастности и лицензиях на шрифты в конкретные задачи для проверки.
Сверьте каждый визуальный пример с указанным для него правилом. Если значение отступа или цвета не предоставлено, пометьте его как нерешенное, а не представляйте в качестве нового стандарта. Сверяйте значения и пропорции логотипа с исходными материалами бренда. Наглядный пример отступов не должен становиться официальной спецификацией, если такое правило не было предоставлено.
Из промпта
Сохраните предоставленные правила бренда и укажите недостающие спецификации.
Настройте под себя
Проверьте лист руководства по бренду на соответствие следующему требованию: сохраняйте предоставленные правила бренда и выявляйте недостающие спецификации. Сверяйте значения и пропорции логотипа с исходными материалами бренда. Наглядный пример отступов не должен становиться официальной спецификацией, если такое правило не было предоставлено. Сохраните утвержденное содержание и исправьте только те части, которые не проходят эту проверку.
Проверьте результат листа руководства по бренду
Визуальная концепция не является готовым к печати или одобренным платформой файлом. Проверьте точный текст, размеры, обработку цвета, шрифты, права на ресурсы и окончательное размещение.
- Сверяйте значения и пропорции логотипа с исходными материалами бренда. Наглядный пример отступов не должен становиться официальной спецификацией, если такое правило не было предоставлено.
Уточняющий промпт
Используйте это после получения первого результата. Так доработка будет сосредоточена на самой важной части задачи.
Доработайте текущий лист гайдлайнов бренда. Сверьте значения и пропорции логотипа с исходными материалами бренда. Иллюстративный пример отступов не должен становиться официальной спецификацией, если такое правило не было предоставлено. Сохраните утверждённое содержание и визуальное направление; измените только то, что необходимо для устранения этих проблем.
