上周,我要画一个庞大的配置树,为了达到美观的要求,需要不断地调整节点间距离与位置。没有Visio,我真的畏难了好久,哪个工具能象Visio一样做到节点间精密连动呢?真的很不喜欢耗眼耗时间的苦力活。向德国同事取经到了一个开源画图工具,非常不错!!不过,最后,我用一款最常用的软件画出了这颗庞大的配置树,是什么软件呢?见文末。:-)
-
Draw.io:提供云上版本(online diagrams.net),以及本地安装版本(Diagram.net Desktop)--德国同事的推荐。
- 图库丰富,还全免费。
- 图片格式:PNG, SVN, XML以及HTML格式。用该软件画的图片格式,也支持用该软件进行编辑!但不是用该软件画的PNG图,不支持编辑。
- 图形类别多:见下面的截图,UX与产品经理常用的WireFrames图SwimLane图,程序员的UML,文档工程师画的流程图,组网图,Admin部门的Org-Chart...好多。
- 强推安装Desktop版。Online版本响应速度慢,节点超多时,移动模块/节点的响应时间缓慢,性急的受不了这速度。后来,我安装了Desktop版本,74.7MB 体量小,移动节点的手感太棒了。
InkScape: 谢谢Grace MM的推荐!据说,精密移动效果比Drawio好,是画矢量图的好工具。
优点:据Grace介绍: 可生成SVG矢量图,也可以导出 png与jpeg 等位图格式。支持各种缩放需求而不失真;搭配 Javascript 之后,可以实现在线互动效果,比如用户点击产品架构图上的对应部件就可以跳转到相对应的文档。
SVG 图一般用于网页文档端,使用场景包括:产品架构图、操作流程图、各个部件之间关系图等,-- 这块功能,我也很想挖掘,因为安装手册中有流程图,一直想通过SVG图实现直接章节跳转。
已安装,挺专业的工具,界面风格似Photoshop。要花时间来学习一下,B站视频不少。
-
Excel:最后... 这图我居然是用Excel做的!日有所思,夜有所想。梦里想到一则新闻,有一位日本老人退休后爱上了用Excel绘制精美的图画。第二天,我急不可待地用Excel画了起来。
优点:快!效率高!做出来的图可复用到其它类似产品的配置树,修改起来方便,比如要删 除一个分支,只要删除相应的行即可。给自己一个鸡腿!!文首给出的样图就是用EXCEL绘制的。
缺点:调整时也有些机械操作,比如为使连线贴近文字,需要多次“取消单元格合并”与“合并单位格”。--后记:之后安装了 Desktop版Draw.io,与Excel方法相比,两者各有千秋!不过,在画庞大配置树图时,EXCEL仍很有优势!
相关文章:
【经验谈】技术文档常用写作绘图工具
【经验谈】画图工具--小公司Technical Writer能用什么?