Построение диаграмм

ЯрлыкПостроение диаграмм — способ графического изображения процессов и алгоритмов, протекающих в определённом промежутке времени.

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

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

Одна из таких бесплатных программ для построения диаграмм Diagram Designer, представлена на данной странице.

Diagram Designer 1.29.2

Построение диаграмм Diagram Designer 1.29.2
Рейтинг:
Размер:
1.9 МБ (MSI-инсталлятор)
Интерфейс:Русский(частично)/Английский
Платформа:
Windows 98/ME/NT/2000/XP/Vista/7/8/10 32&64-bit
Лицензия:FreeWare
Обновлено:2018-07-30
Разработчик:
Платный аналог:  
TMS Diagram Studio (4452 руб.)


Похожая программа: Mindmap NodeMind





Diagram Designer 1.29.2

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

Установка редактора для построения диаграмм

Процесс установки вполне стандартный. После запуска извлечённого из архива инсталлятора, следуем подсказкам Мастера установки. В двух первых окнах нажимаем "Next", а в третьем – "Install".

Придётся немного подождать, пока программа установится. В заключительном окне нажимаем "Finish".

При первом запуске программа поприветствует нас просьбой о поддержке разработчика "кто чем может".

Просьба поддержать разработчика

Если помогать ему ничем не собираемся, то снимаем галочку, чтобы это окно больше не появлялось и нажимаем "Continue".

Следом появится окно выбора языка программы. Указываем нужный язык, например, Русский (Россия) и нажимаем "Ок".

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

Но и это ещё пока не всё. Далее, программа предложит ассоциировать с ней типы файлов .ddd и .ddt, в которых она хранит свои проекты.

Ассоциация программы с типами файлов

Здесь также оставляем всё по умолчанию и нажимаем "Хорошо". И теперь, наконец-то, загрузится сама программа.

Интерфейс Diagram Designer

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

Главное окно программы для построения диаграмм Diagram Designer

Если приглядеться, это окно немного напоминает текстовый редактор, так что освоиться здесь не составит особого труда.

Само рабочее окно состоит из шести зон:

  1. В самом верху – текстовое горизонтальное меню.
  2. Чуть ниже – основная панель инструментов (работа с файлами, копирование, навигация, рисование и т.д.).
  3. Слева – история действий и по совместительству – список объектов.
  4. Центр – рабочий лист, на котором мы и будем чертить наши схемы.
  5. Справа – список готовых шаблонов. Можно выбрать нужную Палитру шаблонов в выпадающем списке или загрузить из внешнего файла.
  6. Внизу – статусная панель, отражающая страницу, слой и положение курсора.

Создание блоков

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

Для центра лучше всего подойдет эллипс (овал). Перетаскиваем его из шаблонов справа или нажимаем кнопку "Draw Ellipse" (Чертить эллипс) и рисуем вручную.

Добавление эллипса

Если эллипс был взят из палитры шаблонов "Flowchart", то в нём уже будет присутствовать текст. Если же нет, его можно легко добавить двойным кликом левой кнопки мыши на эллипсе. Откроется вот такое окно редактирования текста.

Вставляем текст в эллипс

Тег — элемент разметки, задающий свойства заключённого в него текста или другого объекта.

Здесь наконец-то видны следы некоторой русификации программы :) Данное окно позволяет довольно гибко (хотя и не очень удобно) настроить оформление текста с помощью специальных тегов.

Когда результат нас устраивает, нажимаем "Хорошо", чтобы подтвердить выбранный формат текста или "Отмена", чтобы отказаться от изменений.

Также есть вариант вставки текста в эллипс с помощью кнопки «Insert text» (Вставить текст) на панели Инструментов или перетаскиванием из шаблона "Default" (По умолчанию), но такой текст будет сам по себе и при перемещении эллипса не будет перемещаться вместе с ним.

По тому же принципу создадим ещё несколько разных блоков вокруг нашего эллипса и впишем в них нужный текст с желаемым оформлением (и не упустим возможности попиариться :)

Добавление блоков

Соединение блоков в диаграмме

Теперь нам нужно как-то связать наши блоки вместе. Для этого у нас есть инструменты в левой части меню:

  1. Прямые линии (кнопка "Draw line").
  2. Прямые стрелки (кнопка "Draw arrow").
  3. Коннекторы (стрелки, ломаные под прямым углом, кнопка "Draw connector").
  4. Кривые произвольной формы (кнопка "Draw curve").

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

Настройка вида стрелок

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

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

Пример соединения блоков

Контекстное меню — меню, относящееся к выбранному элементу.

