logo标签列表

好用的网络图编辑器？

software-recommendationnetworkingdiagram
写商业提案时，我想创建一个漂亮的图形，向客户展示我为他们的IT网络设计的架构，包括服务器、网络连接、防火墙、负载均衡等。
多年来，我一直在使用dia，但我已经厌倦了它，因为：结果不令人满意，可用的网络元素很少，而且每个元素的图形表示都非常丑陋。
问题是：如何创建漂亮的网络图表？
如果dia有更好的元素集可用，那将是一个解决方案。
14个回答
尝试使用Draw的LibreOffice/OpenOffice图库：http://www.vrt.com.au/downloads/vrt-network-equipment CC许可，也可在Fedora软件仓库和libreoffice扩展网站上找到。
更新：v1.1版本新增了更深色的变体（类似VMware的形状），并添加了一组逻辑网络符号 - 现在有5个图库主题中近200个符号。

sample of shapes in gallery

这些对于一个不太懂技术的小企业主来说是非常适用的基本图表，真是个好发现，谢谢那些制作并发布这些图表的人。 - shaunhusain
LibreOffice在5分钟内为我崩溃了两次，上面有4个那样的标志，看来我得寻找其他替代方案了。 - nhed
对于任何想在Dia中使用这些图标的人，我已经将它们导出并在我的回答这里中发布了链接。 - Jon Bentley
Inkscape就是你所需要的一切。如果需要额外的剪贴画图形（'元素'），可以使用openclipart.org。现在OpenClipart实际上已经内置在Inkscape中了。真的没有必要使用非免费的应用程序。
我看到Cacoo后，决定将我的图表移至云端。这是一个非常直观的工具，有很多图表和图标选择，大多数还具有在线协作选项。唯一的缺点是它是专有软件 :/

这是我的样例Diagram

1我其实不太喜欢使用专有应用，但我必须承认这个是我迄今为止找到的最好用的工具。我很幸运地找到了我需要的元素，而且图形非常漂亮！ - Nicolas Raoul
2很遗憾，将专有/敏感数据存储在云端可能会对某些人造成问题。 - belacqua
1这个“解决方案”需要Flash。当我在2017年的问题需要Flash时，我想要我的问题回来。 - Noir
不喜欢将我的数据存储在我之外的地方，云存储是我对数据的极限了。我希望我的绘画、照片和文件都以本地可读的格式存在！ - kravemir
通过查看Dia官方FAQ，我发现有一种方法可以扩展Dia及其元素集。
扩展Dia 问：如何添加新的形状/工作表？答：在源代码分发中的doc/custom-shapes中给出了关于形状格式的解释。然而，Dia现在还具有将图表导出为形状的功能。每个形状集合（称为工作表）应该放在~/.dia/shapes的子目录中，例如~/.dia/shapes/Engines。要创建一个形状，首先在Dia中设计它。然后将其导出到您的子目录中。将生成两个文件，一个是.shape文件，一个是.png文件（图标）。
从0.90版本开始，Dia提供了一个工作表和对象编辑器，允许您将形状加载到工作表中。它还会实时更新Dia加载的对象。
如果您仍然想手动操作，请更新~/.dia/sheets中相应的工作表文件，本例中称为Engines.sheet。工作表文件的示例内容如下：
<?xml version="1.0" encoding="iso-8859-1"?> <!-- -*- xml -*- -->

<sheet xmlns="http://www.lysator.liu.se/~alla/dia/dia-sheet-ns">
  <name>Engines</name>
  <description>Mechanical Engines</description>
  <contents>
    <object name="Engines - Gas">
      <description>A gas engine</description>
    </object>
  </contents>
</sheet>

每个新对象都应该通过添加一个对象部分来添加到表格中。下次你重新启动Dia时，新的对象应该会显示在表格列表中。
所以我建议你把自己的形状添加到Dia中，快乐地生活:)
对于那些希望在Dia中使用更美观的形状的人来说，我已经从这个回答中导出了VRT形状，并将链接发布在我的回答这里。 - Jon Bentley
yED图形编辑器是一款桌面应用程序，可用于快速有效地生成高质量的图表。它还可以用于生成网络图表。这是使用该软件创建的一个示例图表。

Network Diagram

