官网英文原版视频传送门:
OmniGraffle: Flowchart Tutorial
用OmniGraffle 五步绘制流程图
用到的工具很简单,主要有三个:Shapes, Lines, 和 Magnets
1、绘制、复制图形
2、摆放位置、对齐图形
3、图形连线
4、Magnet调整连线
5、标注文字、设置颜色、保存、导出文件
输出结果为如下的流程图:
1. 绘制、复制图形
如下图,选择矩形工具。
如下图,绘制一个矩形。
如下图,屏幕右下角可以手动精确设置矩形的宽度。
如下图,编辑、复制命令,可以复制所选的矩形。
也可以用快捷键,Command + D 来完成复制。
如下图复制了更多的图形。
如下图,根据流程图绘制的需要,复制所需图形若干。
如下图,屏幕右侧可以设置圆角矩形,自定义弧度。以此作为流程的开始和结束。
如下图,双击圆角矩形可以输入文字。
2. 摆放位置、对齐图形
如下图,选择多个图形,屏幕的右下角区域可以选择对齐的方式:居中对齐、靠右对齐等等。
移动的过程中,OmniGraffle 也会自动提供辅助线对齐。
双击图形添加所需文字。
新快捷键Get, 按住 Option 键移动所选图形,即可复制。
3. 图形连线
如下图,选择箭头工具。
屏幕的右侧区域可以设置箭头的形状、箭头的样式。这里选择 Straight
如下图,点击一个形状,拖向另一个形状,即可连接两个形状。
完成流程图N个形状的连接。
4. Magnet调整连线
默认的连线,是从图形的中心到图形的中心。
于是如下图尴尬的情况出现了…… 连线重复,穿越了若干不应该被穿越的图形……
屏幕右侧连线的形状,由 Straight 改为 Orthogonal
移动连线,但情况并没有达到期望。怎么办呢?
上文提到,连线默认中心对中心,如下图。
选择 Magnets 工具,可以选择很多不同类型的点阵。这里选择4个的。
如下图,连线连接到图形的下端。
重新移动调整连线,问题得到解决。
5. 标注文字、设置颜色、保存、导出文件
选择文字工具。
在所需要的连线上双击,输入文字。拖动可以调整文字位置。
选择颜色。
左上角,激活选择工具,可以选择图层中某一个类型的图形。
如下图,选择矩形,则图层中所有的矩形被填充颜色。
保存文件,工具栏,文件、导出……
更多教程请访问官网: The OmniGroup