OmniGraffle 被許多職業(yè)人士評(píng)價(jià)為Mac OS 上最好的流程圖繪制軟件，是使用Mac的職場人士杠杠滴加分技能。來跟著這篇教程10分鐘學(xué)會(huì)用OmniGraffle 五步繪制流程圖。

Introducing OmniGraffle 7

OmniGraffle is for creating precise, beautiful graphics: website wireframes, electrical systems, family trees and maps of software classes come to life in OmniGraffle 7. Everyone from professional artists and designers to casual data mappers and beginning diagrammers will find something new in OmniGraffle 7.

OmniGraffle可用于創(chuàng)建精確的而又優(yōu)美的圖形：網(wǎng)站框架，電氣系統(tǒng)，家譜，軟件類地圖都在OmniGraffle 7 中栩栩如生。從職業(yè)的藝術(shù)家、設(shè)計(jì)師，到業(yè)余的數(shù)據(jù)繪圖者、初級(jí)作圖員，都可以在OmniGraffle 7 中有新的發(fā)現(xiàn)。

本文是學(xué)習(xí)官網(wǎng)教程的輸出筆記，原版教程來自The OmniGroup官方網(wǎng)站。

圖片截圖自官網(wǎng)視頻，我在官網(wǎng)截圖上增加了紅色的圖框標(biāo)注，以供閱讀方便，中文為我的翻譯和整理。

官網(wǎng)英文原版視頻傳送門：

OmniGraffle: Flowchart Tutorial

OmniGraffle: 流程圖教程

用OmniGraffle 五步繪制流程圖

用到的工具很簡單，主要有三個(gè)：Shapes, Lines, 和 Magnets

繪制、復(fù)制圖形
擺放位置、對齊圖形
圖形連線
Magnet調(diào)整連線
標(biāo)注文字、設(shè)置顏色、保存、導(dǎo)出文件

---

輸出結(jié)果為如下的流程圖：

輸出流程圖

1. 繪制、復(fù)制圖形

如下圖，選擇矩形工具。

1-2.png

如下圖，繪制一個(gè)矩形。

1-3.png

如下圖，屏幕右下角可以手動(dòng)精確設(shè)置矩形的寬度。

1-4.png

1-5.png

如下圖，編輯、復(fù)制命令，可以復(fù)制所選的矩形。

1-6.png

也可以用快捷鍵，Command + D 來完成復(fù)制。

1-7.png

如下圖復(fù)制了更多的圖形。

1-8.png

如下圖，屏幕右側(cè)可以設(shè)置所插入的圖形形狀例如圓柱、圓形、菱形等等。

1-9.png

如下圖，根據(jù)流程圖繪制的需要，復(fù)制所需圖形若干。

1-10.png

如下圖，屏幕右側(cè)可以設(shè)置圓角矩形，自定義弧度。以此作為流程的開始和結(jié)束。

1-11.png

如下圖，雙擊圓角矩形可以輸入文字。

1-12.png

2. 擺放位置、對齊圖形

如下圖，選擇多個(gè)圖形，屏幕的右下角區(qū)域可以選擇對齊的方式：居中對齊、靠右對齊等等。

2-1.png

2-2.png

移動(dòng)的過程中，OmniGraffle 也會(huì)自動(dòng)提供輔助線對齊。

2-3.png

雙擊圖形添加所需文字。

2-4.png

新快捷鍵Get, 按住 Option 鍵移動(dòng)所選圖形，即可復(fù)制。

2-5.png

3. 圖形連線

如下圖，選擇箭頭工具。

3-1.png

屏幕的右側(cè)區(qū)域可以設(shè)置箭頭的形狀、箭頭的樣式。這里選擇 Straight

3-2.png

3-3.png

如下圖，點(diǎn)擊一個(gè)形狀，拖向另一個(gè)形狀，即可連接兩個(gè)形狀。

3-4.png

完成流程圖N個(gè)形狀的連接。

3-5.png

4. Magnet調(diào)整連線

默認(rèn)的連線，是從圖形的中心到圖形的中心。

4-1.png

于是如下圖尷尬的情況出現(xiàn)了…… 連線重復(fù)，穿越了若干不應(yīng)該被穿越的圖形……

4-2.png

屏幕右側(cè)連線的形狀，由 Straight 改為 Orthogonal

4-3.png

移動(dòng)連線，但情況并沒有達(dá)到期望。怎么辦呢？

4-4.png

上文提到，連線默認(rèn)中心對中心，如下圖。

4-5.png

選擇 Magnets 工具，可以選擇很多不同類型的點(diǎn)陣。這里選擇4個(gè)的。

4-6.png

如下圖，連線連接到圖形的下端。

4-7.png

4-8.png

重新移動(dòng)調(diào)整連線，問題得到解決。

4-9.png

5. 標(biāo)注文字、設(shè)置顏色、保存、導(dǎo)出文件

選擇文字工具。

5-1.png

在所需要的連線上雙擊，輸入文字。拖動(dòng)可以調(diào)整文字位置。

5-1.png

選擇顏色。

5-2.png

左上角，激活選擇工具，可以選擇圖層中某一個(gè)類型的圖形。

5-3.png

如下圖，選擇矩形，則圖層中所有的矩形被填充顏色。

5-4.png

保存文件，工具欄，文件、導(dǎo)出……

5-5.png

導(dǎo)出為你想要的格式吧！

5-6.png

更多教程請?jiān)L問官網(wǎng)The OmniGroup

OmniGraffle: Flowchart Tutorial

作者：醬油不打醬油
鏈接：https://www.jianshu.com/p/cca7ce55aee1
來源：簡書
簡書著作權(quán)歸作者所有，任何形式的轉(zhuǎn)載都請聯(lián)系作者獲得授權(quán)并注明出處。

總結(jié)

以上是生活随笔為你收集整理的[工具]用OmniGraffle 五步绘制流程图的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。