上述图片的来源：yED图库
非常好！控制（如移动/创建对象）与通常有些不同，但我觉得通过阅读文档可以更高效地使用，比Cacoo更高效。虽然不是开源的，但无限文件是超过Cacoo的巨大优势。网站上写着yED和yEd，所以对于大小写不太确定。 - Nicolas Raoul
1给所有对此感兴趣的人一个小警告：本帖发布时最新的Linux版本几乎没有与网络相关的形状。也许绘制类似提供的图片需要更多步骤，但看起来不能快速完成任务。我并没有测试过此浏览器版本，因为它要么坏了，要么需要在浏览器中启用Java（如果是这样的话：哥们们，这是2017年啊，怎么了？）。 - Noir
快来看看我的模板集，这样你就可以轻松地将其导入到yEd中：https://github.com/danger89/yEd_cisco_network_icons@Noir - Melroy van den Berg
我仍然认为Dia是一个很好的选择，我很想知道你为什么觉得网络图看起来不够好。根据我的经验，有很多传统的网络图形，比如用于文档（比如来自思科）的路由器、交换机等概念图，它们看起来完全一样。请告诉我们在Dia中你觉得缺少了什么，这样就可以有人去创建我们都会觉得非常有用的形状：）
诚然，在连接事物和使用Dia的其他方面存在一些问题，如果你来自Microsoft Visio的背景，那么这些问题可能会有所不同，但对我来说，它仍然非常好用。当我进行调查时，它仍然是最适合这类工作的图表编辑器。
据我所知，我在那里描述的所有元素都可以在标准的Dia中找到。你需要寻找以"Cisco"开头命名的形状表。
1+1 Cisco的元素确实更多，而且有点更好看，但仍然是黑白像素级绘图，并且没有机架形状的服务器。顺便说一句：我从未尝试过Visio。 - Nicolas Raoul
好的，不过我确实有彩色版本的图纸，也许你只需要使用更新的 dia 版本？顺便提一下，lucid 有彩色绘图。不过，如果你想从机架前面做可视化计划来安排放置位置，很少有应用程序附带机架形状的服务器图片 —— 这些图片要么由硬件供应商提供，要么你得自己拍摄硬件的照片 :) - Mathieu Trudel-Lapierre
对于任何想要在Dia中使用更漂亮的形状的人来说，我已经从这个答案中导出了VRT形状，并将链接发布在我的答案这里。 - Jon Bentley
我最近发现了一个叫做gnomeDIAicons的Dia套件，虽然图标数量不多，但是看起来很不错。
下面是我刚刚制作的一个例子：

enter image description here

安装时，下载存档文件并在终端中执行以下操作：
cd /usr/share/dia/
sudo tar xf ~/Downloads/rib-network-v0.1.tar.gz

如果您使用的是Ubuntu 14.04、16.04、17.10或18.04版本，可以使用dia-rib-network软件包（请参见此处）进行安装。安装方法如下：
sudo apt install dia-rib-network

然后打开Dia，并选择RIB-Network工作表。
非常好！我很想看到这个套件的扩展。它似乎是开源的，所以我想知道为什么它没有默认包含在Ubuntu的Dia中。 - Nicolas Raoul
对于任何想在Dia中使用更多漂亮的形状的人来说，我已经从这个答案中导出了VRT形状，并在这里发布了链接。 - Jon Bentley
另一个可以在真实的三维环境中创建漂亮网络图的工具是MaSSHandra。
它提供了所有Cisco符号的外部下载，并且在图表内部包含了自动发现和访问功能。它是免费的，您可以在这里安装之前先看一下它的工作原理。

screenshoot

MaSSHandra网站

2这看起来就像是他们在电影《侏罗纪公园》中使用的那个！ - Aaron
虽然可能看起来有些奇怪，但我发现Inkscape是一个非常适合绘制图表的工具，尤其是网络图表。它的输出格式是svg，非常便携且呈现效果出色。而在底层，它使用的是xml，你可以通过编程方式对其进行操作（例如解析、搜索、编辑，甚至与其他数据源进行关联以获取描述或其他可变属性）。而且它是开源的。
顺便提一下，这里还有Cisco模板，供感兴趣的人使用。支持的格式包括svg、jpg、bmp、tif、eps和wmf。