Дизайн: макеты меню и афиш прямо в кабинете

Раздел Маркетинг → Дизайн хранит макеты заведения и позволяет править их прямо в кабинете: афиши, карточки меню, посты, банкетные предложения. Отдельный редактор не нужен, готовый макет сразу уходит в печать или в соцсети.

С чего начать

1. Откройте Маркетинг → Дизайн.
2. Нажмите Новый макет: с нуля или из шаблона — шаблоны отмечены звёздочкой и переиспользуются как основа.
3. Дайте название, выберите тип (афиша, карточка меню, пост) и размер сторон в пикселях.

Галерея макетов

Все макеты заведения — карточками с живым превью. Поиск по названию, фильтр по типу и сортировка (по дате, названию или типу) запоминаются между визитами. Меню карточки: Переименовать, Дублировать (копия появляется рядом как новый макет) и Удалить — удалённый макет пропадает из галереи.

Правка макета

Двойной клик по надписи — и текст правится прямо на макете. Клик по фотографии или строке выделяет именно её, а не весь блок целиком: если элемент составной, редактор сам разложит его на части и подсветит ту, куда вы попали.

Над выделенным элементом появляется контекстная панель. Для текста — шрифт (фирменные шрифты заведения идут первыми), кегль со стрелками, Ж / К / Ч (Ctrl+B, Ctrl+I, Ctrl+U), выравнивание, интервалы, регистр и тень. Для фигур — заливка, обводка и её толщина, скругление углов, тень. Для фото — Заменить фото с сохранением размера, фильтры (яркость, контраст, насыщенность) и отражение по горизонтали или вертикали. Прозрачность и порядок слоёв — общие для всех.

Цвет выбирается в поповере: фирменная палитра заведения, цвета макета, недавние и свой цвет.

Правый клик открывает контекстное меню элемента:

• Изменить текст — то же, что двойной клик;
• Разобрать на элементы — разложить блок на самостоятельные части;
• Заменить фото… — подменить картинку, сохранив размер и положение;
• Копировать, Дублировать, Вставить — работают и горячими клавишами Ctrl+C, Ctrl+D, Ctrl+V;
• На передний / задний план, Удалить.

Отмена (Ctrl+Z) откатывает именно действия — перемещения, правки текста, замену фото. Клики и выделения историю не засоряют.

Сохранение автоматическое: статус виден пилюлей у названия макета. Рядом — список версий, к любой можно вернуться.

Вёрстка: выровнять, распределить, сгруппировать

Кнопка Положение на панели открывает точные координаты элемента — X, Y, ширину, высоту и поворот. Значения меняются стрелками на клавиатуре: шаг 1 px, с Shift — 10 px.

