omnigraffle 画曲线_三步学会用绘图利器 OmniGraffle 绘制流程图

原标题：三步学会用绘图利器 OmniGraffle 绘制流程图

OmniGraffle 是 Mac 上的绘图利器，曾获2002年苹果设计奖。Graffle 在很多方面对标 Windows 系统上的 Microsoft Visio，是制作各种文档的绝妙工具。这篇文章作为 Graffle 系列教程的第二篇，会手把手带着大家做一个简单的流程图，希望诸位能在实践中理解软件的功能。

阅读信息：

阅读时间：5m 30s

动图流量：6MB

操作时间：18m

软件版本：7.4

效果预览：

上图简单的还原了当年赵瑞龙公子来吕城筹建赵家印钞机的流程。

第一步，绘制流程图元素：

首先需要了解流程图里都有哪些元素，各自的定义是什么。上图就是我在平时绘制流程图时常用的元素，大家可以做个参考。

按快捷键「2」或「s」调出形状绘制功能，在画板上拖动光标即可。光标上会给出尺寸参考。

在「Object」边栏中可以找到「Geometry」面板，在这里可以调整形状的具体尺寸。

在「Object」边栏中可以找到「Fill」面板，在这里可以更改形状的填充色。

在「Object」边栏中可以找到「Shape」面板，在这里可以改变图层的形状。

笔者有强迫症，每个元素视觉面积一致才能呼吸。其中，起止元素比较重要，故采用强视觉引导的颜色样式。「尺寸」中的单位是厘米，大家可以当作参考。

第二步，填写内容：

在「Object」边栏中可以找到「Font」面板，在这里可以更改字体、字号、字重以及颜色等。为方便阅读，建议采用无衬线字体。

在「Object」边栏中可以找到「Text Position」面板，在这里可以改变文字对齐方式、上下左右兼具等。选中「Wrap to Shape」则文字在图形内自动换行。

第三步：连接元素

在「Properties」边栏中可以找到「Connections」面板，添加磁力点，需要注意「判断元素」，选择「on each vertex」在四角安装磁力点。

按「3」或「c」调出绘线功能，连接两个流程图元素。

在「Object」边栏中可以找到「Line」面板，在这里可以改变线条的两头样式。

在「Object」边栏中可以找到「Stroke」面板，在这里可以改变线条的宽度和颜色。至此，绘制流程图的技巧就教学完毕了。一些细节的打磨可以参考相关下载中的教学材料。

我在日常的设计工作中常用 Graffle 输出交互设计文档，使用了一年，积攒了一些经验。想起之前探索的阶段，苦于中文资料、教程很少，只能在官方论坛里潜水、学习。因此，我在这里将使用 Graffle 的流程按照很小的颗粒度细分，编写手把手的教程，希望能够起到抛砖引玉的效果。

我是 Teambition 的交互设计师徐小马(微信：heiheilaugh)，欢迎交流，请注明知乎 ID，希望大家能带着问题或意见来找我。

如果能够感受到诚意，觉得教程具有可操作性，不妨抽出一盘王者荣耀的时间跟着做一遍，一定能学会的。

软件介绍

Precise, beautiful graphics.

精准、出色的的绘图。

下期预告

用绘图利器 OmniGraffle 绘制表格

最后，多谢大家的时间，祝大家青出于蓝。返回搜狐，查看更多

责任编辑：