Блок-схемы: руководство от начала до конца

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

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

В этой статье

Каждая блок-схема уникальна. Вот почему мы создали это руководство, чтобы помочь вам разобраться, как использовать различные варианты и функции, доступные при создании блок-схемы. Мы обсуждаем:

Чтобы следовать пошаговой инструкции по созданию блок-схемы, ознакомьтесь с нашей статьей «Создание блок-схемы в Lucidchart».

Методы создания блок-схемы

В зависимости от предпочтительного метода построения блочной схемы, у нас есть несколько доступных способов. Вы можете начать с пустой диаграммы и фигуры библиотеки блок-схемы, создать диаграмму из шаблона, получить доступ к меню «Диаграмма как код», чтобы автоматически построить блок-схему с помощью Mermaid, или сгенерировать блок-схему с помощью ИИ Lucid.

Вот наш совет о том, когда использовать каждый из этих вариантов для построения твоей блок-схемы:

  • Создайте пустую схему и постройте её из библиотеки фигур блок-схем, когда: вы хотите иметь ручной контроль над каждым шагом построения блок-схемы.
  • Начните с шаблона, когда: у вас есть стандартный рабочий процесс, который вы хотите задокументировать, и вы хотите начать с профессионально оформленного шаблона. У нас есть широкий выбор шаблонов, которые помогут вам быстро начать создание блок-схемы.
  • Автоматически создавайте с помощью кода Mermaid, когда: хотите упростить процесс создания схем, сделав его быстрее и легче с помощью кода Mermaid.
  • Сгенерируйте блок-схему с помощью ИИ, когда: начинаете с пустого холста и не имеете четкого представления о том, как построить свою блок-схему — автоматически созданная ИИ блок-схема может стать отправной точкой и помочь сгенерировать идеи.

Используйте инструментарий блок-схемы

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

  1. Нажмите search-icon.png значок поиска в верхней части панели инструментов.
  2. Выберите наборы инструментов.
  3. Выберите блоки-схемы.
  4. Добавьте весь набор блочных схем, конкретный инструмент или фигуру из определенной библиотеки в инструменты документа, нажав на значок плюса, который появляется при наведении курсора на заголовок элемента.

Как только набор инструментов блок-схемы будет добавлен в меню фигур на левой панели, перетащите фигуру из набора инструментов на холст, чтобы начать построение диаграммы. Для получения более подробной информации перейдите к разделу «Добавление и редактирование объектов в блоках-схемах» .

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

Нажмите здесь, чтобы ознакомиться с классическими шагами редактора Lucidchart.

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

  1. Нажмите на значок «+ Еще фигуры» внизу библиотеки фигур.
  2. В строке поиска введите «Блок-схема».
  3. Поставьте галочку напротив библиотеки фигур «Блок-схема».
  4. Нажмите «Использовать выбранные фигуры».

После того как библиотека фигур будет добавлена в левое меню, перетащите фигуры из библиотеки на холст, чтобы приступить к созданию своей схемы. Подробнее о том, как добавлять и редактировать элементы, читайте в разделе «Добавление и редактирование объектов в блок-схеме».

 

Совет: если пользовательские фигуры помогают в создании блок-схем, создавайте собственные пользовательские фигуры в Lucidchart и объединяйте их в персональные библиотеки фигур, чтобы иметь к ним быстрый доступ. Кроме того, при необходимости можно воспользоваться API пользовательских фигур, чтобы разрабатывать и настраивать элементы для дальнейшего использования в Lucidchart.

Начни с шаблонов блок-схем

Чтобы создать блок-схему с помощью шаблона и быстро начать работу с структурированной и профессионально оформленной диаграммой, выполните следующие шаги, начиная со страницы «Документы Lucid»:

  1. Нажмите кнопку «+ Создать» и наведите курсор на «Lucidchart».
  2. Выберите «Создать из шаблона».
  3. В меню слева выберите пункт «Процессы» . 
  4. Прокрутите страницу вниз до категории «Блок-схемы», чтобы просмотреть и найти подходящий шаблон.
    • Чтобы просмотреть больше вариантов данного вида, нажмите здесь.view-all.png Отображаемая область справа от заголовка темы.
  5. Выберите миниатюру нужного шаблона и нажмите «Использовать».
    • Во всплывающем окне вы можете предварительно просмотреть шаблон и прочитать краткое описание.
       

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

