有人问我架构图、流程图为什么这么好看?

开发 架构
Keynote 更适合做那些科普类、知识类、推荐类的图文内容,比如小红书,你随便搜一个图文类软件推荐的博主,那种比较简洁的封面图,就很适合用 Keynote 做。

作为一个程序员,画图是必不可少的技巧。当然此画图不是搞艺术,而是画各种架构图、流程图、泳道图以及各种示意图。

平时我不论是记笔记、写技术文章,还是工作中写文档,都需要配上各种各样的示意图。不管是帮助自己更好的掌握知识,还是分享出去让别人更好的理解,配图都是非常重要的,所谓一图胜千言就是这个道理,大家都喜欢图文并茂的内容,有时候甚至一张图就够了,根本不需要过多的文字解释。

这些图都是用 Mac 自带的 Keynote 画的,当然今天要说的不是 Keynote,因为画了好多图后,我发现用 Keynote 画图虽然可以很好看,但是很累,而且图画的好不好看,完全靠自己的审美水平。我画图主打一个花里花哨,一张图可能用上好几个颜色,主打一个以多取胜,唬住一部分人不在话下。

Keynote 更适合做那些科普类、知识类、推荐类的图文内容,比如小红书,你随便搜一个图文类软件推荐的博主,那种比较简洁的封面图,就很适合用 Keynote 做。

图片图片

今天要介绍的这个工具是 Excalidraw,自从发现这个工具后,Keynote、ProcessOn 我基本上就不用了。

Excalidraw

以下是用 Excalidraw 画的各种类型的图,Excalidraw 主要的就是一个手绘风格,出来的效果很像用笔画出来的。当然,如果是对外比较正式的图,也可以调整成比较严肃的风格。

我感觉效果还是不错的。不喜勿喷!

业务架构方案

泳道图泳道图

示意图示意图

简易流程图简易流程图

图片图片

如果你用过其他的画图工具,那对它的界面自然也不会感到陌生,都差不多,只是效果上有比较大的差别。

以下是它的一个主要操作界面。

  • 可以通过上方的菜单快速的拖出矩形、菱形、原型、箭头、线条等等。
  • 选中一个图形元素后,左侧可以配置这个元素的线条风格,这里就包括那种比较正式的风格和手绘风,以及直角和圆角。
  • 可控制元素的内部填充色、内部填充风格(实色填充、网格填充以及无填充)、边框颜色。

图片图片

字体问题

Excalidraw 的官网地址是  https://excalidraw.com/ 。但是 Excalidraw 对于国内的用户来说有一个比较严重的问题,那就是它对中文的支持不是很好,默认字体很多人不是很满意。

下面是默认的中文字体显示风格,其实还说的过去。

图片图片

但是换了字体后,看上去更舒服一点。(注意,此处与个人审美密切相关,要不然就不会有那么多字体了)

图片图片

我个人而言,还是喜欢下面的字体,这个字体是开源的霞鹜文楷字体。正好Excalidraw也是开源的,所以,我专门部署了一套带有霞鹜文楷字体的网站 https://excalidraw.moonkite.cn/ ,有需要的可以直接拿去用,不用谢!

在左侧字体设置里,第一个就是这个霞鹜文楷字体,选中这个就可以了。

图片图片

责任编辑:武晓燕 来源: 古时的风筝
相关推荐

2022-12-09 14:34:40

程序员工资离职

2020-06-22 08:23:42

阿里技术架构图

2022-07-19 07:02:47

JVMGC分代收集

2020-12-04 09:11:50

CTOAPI网关

2020-10-15 09:35:27

乱码UTF-8GBK

2020-06-15 08:54:46

架构图 EA业务建模

2024-02-26 21:15:20

Kafka缓存参数

2013-03-04 10:10:36

WebKit浏览器

2019-08-30 14:58:47

JavaScript程序员编程语言

2020-02-27 15:44:41

Nginx服务器反向代理

2022-06-02 08:03:19

PyCharmPython代码

2018-08-16 08:03:21

Python语言解释器

2020-02-27 21:03:30

调度器架构效率

2022-06-13 21:52:02

CDN网络节点

2022-08-17 12:28:14

vite代码前端

2020-06-16 14:13:50

Kubernetes容器Linux

2014-05-26 17:00:51

2022-05-30 10:23:59

HTTPHTTP 1.1TCP

2012-08-17 10:01:07

云计算

2020-03-30 15:05:46

Kafka消息数据
点赞
收藏

51CTO技术栈公众号