Инструкция к Конструктору

Краткое руководство по использованию визуального редактора архитектуры.

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

1. Общие настройки и навигация

Перемещение по полю: Чтобы сдвинуть весь холст (если схема разрослась и не влезает на экран), просто зажмите левую кнопку мыши на любом пустом месте и потяните в нужную сторону. Также холст можно сдвигать обычным колесиком мыши (или скроллом на тачпаде ноутбука).
Главный заголовок: Вы можете переименовать всю схему. Просто кликните по тексту заголовка по центру экрана и введите своё название. Для переноса строки используйте Shift + Enter. Для сохранения нажмите Enter (или кликните в пустом месте).
Новый блок: Нажмите кнопку + Блок на верхней панели.
Перемещение плашек: Просто зажмите левую кнопку мыши на любом блоке (плашке) и перетащите его в нужное место на холсте.
Изменение размера: Выделите блок кликом. В его правом нижнем углу появится синий треугольник. Потяните за него, чтобы изменить размер.
Редактирование текста: Текст внутри плашек можно свободно менять. Сделайте двойной клик по названию или подзаголовку. Для переноса строки используйте Shift + Enter. Для сохранения нажмите Enter (или кликните в пустом месте).
Копирование: Выделите блок и нажмите Ctrl + C. Затем нажмите Ctrl + V, чтобы вставить его копию. Это работает даже при переносе блоков между разными сохраненными проектами (файлами).
Изменение цвета: Кликните по блоку (он выделится синей тенью) и нажмите на любой цветной кружок в палитре на панели сверху.
Удаление: Выделите блок и нажмите клавишу Del (или Backspace) на клавиатуре, либо красную кнопку Удалить на панели.
Фокус-режим (Подсветка связей): При клике на любой блок вся остальная схема (не связанные элементы) тускнеет. Яркими остаются только сам выбранный блок, все его связи и подключенные к нему блоки. Цвет свечения подстраивается под цвет узла. Это помогает легко ориентироваться в сложных архитектурах.

2. Работа со связями (линиями)

Создание новой связи: Нажмите кнопку Связь: ВЫКЛ (она загорится синим ВКЛ). Зажмите левую кнопку мыши на первом блоке, потяните ко второму и отпустите.
Связь на самого себя (петля): В режиме Связь: ВКЛ кликните на блок и отпустите мышку на этом же самом блоке. Программа автоматически нарисует петлю, выходящую из блока и возвращающуюся в него.
Текст на связи (плашки связей): При создании линии на ней появляется плашка с текстом. Для изменения текста сделайте двойной клик. Эту плашку также можно двигать мышкой вдоль самой линии.
Перемещение линий (изломы): Линии тоже можно двигать и изгибать. Выделите линию кликом, затем сделайте двойной клик по самой линии - появится синяя точка. Перетаскивая эту точку, вы меняете положение и форму линии.
Удаление излома: Двойной клик по синей точке излома удалит её.
Выпрямить линию: Выделите линию со множеством изломов и нажмите кнопку Выпрямить на панели. Линия мгновенно станет прямой.
Развернуть стрелку: Выделите линию и нажмите Развернуть. Направление связи изменится на противоположное.
Пунктир: Выделите линию и нажмите Пунктир для переключения стиля линии (сплошная/пунктирная).

3. История изменений (Отмена и Повтор)

Конструктор запоминает до 50 ваших последних действий.
Для отмены ошибочного действия нажмите кнопку ↶ Назад на панели или используйте сочетание клавиш Ctrl + Z.
Для возврата отмененного действия нажмите кнопку Вперед ↱ или Ctrl + Y.

4. Экспорт и сохранение

Автосохранение: Все изменения сохраняются в браузере автоматически. Вы можете закрыть страницу и открыть её завтра - схема останется в том же виде.
Скачать проект (JSON): Кнопка 💾 Сохранить скачивает текущий проект на ваш компьютер в виде файла .json. Это полезно для резервного копирования или передачи проекта другому человеку.
Открыть проект (JSON): Кнопка 📂 Открыть позволяет загрузить ранее сохраненный проект (файл .json) с вашего компьютера.
Экспорт (PDF): Нажмите красную кнопку Экспорт (PDF). Программа автоматически обрежет пустые края, добавит белый фон, заголовок и скачает PDF-документ.
Если перед экспортом у вас был выделен блок (включен Фокус-режим), то PDF выгрузится именно с этим эффектом затемнения остальных элементов.
Новый проект: Кнопка 📄 Новый полностью очищает холст для создания схемы с чистого листа. Несохраненные изменения при этом будут потеряны!