Нажмите здесь, чтобы ознакомиться с классическими шагами редактора Lucidchart.
  1. Кликните + Новый и наведите курсор на «Lucidchart».
  2. Выберите «Создать из шаблона».
  3. Кликни Блок-схемы, чтобы просмотреть и найти шаблон.
    • Чтобы увидеть больше вариантов определенного типа, выберите «Просмотреть все» справа от названия темы.
  4. Выбери миниатюру нужного шаблона и нажмите « Использовать шаблон».
    • Во всплывающем окне вы сможете предварительно просмотреть шаблон и прочитать его краткое описание.

 

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

Совет: по мере того как вы будете лучше разбираться в Lucid и адаптировать документы под свой рабочий процесс, вы сможете создавать индивидуальные шаблоны для более точной и эффективной работы со схемами. Ознакомьтесь со статьей «Начало работы с шаблоном», где представлены пошаговые инструкции по созданию пользовательского шаблона.

Создавайте диаграммы как код с помощью Mermaid

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

В этом меню вы можете написать код в удобном для вас формате, и схема будет сгенерирована автоматически. Подробнее о том, как использовать эту функцию, читайте в статье «Схема как код с помощью Mermaid в Lucidchart».

Совет: хотя мы рекомендуем использовать Mermaid для наиболее удобного и быстрого процесса, вы также можете создавать схему с помощью разметки UML. Инструкции приведены в статье «Создание диаграммы последовательности с разметкой UML в Lucidchart».

Генерируйте диаграммы с помощью ИИ

Если вы находитесь на начальном этапе обучения и хотите сгенерировать идеи, используйте ИИ, чтобы ускорить этот процесс.
Выбирать lucidspark-collaborative-ai-icon.png Значок ИИ Lucid на панели инструментов в крайнем левом углу рабочей области.

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

Примечание: ИИ в Lucid постоянно совершенствуется. В результате полученная информация может быть неточной, предвзятой, вводящей в заблуждение, неуместной, оскорбительной или устаревшей. Всегда подтверждайте результаты, полученные с помощью ИИ.

Добавляй и редактируй объекты в своей блок-схеме

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

business-process-flowchart-example-with-shapes-lines-and-swimlanes.jpg

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

Используйте расширенные функции, чтобы улучшить вашу блок-схему

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

Улучшите ясность с помощью легенды диаграммы

Добавление условных обозначений к схеме — отличный способ определить визуальное значение различных элементов блок-схемы. На примере ниже показан ключ схемы под названием «Фигуры потока процесса», который отражает четыре цвета дорожек и соответствующие фигуры в каждом пуле. Использование этой функции помогает разделить роли клиента, отдела продаж, менеджмента и кредитного отдела, делая восприятие информации на схеме проще и нагляднее.

process-flow-shape-colors-diagram-key.jpg

Подробнее: Чтобы узнать больше о добавлении и настройке условных обозначений схемы, ознакомьтесь со статьей «Добавление условных обозначений схемы в Lucidchart».

Добавляйте слои, чтобы показывать или скрывать пути блок-схемы

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

  • Визуализация нынешнего и целевого состояния схемы. Подробнее.
  • Разворачивание или сворачивание сложной блок-схемы, разбивая ее на удобные для восприятия части. Подробнее.

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

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

toggle-action-to-switch-between-onboarding-current-and-future-state.gif

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

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

Улучшайте восприятие с помощью условного форматирования или наборов значков

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

  • Условное форматирование для создания правила, которое будет автоматически оценивать все текущие и будущие объекты вашей блок-схемы и применять нужное оформление — например, стиль фигуры, значки или динамические фигуры. Это более продвинутая функция, настройка которой требует больше шагов, но и возможности у нее значительно шире.
  • Наборы значков, чтобы добавлять статические иконки к объектам вашей схемы и визуально привлекать внимание пользователей, когда что-то требует действий или проверки. Их легко добавить и удалить, поэтому они отлично подходят даже для временных пометок.

Например, на скриншоте ниже применены следующие значки и правило условного форматирования:

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

conditional-formatting-and-icon-sets-example-on-flowchart.jpg

