Используйте сеточную разметку для организации контента в Lucid.

Смотрите: Сеточная разметка в Lucid Suite

Включить сеточную компоновку

Сетка организует контент в настраиваемую сетку внутри фреймов, контейнеров и дорожек, автоматически корректируя пространство по мере необходимости при добавлении или удалении контента. Шаги по включению сетки для фреймов, контейнеров и дорожек различаются в каждом продукте Lucid. В разделах ниже описаны шаги работы с Lucidchart и Lucidspark.

В Lucidchart

Чтобы включить табличную компоновку в Lucidchart, выполните следующие действия:

1. Выделите границу рамки, контейнера или плавательной дорожки на холсте.
2. Включите параметр «Сеточная компоновка» на контекстной панели справа от холста.
   

Существующие элементы в рамке, контейнере или дорожке автоматически встанут в соответствии с сеткой. Дополнительные параметры настройки см. в разделе « Настройка параметров сетки» ниже.

В Lucidspark

Чтобы включить сеточную компоновку в Lucidspark, выполните следующие действия:

1. Нажмите на границу рамки, контейнера или плавательной дорожки на доске.
2. Выбирать Значок сетки из контекстного меню, который появляется.

3. Включите опцию «Сеточная разметка».

   

Существующие элементы в рамке, контейнере или дорожке автоматически перестроятся в сетку. Дополнительные параметры настройки см. в разделе « Настройка параметров сетки» ниже.

Используйте сеточную разметку с уже имеющимися фигурами.

Вы можете включить сеточную компоновку для существующих фигур на холсте, даже если они не заключены в рамку, контейнер или дорожку. Чтобы сделать это в Lucidchart и Lucidspark, выполните действия, описанные в выделенных жирным шрифтом разделах ниже.

В Lucidchart

1. Выберите две или более фигура на холсте.
   • Удерживайте клавишу «Shift» на клавиатуре, чтобы выбрать несколько объектов.
2. Нажмите правой кнопкой мыши по выделенной области.
3. Выберите «Добавить в сетку» из появившихся вариантов.

Фигуры добавляются в рамку с включенной сеткой.

В Lucidspark

1. Выберите две или более фигура на холсте.
   • Удерживайте клавишу «Shift» на клавиатуре, чтобы выбрать несколько объектов.
2. Выбирать значок Быстрая очистка в появившемся контекстном меню.
3. Нажмите «Применить сетку».

Фигуры добавляются в рамку с включенной сеткой.

Уберитесь
В Lucidchart и Lucidspark можно упорядочить выбранные фигуры, что работает аналогично сетке, но без размещения объектов в рамке, контейнере или дорожке.

Чтобы привести в порядок объекты на холсте, выполните следующие действия:

1. Выберите три или более фигура на холсте.
2. Наведите курсор на выбранный вариант.
3. Нажмите Tidy up в правом нижнем углу выделенного фрагмента.

Объекты реорганизуются в сетку на холсте, и у вас есть возможность регулировать расстояние между объектами.

Кластер 
В Lucidspark вы можете сгруппировать выбранные фигуры, разбросанные по холсту. Это позволяет собрать объекты в сетку в одном месте на холсте.

Чтобы сгруппировать объекты на холсте, выполните следующие действия:

1. Выберите три или более фигура на холсте.
2. Выбирать значок Быстрая очистка в появившемся контекстном меню.
3. Нажмите Кластер.

Объекты реорганизуются в плотную сетку на холсте.

Добавляйте и управляйте контентом, используя сеточную разметку.

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

Добавляйте новый контент

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

• Перетащите объект на темную линию, чтобы вставить объект в новую строку или столбец.
• Перетащите объект в затененную рабочую зону, чтобы добавить объект в существующий хаб.

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

Чтобы использовать точное размещение, выполните следующие действия:

1. Выберите объект.
2. Удерживайте клавиши Ctrl (PC) или Command (Mac) на клавиатуре, затем перетащите объект на место.

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

Вложите фрейм, контейнер или плавательную дорожку в другой
Для дополнительного уровня организации вы можете вложить фрейм, контейнер или плавательную дорожку в отдельный фрейм, контейнер или плавательную дорожку.

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

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

Перестановка объектов

Чтобы поменять местами расположение двух объектов, перетащите один объект поверх другого.

Распределить объект по нескольким ячейкам

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

В Lucidchart