• Выровнять — один элемент выравнивается относительно страницы, несколько — относительно друг друга: по левому краю, по центру, по правому, по верху, по середине, по низу.
• Распределить — три и больше элементов расставляются с равными промежутками по горизонтали или вертикали.
• Сгруппировать (Ctrl+G) объединяет выделенное в один блок, который двигается и масштабируется целиком; разгруппировать — Ctrl+Shift+G.
• Запереть (Alt+Shift+L) защищает элемент от случайного сдвига — стили при этом менять можно.
• Скрыть убирает элемент с макета и из экспорта, не удаляя его.
• Слоем выше / ниже — Ctrl+] и Ctrl+[.
• Выделить всё на странице — Ctrl+A.

Канва: масштаб и навигация

При открытии макет вписывается в окно целиком. Shift+1 возвращает к этому виду, Ctrl+0 — масштаб 100 %. Ctrl+колесо мыши приближает к точке под курсором, а зажатый пробел превращает курсор в «руку» — тяните макет, как в графических редакторах. Внизу — полоса масштаба с кнопками.

Панели: Текст, Элементы, Слои, Фото, Бренд

Панели слева переключают содержимое боковой колонки.

• Текст — стили текста в фирменных шрифтах (заголовок, подзаголовок, основной текст), пресеты и готовые комбинации «заголовок + подпись».
• Элементы — библиотека с поиском: Фигуры, Линии, Бейджи для меню (ХИТ, NEW, ОСТРОЕ, ВЕГАН, скидка), Иконки (кухня, напитки, сервис, контакты), QR-код на ссылку — онлайн-меню, бронь, соцсети, Wi-Fi, — блок Меню со строкой «блюдо — цена» и Рамки для фото. Клик ставит элемент на активную страницу.
• Слои — список элементов активной страницы сверху вниз. Перетаскивайте строки, чтобы поменять порядок; по наведению — глаз (Скрыть / Показать) и замок (Запереть / Отпереть); двойной клик — переименовать слой.
• Фото — фотобанк заведения (см. ниже).
• Бренд — фирменные цвета и шрифты из бренд-бука.

Страницы

Внизу редактора — полоса миниатюр страниц. Клик переводит к странице, перетаскивание меняет порядок; кнопки — Добавить страницу, Дублировать страницу, Удалить страницу. Фон страницы выбирается из фирменных цветов, цветов макета или своим цветом; Без фона — прозрачная страница для PNG.

Фотобанк заведения

Панель Фото в редакторе показывает тот же фотобанк, что и AI-маркетолог, — фотографии, синхронизированные с папкой Google Drive заведения.

• Папки — категории с количеством: меню, интерьер, события, персонал, промо;
• Теги — клик по тегу сужает выборку до нужных кадров;
• Поиск — по тегам, описанию и названию блюда;
• Мои — ваши загрузки: кнопка «Загрузить фото» кладёт файл с компьютера и сразу ставит его на макет;
• Блюда — фотографии из Медиа-студии.

Форма кадра переключается тут же: прямоугольник, круг или арка.

Свои теги и папки

Разметку фотографий ставит AI при синхронизации Drive, но её можно менять руками — в Маркетинг → AI Маркетолог → Производство → Медиатека → Все фото.

1. Наведите курсор на фотографию — в углу появится галочка, отметьте ею нужные кадры (или нажмите «Выбрать все на странице»).
2. Введите тег и нажмите Добавить тег — он проставится всей выборке. Убрать тег снимает его.
3. Переложить в папку меняет категорию у всех выделенных сразу.
4. В карточке фотографии папка меняется списком, а теги — по одному: крестик убирает, Enter добавляет.

Свои теги сразу работают как подборки: в панели «Фото» редактора по ним можно фильтровать наравне с автоматическими.

Печать и публикация

Готовый макет выгружается кнопками сверху: PNG — для соцсетей и мессенджеров, PDF — для печати. В настройках PDF можно добавить вылеты и метки реза, если макет уходит в типографию.

Кнопка Формат меняет размер холста — например, из вертикальной афиши сделать пост в ленту: содержимое пересчитается под новые пропорции.

Ассистент помогает с макетом

Открытый макет виден AI-ассистенту в боковой панели. Попросите словами — «подними цену бизнес-ланча до 350», «замени заголовок на осенний», — и он внесёт правку прямо в макет, а вы увидите её в редакторе.

Горячие клавиши

• Ctrl+Z — отменить; Ctrl+C / Ctrl+V / Ctrl+D — копировать, вставить, дублировать; Del — удалить.
• Ctrl+G / Ctrl+Shift+G — сгруппировать / разгруппировать; Alt+Shift+L — запереть; Ctrl+A — выделить всё.
• Ctrl+] / Ctrl+[ — слоем выше / ниже; Ctrl+B / I / U — жирный, курсив, подчёркнутый.
• Shift+1 — вписать макет; Ctrl+0 — 100 %; Ctrl+колесо — масштаб к курсору; пробел — панорама.

Логотипы и дизайн-система бренда

Панель Бренд хранит не только цвета и шрифты. Логотипы заведения показываются плитками: нажмите на нужный знак, и он появится на активной странице отдельным слоем. Логотип не обрезается рамкой фотографии — его можно двигать, менять размер, копировать и удалять как любой элемент.

Если фирменный стиль уже загружен в медиатеку WellCa, повторно добавлять файлы не нужно: редактор подхватит логотипы организации автоматически.

Собрать систему из ссылки

1. Откройте Маркетинг → Дизайн → Дизайн-системы.
2. Нажмите Новая система → Собрать из ссылки.
3. Вставьте публичную HTTPS-ссылку на сайт или страницу бренда.
4. WellCa прочитает CSS-цвета и шрифты, найдёт логотипы, сохранит их в медиатеку и сформирует полный DESIGN.md.
5. Откройте систему и проверьте токены, логотипы и правила перед тем, как назначить её основной.

Готовые ссылки Claude Design/OpenDesign и tar.gz-бандлы по-прежнему импортируются как готовые системы. Обычный сайт разбирается как источник бренда. Если на странице нет явного логотипа, цвета или шрифта, система покажет предупреждение и не станет выдумывать отсутствующие материалы.

Дальше

• AI-ассистент на каждой странице — как он видит контекст открытого раздела.
• Рассылки гостям — куда отправить готовый макет.

Готовый макет можно сразу поставить в пост: Соцсети: посты в Telegram и VK с согласованием в один клик.

Данные меню для макета

Когда вы просите ассистента сверстать ланчи, сезонное или банкетное меню, он сначала ищет актуальную версию в конструкторе меню и берёт оттуда позиции, цены, выходы и описания. Ничего копировать вручную не нужно. Доступ к данным остаётся таким же, как у вашей учётной записи, и не выходит за выбранное заведение.

Если AI временно недоступен, запрос сохранится и ответ появится в том же разговоре: как работает очередь ответа.

Где редактировать макет

После подготовки макета нажмите «Открыть»: WellCa переведёт вас прямо в штатный раздел «Дизайн». Там находятся сохранённые макеты, фирменные темы и редактор. Старый отдельный AI Office для этого не используется.

Несколько элементов, группы и выравнивание

Чтобы работать сразу с несколькими элементами, удерживайте Shift или Ctrl (на macOS — Cmd) и кликайте по нужным объектам. Ещё один способ — зажать мышь на любом пустом месте листа и протянуть рамку выбора, как на рабочем столе. Всё выделение можно перемещать, копировать, дублировать и удалять как единый набор.

Нажмите Группа, чтобы объединить выбранные элементы в один блок. После этого блок перемещается, масштабируется и копируется целиком. Вернуть отдельные элементы можно кнопкой Разгруппировать или сочетанием Ctrl+Shift+G.

Кнопка Выровнять открывает команды по левому и правому краю, центру, верху, высоте и низу. Один объект выравнивается относительно страницы, несколько — относительно общей рамки выделения. Для трёх и более объектов доступны равные промежутки по горизонтали и вертикали.

Скачать без пустых полей

Кнопка PNG сохраняет активную страницу ровно в размере её кадра — без A4 и пустого пространства рабочей доски. Кнопка PDF · без обрезки сразу скачивает страницы в их точном размере без полей. Вариант Типография добавляет вылет 3 мм и метки реза.

Сохранение и работа в нескольких вкладках

Редактор автоматически сохраняет изменения в текущую рабочую версию. Кнопка Сохранить создаёт отдельную точку истории. Если вы продолжаете редактирование во время сохранения, новые изменения остаются несохранёнными до следующего успешного запроса.

При ошибке редактор показывает сообщение и предлагает повторить сохранение. Если макет успел изменить ассистент или другая вкладка, автоматическая запись останавливается: откройте актуальную версию перед продолжением. Не закрывайте редактор, пока не убедитесь, что нужные изменения сохранены.

Галерея и создание меню

Галерея, шаблоны и фирменные стили относятся к выбранному заведению. Если заведение не выбрано, сначала выберите его в шапке кабинета. После переключения список обновляется, а открытая форма предыдущего заведения закрывается.

Быстрый старт задаёт тип будущего макета. Для меню можно выбрать позиции заведения, для карточки блюда — одну позицию. Если макет создался, но позиции не удалось перенести, форма сообщает об этом отдельно и позволяет открыть уже созданный документ.

Фирменный стиль без потери ввода

В разделе Дизайн-системы можно редактировать названия цветов, шрифты и многострочные правила. Каждое правило вводится с новой строки. Во время сохранения поля временно недоступны. При закрытии изменённой формы появится подтверждение.

Черновик и скачивание

При возвращении к несохранённому макету в той же вкладке редактор предлагает восстановить локальный черновик или отбросить его. Черновик не заменяет сохранение на сервере. Если серверная версия уже изменилась, восстановленный черновик нельзя записать поверх неё без разбора конфликта.

Перед скачиванием PDF выберите активную страницу или все страницы. Листы разных размеров скачивайте по одному: редактор не будет обрезать их под общий формат. PNG сохраняет активную страницу.

Связанные инструкции: настройки AI-ассистента.

Имена листов

Листу можно дать имя, например «Ланч · 2 неделя»: дважды щёлкните по подписи под миниатюрой в ленте страниц или наведите на миниатюру и нажмите карандаш. Enter сохраняет имя, Esc отменяет правку. Имя видно в ленте, в заголовке листа на холсте, в панели слоёв и в режиме «Доска». Если стереть имя, лист снова будет называться по номеру.

Новая неделя меню удобно делается копией листа: продублируйте лист, переименуйте его и замените блюда. Каждый лист правится отдельно, а первый остаётся без изменений.