三步学会用绘图利器 OmniGraffle 搭建一篇新文档

前言

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

• 阅读时间：6m

• 流量预估：2.9MB

• 操作时间：18m

• 软件版本：7.4

官方介绍

Precise, beautiful graphics.

精准、出色的的绘图。

相关下载

软件下载：OmniGroup 官方网址下载   http://link.zhihu.com/?target=https%3A//www.omnigroup.com/download/latest/omnigraffle/

文档素材：百度网盘 - 文档素材.zip   http://link.zhihu.com/?target=https%3A//pan.baidu.com/s/1slVZ0dB

效果预览：百度网盘 - 效果预览.pdf    http://link.zhihu.com/?target=https%3A//pan.baidu.com/s/1kVDoP2R

第一步：设置页面大小

出于打印文档的考虑，这里带大家将纸张尺寸设置为 A4。当然，为了后期排版换算方便，四舍五入，设置为 30cm * 21cm。

参考单位

默认参考单位是 px，在这里改为 cm。在标尺中右键进行更改，如果找不到标尺，可以用 command + r 显示／隐藏。

设置参数

找到 Canvas Size，完成操作。

第二步：设置页眉、页脚

首先确定在页眉、页脚需要显示哪些页面信息，下面笔者只是举例，大家可以根据自己的需要做调整。

• 页面名称：提示读者当前页面主题；

• 当前页码／总页码：提示读者文档阅读进度；

• 编辑者：记录文档编辑者；

• 公司信息 & 公司 logo：版权信息。

插入变量

按 t 插入文字图层，选中后跟随下图操作。大家可以在图示的菜单中看见很多变量，不妨都拿下来试一试。难道你不好奇么？

插入图片

按 s 插入图形图层，选中后跟随下图操作。

三个按钮分别表示「原尺寸」、「填充」以及「平铺」，效果如图。

信息共享

锁定图层以防止在后续工作中误编辑，然后设定为共享图层，即所有页面共享该图层及图层中信息。

第三步：设置封面、封尾

在这一步，我们将整个文档的格式补全，添加封面、封尾并导出文档。将刚刚制作好的页面复制为三页。

制作封面

封面不需要共享图层上的信息，在此页删去。

添加封面信息，笔者在这里也是举例，大家可以自行调整。

1. 设计人员：设计师，写上你的大名；

2. 文档创建时间：对文档生命周期进行记录；

3. 封面配图：配一张符合文档气质的高颜值图片；

4. 文档标题：告之读者文档主题；

5. 文档版本：方便根据版本管理文档。

封尾礼节

对读者的耐心阅读表示感谢。

导出文档

使用快捷键：command + option + e，导出为 PDF 格式，具体参数如图。当然也可以导出为 Visio，SVG，PNG 等格式，Graffle 支持导出很多格式的文件。

到此，一篇简单的文档就搭建完成了。

后话

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

我是 Teambition 的交互设计师徐小马（微信：heiheilaugh），欢迎交流，希望大家能带着问题或建议来找我。

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

下期预告

「用绘图利器 OmniGraffle 绘制流程图」

扩展阅读

最后，多谢大家的时间，祝大家青出于蓝。