Добавление и стилизация линий в Lucidchart

Автор:  Shanna S
Обновлено:  

Линии незаменимы при построении диаграмм, поэтому Lucidchart стремится сделать работу с ними максимально простой и интуитивно понятной. Прочитайте эту статью, чтобы узнать больше о том, как добавлять, форматировать и настраивать линии.

Доступность планов: Бесплатный, Индивидуальный, Командный и Корпоративный.

Добавить линии на диаграмму

Существует четыре способа добавить линию:

  • Вручную щелкай и перетаскивай с объекта
  • Быстрое добавление линии и фигуры из объекта
  • Перетащите линию фигуры из меню фигуры
  • Щелкни правой кнопкой мыши и добавь прямо в canvas

Вручную добавь линию из объекта

  1. Наведите курсор на фигуру.
  2. Щелкните по круглому синему узлу сбоку объекта иперетащите курсор в сторону от объекта.
    создать-линию-из-существующей-фигуры-на-Lucidchart-холст.gif
     

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

добавить-линию-из-фигуры-для-создания-новой-фигуры-на-Lucidchart-holst.gif

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

Чтобы отключить окно автоподсказки фигур:

  1. Откройте настройки учетной записи, нажав на изображение своего профиля или инициалы в правом верхнем углу.
  2. Нажмите Настройки документа в меню на экране слева.
  3. Выберите вкладку Lucidchart.
  4. Найдите раздел «После рисования линий».
  5. Выберите «Не совершать действий».

Быстрое добавление линии и фигуры из объекта

  1. Наведи курсор на круглый красный узел на фигуре.
  2. Просмотри, куда будут добавлены линия и фигура, в появившемся предварительном просмотре.
  3. Щелкните по круглому синему узлу, который появляется на фигуре или вокруг нее, чтобы добавить предварительно просмотренную линию и фигуру.

    use-quick-add-for-creating-line-and-фигура.gif

Совет: когда есть свободное место, новая линия и фигура будут добавлены в направлении круглого узла, по которому ты щелкнул. Если в этом направлении уже есть фигура, будет создано новое ответвление.

Добавление линии из меню фигур

  1. Перетащите line_and_arrow_icon_from_the_Standard_shape_library.png значок линии и стрелки из раздела «Стандартные» меню фигур.
  2. Перемещайте линию, перетаскивая её тело, и удлиняйте её, перетаскивая один из её концов.
    перетаскивание-на-холст-из-стандартной-библиотеки фигура.gif
     

Добавить линию прямо на холст

  • Нажмите правой кнопкой мыши на холст.
  • В появившемся меню выберите пункт «Нарисовать линию».
    создать-линию-из-существующей-фигуры-на-Lucidchart-холст.gif
     

Дополнительные советы:

  • При перемещении объекта, соединенного линией с другим объектом, линия также переместится, чтобы сохранить соединение.
  • Удерживайте клавишу Shift на клавиатуре при рисовании линии, чтобы ее траектория следовала по прямой с шагом 45˚.
  • Создай линию, которая движется независимо от фигуры, выключив "соединения линий" в настройки документа.
    • Отключение соединений линий позволяет перемещать новые линии самостоятельно, предотвращая их автоматическое соединение с фигурой. Однако линии, которые уже были подключены к фигуре до отключения соединений линий, останутся соединенными и не могут быть перемещены независимо друг от друга.

Форматирование и изменение линий

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

Форма линии

Lucidchart предлагает четыре варианта линейной фигуры: 

  • Прямые
  • Изогнутые
  • Угловой
  • Двустороннее соединение

Формой линии в новом документе по умолчанию является угловая, а значит направление линий будет соответствовать фоновой сетке холста и изгибаться под углом 90˚.

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

  1. Выберите линию или нажмите фон холста.
  2. Нажмите на значок «Параметры строки» на панели инструментов форматирования.
    line-options-in-lucid.png
  3. Выберите одну из доступных линий фигура.
    • Если вы используете фигуру Elbow line, вы можете добавить скругление к углам линии, переключая пиксели стрелками вверх и вниз в окне "rounded" в окне параметров линии.

Цвет линии

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

  1. Выберите линию (или, чтобы установить значение по умолчанию, нажмите на холст).
  2. Нажмите на line-color-icon.png значок цвета линии на панели инструментов форматирования.
  3. Выберите цвет из появившегося окна с образцами цветов.
     

Задайте свой цвет, нажав plus-icon-for-custom-colors-in-lucid.png значок плюса в нижней части окна с образцами цветов. Здесь можно выбрать цвет вручную, нажав на цветовую область или с помощью ползунка. Также можно выбрать шестнадцатеричный код, HSB или RGB в выпадающем меню. Сделав выбор, вы можете настроить значения HSB или RGB или ввести шестнадцатеричный код.

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

Толщина линии

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

  1. Выберите линию (или, чтобы установить значение по умолчанию, нажмите на холст).
  2. Переключайте стрелки вверх и вниз в поле «Ширина строки» на панели инструментов форматирования.
    customize-line-width-using-arrows-to-adjust-pixels.gif
     

Примечание: Толщина линий в Lucidchart не может превышать диапазон от 0,5 до 10 px, вводимые значения округляются до десятой доли пикселя.

