好的网络图编辑器?


53

编写商业计划书,我想创建一个漂亮的图形,向客户展示我为他们的IT网络构想的架构,包括服务器,网络连接,防火墙,负载平衡等。

多年来,我一直在使用dia,但我对此感到厌倦,因为:结果令人不满意,几乎没有可用的网络元素,并且每个元素的图形表示确实很丑陋。

问题:如何创建漂亮的网络图?

如果可以使用一组更好的元素,那将是一个解决方案。

Answers:


15

Inkscape是您所需要的。有关其他剪贴画图形(“元素”),请使用openclipart.org。如今,OpenClipart实际上已内置到Inkscape中。确实没有必要诉诸于非免费应用程序。


1
我从Cacoo切换到Inkscape + OpenClipart。
Nicolas Raoul

在您的openclipart中使用gimp。好厉害!
Daniel AndreiMincă16年

15

看到Cacoo之后,我决定将图表移到云端。这是一个非常直观的工具,具有大量的图表和图标选择,并且大多数情况下都具有用于在线协作的选项。唯一的缺点是专有软件:/

这是我的样品图表


1
我不太喜欢使用专有应用程序,但是我必须承认,这是迄今为止我发现的最好的工具。我很幸运地以非常漂亮的图形找到了我需要的元素!
Nicolas Raoul

2
不幸的是,对于某些会使用私有/敏感数据的人来说,这可能是一个问题。
belacqua

1
-1此“解决方案”需要刷新。当2017年我的问题的解决方案需要快速更新时,我希望我的问题回来。
Noir

不喜欢将我的数据存储在我的外面,...就我的数据而言,云存储是我所需要的,...我希望我的图形,图片,文档采用本地可读格式。 ..!
克拉韦米尔'18

15

使用Draw尝试这些LibreOffice / OpenOffice画廊:http : //www.vrt.com.au/downloads/vrt-network-equipment

CC许可,也可以在Fedora仓库和libreoffice扩展站点中获得。

更新:v1.1版本添加了新的更暗的变体(如VMware的形状),并添加了一组逻辑网络符号-现在在5个主题中接近200个符号。

画廊中的形状样本


对于那些不了解超级技术的小型企业主来说,这些非常适合作为基本图表,很好的发现,感谢您以及制作并发布它们的人。
shaunhusain 2014年

LibreOffice在5分钟之内两次撞倒了我,上面的其中四个徽标是我的,我猜我
还会再找

13

yED Graph Editor是一个桌面应用程序,可用于快速有效地生成高质量的图。它也可以用于生成网络图。这是使用此软件创建的示例图。

网络图

上图的来源:yED图片库


+1非常好!控件(如移动/创建对象)与平时有点不同,但是我觉得在阅读一些文档的基础上,它可能比Cacoo更高效。即使不是开源的,无限制的文件也比Cacoo更好。网站会同时显示两者yEDyEd因此不确定大小写。
Nicolas Raoul

对感兴趣的所有人发出一点警告:撰写本文时,最新的Linux版本几乎没有与网络相关的图形。可能需要更多步骤才能绘制出所提供图片上的内容,但看起来并不能很快完成任务。我尚未测试此浏览器的版本,因为它已损坏或需要在浏览器中启用Java(如果是这种情况:WTF花花公子?是2017年)
Noir

签出我的模具集,以便您可以轻松地将其导入yEd:github.com/danger89/yEd_cisco_network_icons @Noir
危险89年

12

通过查看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中并快乐地生活:)


8

我最近发现了一个名为gnomeDIAicons的Dia软件包,尽管图标不多,但它们看起来确实不错。

这是我刚刚整理的一个示例:

在此处输入图片说明

要安装,请下载存档并在终端中:

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表。


+1非常好!我很想看到这套扩展。它似乎是开源的,所以我想知道为什么Ubuntu的Dia中默认不包含它。
Nicolas Raoul

7

我仍然发现dia是一个不错的选择,而且我很想知道为什么您发现网络图看起来不合适。

以我的经验,有很多传统的网络图形状,例如路由器,交换机等的概念图,就像在文档中使用的一样(例如Cisco的产品)……看起来几乎一样。请让我们知道您在Dia中缺少的内容,以便有人可以继续制作我们可能发现确实有用的形状:)

诚然,如果您来自Microsoft Visio,那么在连接事物和使用dia的其他方面会有很多问题,但是对于我来说,它似乎仍然很有效。当我研究它时,它仍然是进行此类工作的最佳图表编辑器。

据我所知,我所描述的元素有股票可供直径。您将要查找名称以“ Cisco”开头的形状表。


1
+1 Cisco元素的数量确实很多,也更好一些,但是仍然是逐像素绘制,并且没有机架式服务器。顺便说一句:我从未尝试过Visio。
Nicolas Raoul 2010年

对。我确实有颜色,也许您只需要使用较新版本的dia?FWIW,清晰的有彩色图纸。就是说,如果您要对机架前端的运行情况进行可视化计划,则很少有应用程序随机架型服务器一起提供-此类映像要么由硬件供应商提供,要么就必须采用您的硬件图片:)
Mathieu Trudel-Lapierre 2010年

6

在真实的3D环境中创建漂亮的网络图的另一个工具是MaSSHandra

它具有所有Cisco符号作为外部下载,并在图中包含自动发现和访问功能。它是免费的,您可以在这里安装之前查看其工作方式。

屏幕截图

MaSSHandra网站


2
这看起来就像他们在电影《侏罗纪公园》中使用的那种!
亚伦


4

尽管看起来似乎是一个奇怪的选择,但我发现inkscape是进行图表绘制(尤其是网络图表绘制)的绝佳工具。它的输出是svg,使其非常可移植且呈现精美。在其下面,有xml-您可以通过编程方式进行处理(例如,解析,搜索,编辑,甚至绑定到其他数据源以获取描述或其他变量属性)。它是开源的。

顺便说一下,这是思科模板,供那些可能感兴趣的人使用。格式包括svg,jpg,bmp,tif,eps,wmf。


3

kivio 安装kivio是koffice(KDE的办公套件)中的绘图应用程序,称为kivio,它带有一组用于不同类型图的模具。可以购买其他模具,但是程序本身具有基本的功能。注意:Kivio现在称为“ Flow”,是Calligra办公套件 3的一部分

Jgraph是基于Java的,它是一种商业产品。但是它有一个基本版本的免费版本。

在这里查看kivio的屏幕截图


1
Kivio已从Ubuntu删除:-(但实际上,Kivio的网络图与Dia生成的网络图一样丑陋:ubuntuforums.org/showthread.php? t
Nicolas Raoul

Jgraph在元素上甚至更差:'-(只有“打印机”,屏幕键盘和一个标有“服务器”的形状,看起来不像任何服务器...
Nicolas Raoul 2010年

2

我使用了该graphviz实用程序,但它不是出于胆小。它的学习曲线很陡,但是我对获得的结果感到满意。


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.