三步學會用繪圖利器 OmniGraffle 搭建一篇新文檔

前言

OmniGraffle 是 Mac 上的繪圖利器，曾獲2002年蘋果設計獎。Graffle 在很多方面對標 Windows 系統上的 Microsoft Visio，是製作設計文檔的絕妙工具。這篇文章作為 Graffle 系列教程的第一篇，會帶著大家進行簡單的操作與輸出，希望諸位能在實踐中理解軟體的功能。

• 閱讀時間：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 支持導出很多格式的文件。

到此，一篇簡單的文檔就搭建完成了。

後話

我在日常的設計工作中常用 Graffle 輸出交互設計文檔，使用了一年，積攢了一些經驗。想起之前探索的階段，苦於中文資料、教程很少，只能在官方論壇里潛水、學習。因此，我在這裡將使用 Graffle 的流程按照很小的顆粒度細分，編寫手把手的教程，希望能夠起到拋磚引玉的效果。

我是 Teambition 的交互設計師徐小馬（微信：heiheilaugh），歡迎交流，請註明知乎 ID，希望大家能帶著問題或建議來找我。

如果能夠感受到誠意，覺得教程具有可操作性，不妨抽出一盤王者榮耀的時間，跟著做一遍，一定能學會的。

下期預告

「用繪圖利器 OmniGraffle 繪製流程圖」

擴展閱讀

五分鐘了解谷歌全棧設計師打造的 Sketch 插件：Sketch Material

五分鐘了解微信團隊打造的 Sketch 插件 ：WeSketch

最後，多謝大家的時間，祝大家青出於藍。