1. Выберите объект, фрейм, контейнер или плавающую дорожку, которую вы хотите охватить несколькими ячейками.
2. Щелкните значок контекстной панели в правом верхнем углу рабочего пространства.
3. В разделе «Охватить ячейки» щелкните раскрывающееся меню.
4. Выберите вариант из выпадающего меню:
   • Занять ячейку , чтобы оставить фигуру в одной ячейке. Фигура не будет охватывать несколько ячеек, даже если ее размер изменен.
   • Растянуть по горизонтали, чтобы фигура могла быть растянута на несколько горизонтальных ячеек.
   • Растянуть по вертикали, чтобы фигура могла быть растянута на несколько вертикальных ячеек.
   • Охватывайте оба направления , чтобы фигура могла охватывать несколько ячеек как по горизонтали, так и по вертикали.
5. Используйте вытягивающие язычки, которые появляются по краям объекта, чтобы растянуть его в нужном направлении.

Теперь объект занимает несколько ячеек в сетке компоновки.

В Lucidspark

1. Выберите объект, фрейм, контейнер или плавающую дорожку, которую вы хотите охватить несколькими ячейками.
2. Щелкните значок «Охватить ячейки» на появившейся контекстной панели инструментов.
   • Если вы ранее обновили настройки диапазона для этой фигуры, значок может быть другим.
3. Выберите опцию на появившейся панели:
   • Занять ячейку , чтобы оставить фигуру в одной ячейке. Фигура не будет охватывать несколько ячеек, даже если ее размер изменен.
   • Растянуть по горизонтали, чтобы фигура могла быть растянута на несколько горизонтальных ячеек.
   • Растянуть по вертикали, чтобы фигура могла быть растянута на несколько вертикальных ячеек.
   • Охватывайте оба направления , чтобы фигура могла охватывать несколько ячеек как по горизонтали, так и по вертикали.
4. Используйте вытягивающие язычки, которые появляются по краям объекта, чтобы растянуть его в нужном направлении.

Теперь объект занимает несколько ячеек в сетке.

Настройте параметры расположения сетки.

После включения сетки для рамки, контейнера или дорожки вы можете настроить расположение и размещение каждого объекта. Эти параметры также доступны после создания диаграммы в Lucidchart с помощью ИИ.

Чтобы получить доступ к настройкам сетки, выполните следующие действия:

1. Выберите границу рамки, контейнера или дорожки, для которых включена сеточная компоновка.
2. Найдите настройки сетки:
   1. В Lucidchart настройки находятся в контекстной панели, которая открывается в правой части холста.
   2. В Lucidspark выберите Значок сетки из контекстного меню, который появляется.

В настройках сетки можно изменить следующее:

• Интервал/Отступы: Изменяйте расстояние между объектами с помощью стрелок вверх и вниз или вводя новое числовое значение.
• Выбор размера: выберите подходящий размер. Функция «Подогнать» автоматически изменяет размер рамки, контейнера или дорожки, чтобы вместить находящиеся внутри объекты, а функция «Вручную» позволяет перетаскивать угол для ручного изменения размера, добавления или удаления ячеек в сетке.
• Линии: Включить или отключить автоматическую маршрутизацию линий. Автоматическая прокладка линий включена по умолчанию, что позволяет направлять линии по оптимальному пути и избегать наложения с другими объектами.
  • Если автоматическая прокладка линий отключена, вы можете быстро и однократно очистить существующие линии в вашем фрейме, контейнере или проектируемой дороге, просто нажав кнопку. Значок «Линии быстрой очистки».
• Выравнивание: Изменяет способ выравнивания объектов в занимаемой ими ячейке.
  

Вручную отрегулируйте расстояние между объектами.

Чтобы увеличить или уменьшить хаб между объектами, выполните следующие действия:

1. Выделите границу рамки, контейнера или плавательной дорожки на холсте.
2. Щелкните и перетащите линии, которые появляются между объектами по горизонтали или вертикали, чтобы добавить или удалить хаб.
   • Удерживая клавишу Shift на клавиатуре, перетаскивайте линии, чтобы зафиксировать соотношение сторон.

Наследование настроек от родительского контейнера к дочернему.

При вложенности контейнеров можно настроить наследование параметров компоновки родительского контейнера, выполнив следующие действия:

1. Выберите вложенный (дочерний) контейнер.
2. Выбирать Значок сетки из контекстного меню.
3. В верхней части появившейся панели нажмите кнопку «Наследовать» .

Настройки макета, такие как отступы и внутренние поля, будут соответствовать родительскому контейнеру. Нажмите «Пользовательский» , чтобы задать уникальные параметры компоновки для вложенного контейнера.

Часто задаваемые вопросы

Почему у меня возникает ошибка при попытке использовать сеточную разметку?
Ошибка возникает, когда при компоновке сетки обнаруживается неподдерживаемый тип объекта. К неподдерживаемым типам объектов относятся таблицы, временные шкалы, органиграммы, визуальные опросы, динамические таблицы и смарт-контейнеры.

Оставьте отзыв об этой статье