动态流程架构图绘制软件

大家好,今天给大家介绍几款简单好用、也挺有趣的流程图绘制软件。

同时也分享个一键将流程图动画化的工具。可以实现以下动画效果。

这种动图记录下了我们绘制流程图的步骤,有助于梳理思路,回顾整个思考过程。

我想了下,如果课堂上老师把课堂讲过的内容画成流程图,然后一键生成动画,是不是有助于学生们回顾和记忆课堂内容,有读者从事教育行业的可以尝试一下。

本期工具实现的一些效果

最简单的流程图。

草图模式流程图。

你可以自己给图配色

也可以从工具自带样式库里选择一种配色模式一键配色。

具体的工具使用,大家可以亲自去尝试下。

工具推荐:

一、draw.io(网址:www.draw.io

draw.io是一个很流行的开源项目,可以绘制各种图表,包括流程图,泳道图,组织结构图等等。

下图是draw.io创建文件的截图,可以看到支持很多种图表类型。

它内置的形状也非常丰富:

如果你是第一次进入网站,可能是英语界面,按照下图可更改语言为中文。

使用我就不介绍了,大家鼠标随便点点就会,说一下我流程图样式调整的几个选项,如何画出我上面那种草图形式。:

  • 鼠标移动到形状上,可以拖动形状到中间面板上。或者直接点按形状也可以移到面板上。
  • 上图红色矩形框选的是样式调整的几个选项。选中草图,点击上面第一个红色矩形框住的颜色,就可以调整左边矩形的中间填充颜色,假如我选择浅蓝色,就会出现下面的样式。
  • 不勾选草图就是最简单的无任何样式的黑框,适合一些比较正式的文件,如下图。

二、excalidraw

excalidraw其实是一款开源的手绘风白板工具,画出的示意图个性活泼,不呆板

文章开头的动图就是用它绘制,然后使用第三部分的工具转化成动画的。下面是演示动画:

它还支持扩展图标库:点击右上角素材库即可添加图标。

三、excalidraw-animate

excalidraw-animate是一个将excalidarw中绘制的示意图按照步骤动画化的工具。

项目地址:https://github.com/dai-shi/excalidraw-animate

不过原网址不支持中文手绘字体,我自己也搭建了一个修改了一下,支持手绘字体,使用的手绘字体是"沐瑶软笔手写体"。

网址:draw.lingchenbox.xyz(支持中文手绘风格)

使用演示:

总结:

分享了三个工具,draw.ioexcalidrawexcalidraw-animate

相关网址:1是功能强大的绘图软件,2是可以画出活泼俏皮风格示意图的白板工具,3是将流程图一键转动画的工具。

  1. https://www.draw.io 或者 https://app.diagrams.net/
  2. https://www.excalidraw.com (不支持中文手绘字体) 或者 https://excalidraw.lingchenbox.com (支持中文手绘字体)
  3. https://draw.lingchenbox.com (支持中文手绘字体)

另外我其实也测试了其余几款流程图软件,包括:yEd Graph Editor、Graphviz、SimpleDiagrams、Dia等,但是有一些问题不如今天推荐的几款,比如软件较老,风格比较难看;不好上手,还得需要学习成本;或者需要登录才能使用等。

比较下来,专业画图,还是draw.io ,免费开源,在线即用 。甚至有些国内收费工具也是基于它改的。不想在线也可以下载桌面客户端,不联网也可使用。

如果想绘制活泼一点的流程图,把绘制流程图的步骤记录下来,并一键生成动画,方便演示或者整理思路。那就使用excalidraw 配合和excalidraw-animate

如果你想绘制的图更有设计感,也可以选择一些付费的流程图软件,这个就不做推荐了,大家可自行搜索。

相关推荐
Java程序之猿1 小时前
微服务分布式(一、项目初始化)
分布式·微服务·架构
小蜗牛慢慢爬行3 小时前
Hibernate、JPA、Spring DATA JPA、Hibernate 代理和架构
java·架构·hibernate
思忖小下5 小时前
梳理你的思路(从OOP到架构设计)_简介设计模式
设计模式·架构·eit
一个儒雅随和的男子12 小时前
微服务详细教程之nacos和sentinel实战
微服务·架构·sentinel
腾讯云开发者12 小时前
AI时代,需要怎样的架构师?腾讯云架构师峰会来了!
架构
Hello Dam14 小时前
面向微服务的Spring Cloud Gateway的集成解决方案:用户登录认证与访问控制
spring cloud·微服务·云原生·架构·gateway·登录验证·单点登录
AI人H哥会Java1 天前
【Spring】Spring的模块架构与生态圈—Spring MVC与Spring WebFlux
java·开发语言·后端·spring·架构
小屁不止是运维1 天前
麒麟操作系统服务架构保姆级教程(二)ssh远程连接
linux·运维·服务器·学习·架构·ssh
不会写代码的女程序猿1 天前
关于ETL的两种架构(ETL架构和ELT架构)
数据仓库·架构·etl
Leoysq1 天前
深度学习领域的主要神经网络架构综述
深度学习·神经网络·架构