Добавь данные или ресурсы к объектам

Существует несколько функций добавления ссылок и вложений, которые могут быть полезны для определенных задач. Например, вы можете предоставить быстрый доступ к дополнительной документации или ресурсам, размещенным в других местах, или добавить изображения, иллюстрирующие конкретный этап процесса.
Независимо от того, хотите ли вы связать данные из импортированного файла с фигурой, создать ссылку на другой документ Lucid или внешний URL, либо прикрепить файл или изображение к объекту, — все это помогает расширить функциональность вашей схемы. К примеру, вы можете использовать следующее:

  • Привязка данных к документу Lucidchart —статья с пошаговыми инструкциями о том, как прикрепить таблицу CSV, Google Sheets или Excel, либо создать собственный набор данных в Lucid. Затем этот набор данных можно привязать к объектам или страницам в документе Lucid. Эта функция удобна, когда необходимо, чтобы конкретные данные были связаны с фигурами схемы.
  • Добавить ссылку к фигуре, чтобы перенаправлять пользователей на другую страницу вашего документа Lucidchart, отдельный документ Lucidchart или конкретный URL-адрес. Эта функция полезна, если нужно дать доступ к более подробной документации или перевести процесс на следующий этап за пределами Lucid.
  • Прикрепляйте изображения к объектам, чтобы добавлять файлы напрямую к фигурам. Это позволяет предоставлять документацию и инструкции пользователям, не заставляя их покидать страницу вашего документа Lucidchart.

Быстро просматривайте метаданные диаграммы с помощью формул сводки по странице

Lucidchart предоставляет разнообразные готовые формулы аналитики страницы, доступные прямо в документах Lucidchart из меню отчетов, включая:

  • Количество выбранных объектов на твоей странице
  • Общее количество фигур, линий или объектов на вашей странице

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

Формулы в Lucidchart обладают намного большей гибкостью и функциональностью, чем предустановленные формулы аналитики страницы, описанные выше. Ознакомьтесь со статьей «Использование формул в Lucidchart», чтобы получить общую информацию о формулах, быстрый справочник по фигурам и глоссарий терминов.

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

Поделитесь своей блок-схемой

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

Сначала определите, хотите ли вы поделиться статичной версией или динамическую версией схемы.

Ты можешь выбрать поделиться статической версией своей блок-схемы, если:

  • Хотите, чтобы схема отражала процесс в конкретный момент времени.
  • Нужна распечатанная версия схемы.
  • Хотите контролировать, кто имеет доступ к информации.
  • Твою блок-схему не нужно часто обновлять.

Вы можете выбрать динамичную (живую) версию своей блок-схемы, если:

  • Вы хотите, чтобы целевая аудитория видела обновления блок-схемы в режиме реального времени.
  • Вы хотите, чтобы аудитория видела обновления схемы в реальном времени.
  • Твой график слишком большой для экспорта или печати.
  • Блок-схему нужно регулярно обновлять.

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

Экспортируй или распечатай статическую версию

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

Узнай больше: Подробные сведения и инструкции доступны в статье «Экспорт или печать документа Lucid».

Опубликуйте или встраивайте актуальную версию

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

Опубликуй свою блок-схему

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

  • URL: нажмите на ссылку, чтобы перейти к версии блок-схемы в режиме реального времени на веб-странице.
  • PDF: нажми на ссылку, чтобы скачать PDF-снимок блок-схемы в том виде, в каком она отображается в Lucidchart в данный момент. 
  • Изображение: Щелкни по ссылке, чтобы загрузить снимок блок-схемы, как она выглядит в Lucidchart в данный момент. 

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

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

Вставьте свою блок-схему

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

Помощь всё ещё нужна

Ресурсы

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

Блог

Три совета по визуализации сложных диалогов

Посты в сообществе

Построить блок-схему бизнес-процесса
Создайте текущую и будущую диаграмму колебаний.
Используйте слои, чтобы развернуть или свернуть блок-схему.

Краткое руководство

Три совета по созданию впечатляющей диаграммы

Шаблоны

Пример схемы бизнес-процесса
блок-схема, показывающая зависимости задач
Блок-схема алгоритма

Видео

Блок-схемы в Lucid

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

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

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

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