Стиль линии

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

  1. Выберите линию (или, чтобы установить значение по умолчанию, нажмите на холст).
  2. Для отображения доступных вариантов стиля линии нажмите на поле «Стиль линии» на панели инструментов форматирования.
    линия-стиль-box-in-lucid.png
  3. Наводите курсор на различные стили линий, чтобы увидеть, как они будут выглядеть на диаграмме. Нажмите стиль линии, чтобы применить изменения.

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

  1. Выберите линию (или, чтобы установить значение по умолчанию, нажмите на холст).
  2. Для отображения доступных вариантов стиля линии нажмите на поле «Стиль линии» на панели инструментов форматирования.
  3. Нажмите dropdown-arrow-to-ad-a-custom-line-pattern.png значок стрелки выпадающего списка.
  4. Справа от «Пользовательский» введите размер тире и зазора, разделяя их запятой.
    • Пример: «5, 5»

      add-a-custom-line-pattern-in-lucid.png

  5. Чтобы применить изменения, щелкните в любом месте холста.

Дополнительные варианты стиля линий:

  • Если вы редактируете индивидуальную линию, вы можете выбрать «ДВОЙНОЙ» в нижней части этого окна, чтобы превратить вашу линию в две параллельные линии.
    select_double_to_add_parallel_line_to_selected_line_on_diagram.png
     
  • Если выделенная линия пересекает другую линию на холсте, вы можете заставить её перескочить через другую линию, выбрав кнопку "ПЕРЕЙТИ".
    select_jump_to_show_a_curved_jump_where_lines_intersect.png
     
  • Если текст расположен на строке, вы можете выбрать «ТЕКСТОВАЯ ОБОЛОЧКА», чтобы создать оболочку вокруг текста.
    input_text_pill_around_text_on_a_line_in_Lucidchart_diagram.png
  • Чтобы добавить маркер на линию, выберите «МАРКЕР», чтобы добавить кружок посередине линии, над которым можно написать текст.
    line-with-marker-stating-updating-process-in-flow.jpg

конечные точки линии стиля

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

  1. Выберите линию (или, чтобы установить значение по умолчанию, нажмите на холст).
  2. Чтобы просмотреть доступные параметры, щелкните слева или справа в раскрывающемся списке «Конечная точка» на панели инструментов форматирования.
    select-from-endpoint-options-for-lines-including-arrows-or-shapes.gif
  3. Выбрать стиль.

Чтобы добавить еще один стиль конечной точки:

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

Чтобы поменять местами конечные точки выбранной линии, щелкните значок двойной стрелки рядом с раскрывающимися меню конечных точек на панели инструментов форматирования.
swap-line-endpoints-by-clicking-the-double-arrow-icon-in-formatting bar.png
 

Размер конечных точек линий можно настроить с помощью параметров стиля линии на панели инструментов форматирования. 
endpoint-size-adjustment-options copy.png

Подробнее: Для получения дополнительной информации о форматировании линий в ERD или UML см. нашу статью«Создание схемы отношений сущности в Lucidchart.

Добавить и изменить текст на линии

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

  1. Дважды щелкните линию.
  2. Введите текст в появившемся блоке «Текст».
    add_text_by_double_clicking_on_a_line.gif
    • Перетащите текстовое поле, чтобы переместить текст в другое место на линии, в том числе непосредственно над или под ней.
      click_and_drag_text_on_a_line_to_move_it_above_or_below_the_line.gif

Чтобы удалить текст с линии:

  1. Дважды щелкните мышкой по тексту, который вы хотите удалить.
  2. Выделите или поместите курсор в конце текста.
  3. Нажмите клавишу «Delete» (на Mac) или «Backspace» (на ПК) на клавиатуре.

Изменение пути линии

Измените путь угловой линии:

  1. Выберите линию.
    • В центре каждой секции выбранной линии появится узел.
    • При наведении курсора на секцию линии в каждой четверти появится дополнительный узел.
  2. Перетащите узел, чтобы изменить путь линии.
    modified-line-is-indicated-with-filled-узел-in-lucid.gif
  3. Место, которое вы щелкаете и перетаскиваете, становится опорной точкой, которая представлена заливкой на линии.
    • Эта опорная точка не перемещается. Если вам нужно сбросить индивидуальную опорную точку, вы можете щелкнуть правой кнопкой мыши и выбрать «Удалить соединение».

Кончик: Вы можете сбросить всю линию и удалить все опорные точки. Для этого щелкните правой кнопкой мыши по строке и выберите «Сбросить линию».

Измените путь прямой или изогнутой линии:

  1. Выберите линию.
    • В центре линии появится узел.
  2. Перетащите узел, чтобы создать соединение и изменить путь линии.
    • Линия будет разделена на две секции, каждая из которых будет иметь узел в центре
      click_and_drag_a_node_on_a_curved_line_to_change_path.gif

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

Изменить местоположение конечной точки линии:

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

      reposition-a-line-endpoint-on-a-figa.gif

Создание умных линий

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

  1. Перетащите линию от одного объекта к другому.
  2. При достижении границы второго объекта удерживайте курсор, пока объект не будет выделен.
  3. Отпустите курсор до того, как подсветка исчезнет. 

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

Хотите поделиться мнением об этой статье? Расскажи нам о своем опыте здесь

Вы нашли то, что искали?

Остались вопросы или хотите поделиться тем, что узнали? Посетите наше сообщество   для получения помощи и совместной работы с другими.