Отредактировать стиль получившихся соединений (например, толщину линии) или любого блока на схеме, можно через контекстное меню (пункт "Properties"), либо выбрав его и нажав "Alt" + "Enter".

Редактируем стрелку

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

Цветовое оформление блоков

Градиент — плавное перетекание одного цвета в другой.

Однако и этого нам мало :) Теперь мы хотим раскрасить нашу схему.

Не вопрос, Diagram Designer позволяет сделать и это. На панели инструментов есть кнопки для раскрашивания линий, текста и блоков в любые цвета с помощью стандартной палитры Windows.

Для блоков доступно даже раскрашивание градиентом (к сожалению, только в одном направлении). Экспериментируем сколько душе угодно!

Кнопки для настройки цвета

Работа с шаблонами

UML (англ. Unified Modeling Language) — унифицированный язык моделирования для разработки программ.

Однако и это еще не все. Как уже говорилось раньше, для построения диаграмм в Diagram Designer создано много готовых шаблонов.

По умолчанию с программой идут шаблоны простых блоков (Default), символы компьютерных компонентов (Flowchart), радиоэлектронных символов (Electronic Symbols), интерфейсные шаблоны (GUI design) и символы языка UML (UML Class Diagram).

Чтобы пополнить эту библиотеку новыми палитрами шаблонов, заходим на сайт разработчиков, ищем ссылку "Template palettes" по которой переходим в список готовых шаблонов и скачиваем те, что понравились, себе на компьютер.

Затем, в окне Diagram Designer нажимаем кнопку "Load template palette" (Загрузить палитру шаблонов), справа от выпадающего списка шаблонов.

В открывшемся окне находим и открываем сохранённые палитры.

Теперь можно украсить диаграмму новыми рисунками и символами из добавленных палитр.

Добавляем интересные символы

Вставка изображений

А если нам и этого мало, то можно на фон поставить любую картинку. Для этого нет специальной кнопки, так что придётся обратиться к меню "Edit" - "Insert picture".

В открывшемся окне выбираем любой графический файл на своём компьютере. Единственное «но» – картинка появится поверх схемы, как новый слой.

Чтобы это исправить, нажимаем на картинке правой кнопкой мыши и в контекстном меню выбираем пункт «Send to back» (На задний план).

Схема с добавленным фоном

Ну вот, теперь можно любоваться результатом!

Готовая диаграмма

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

Выводы

Построение диаграмм в Diagram Designer значительно проще и быстрее, чем если это делать вручную в не приспособленных для этого редакторах.

В то же время, программе не хватает некоторых "изяществ", вроде изменения размеров кончиков стрелок или разнонаправленного градиента. Но в целом, она весьма неплохо справляется со своими основными обязанностями.

Радиолюбители по достоинству оценят возможность в несколько кликов создавать принципиальные схемы радио- и электрооборудования. А программистов может привлечь возможность быстро набросать схему алгоритма для объектно-ориентированных языков.

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

После установки ее можно скопировать на флешку и использовать как portable-приложение.

P.S. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Богданова.

P.P.S. Если Вам потребуется не только набросать несложную электрическую схему, но и смоделировать её работу, то обратите внимание вот на эту интересную программу, созданную как раз для таких задач: Начала Электроники https://www.bestfree.ru/soft/obraz/electriccircuit.php



Похожие программы:

Ментальные карты: Explain
Простой и интуитивный редактор ментальных карт, позволяющий быстро оформить любую идею или проблему в виде множества узлов и связей, а затем автоматически вырабатывать оптимальные решения по ним.
Mindmap: NodeMind
Программа для максимально простого и быстрого создания ментальных карт (mindmap), позволяющих "охватить взглядом" какую-то сложную проблему, имеющую много взаимосвязей.
Векторный редактор: Inkscape
Отличный бесплатный векторный редактор, предназначенный для создания красочных векторных изображений с минимальными затратами времени и сил.
Черчение: A9CAD
Бесплатная программа для черчения, напоминающая ранние версии AutoCAD. Предназначена для быстрого создания несложных плоских чертежей.
САПР: nanoCAD
Бесплатная в базовой комплектации система автоматизированого проектирования (САПР) для разработки технической документации в формате DWG.
Спецэффекты: Magic Particles 3D
Бесплатная программа для создания фото- и видео- спецэффектов в домашних условиях, и с минимальными затратами времени и сил.
Красивые шрифты: NexusFont
Программа для удобного просмотра и управления шрифтами на компьютер, плюс отличный набор русских шрифтов на все случаи жизни.





** Задавать вопросы лучше на нашем форуме. Просто зарегистрируйтесь и создайте новую тему.

Полезный совет:



Система проверки ошибок от Mistakes.ru