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

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

前言

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

whose.design - 发现更多设计工具www.whose.design
  • 阅读时间:6m
  • 流量预估:2.9MB
  • 操作时间:18m
  • 软件版本:7.4


官方介绍

Precise, beautiful graphics.

精准、出色的的绘图。


相关下载

软件下载:OmniGroup 官方网址下载

文档素材:百度网盘 - 文档素材.zip

效果预览:百度网盘 - 效果预览.pdf



第一步:设置页面大小

出于打印文档的考虑,这里带大家将纸张尺寸设置为 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 支持导出很多格式的文件。


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



whose.design - 发现更多设计工具www.whose.design

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

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


其他文章

编辑于 2019-05-09

文章被以下专栏收录