Making Diagrams

18th May 2021 at 11:05am
Productivity Software Engineering

如何制件图表。

用什么工具

普通图表 推荐 亿图图示。国产软件,功能齐全,而且它有社区,分享了大量日常能用到的模板,比较接地气。我买了它的终身授权。

软件图表 使用 PlantUML,可以用文本语言表达出图表。JetBrains 系有 插件

另外 LucidchartCreatelySmartDraw。都是非常专业且带有各行业解决方案的工具。

但各家的免费版本都有好些限制:

  • Lucidchart 限制了图形的个数。做一个复杂的图就能把免费额度耗尽
  • Creately 免费版不支持导出 SVG

这是我用 Lucid Chart 做出来的图:

图表怎样嵌入 TiddlyWiki

首选是将其导出成 SVG 再 嵌入。备选是 PNG。

如何使图表美观

事实上无论 Lucidchart 还是 Creately,它默认的基础图形都是没有样式的,黑框白背景,没有圆角也没有阴影。因此如果想图形比较有设计感,需要做一些简单的调整:

  • 符合内容风格的颜色,一般生动活泼点比较好
  • 一致的、好看的字体
  • 矩形上圆角
  • 根据设计风格考虑加阴影。阴影能构建一种类似卡片放在画布上的质感,是非常好的方式。但是阴影的距离、半径等一定要小
  • 适当的地方可以加渐变

不推荐的工具

vecta.io

工具在 vecta.io。CSS Tricks 网站用它做了一个 CSS Styling Order

实际用起来有几个问题:

  • 图标难找,比如我想找个大括号图形,硬是找不到
  • 操作文本左上对齐,有点 buggy

Vectr

Vectr 偏图标创作。不适合做带信息的图表。