OmniGraffle 7 for Mac

用OmniGraffle 五步繪制流程圖

—— 職場Mac人士加分技能

謝謝大家對本文的喜愛。
歡迎大家掃描下方二維碼，關注公眾號手帳英語讀書
點擊下方藍色標題鏈接，直接閱讀對應文章。
1.每日早讀
每個工作日精心剪輯一段美劇電影片段，日拱一卒，掌握1-2句地道實用的英語。已發(fā)布150+期。
2.聽歌學英語
18課，18篇文章，18個視頻。每一課拆解一個連讀/弱讀/變音知識點，并用4-5首耳熟能詳?shù)慕?jīng)典歌曲片段舉例。
3.20天流暢美語聽力挑戰(zhàn)
YouTube 最經(jīng)典的美語發(fā)音課程，課程。一天一課，扎扎實實挑戰(zhàn)20天。
4.精品資源｜電影學英語新姿勢:100部純英字幕電影+劇本+MP3
5.精品資源｜最適合學英語的50部動畫

流暢美語聽力.jpeg

OmniGraffle 被許多職業(yè)人士評價為Mac OS 上最好的流程圖繪制軟件，是使用Mac的職場人士杠杠滴加分技能。來跟著這篇教程10分鐘學會用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è)的藝術家、設計師，到業(yè)余的數(shù)據(jù)繪圖者、初級作圖員，都可以在OmniGraffle 7 中有新的發(fā)現(xiàn)。

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

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

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

OmniGraffle: Flowchart Tutorial

OmniGraffle: 流程圖教程

用OmniGraffle 五步繪制流程圖

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

1. 繪制、復制圖形
2. 擺放位置、對齊圖形
3. 圖形連線
4. Magnet調(diào)整連線
5. 標注文字、設置顏色、保存、導出文件

輸出結果為如下的流程圖：

輸出流程圖

1. 繪制、復制圖形

如下圖，選擇矩形工具。

1-2.png

如下圖，繪制一個矩形。

1-3.png

如下圖，屏幕右下角可以手動精確設置矩形的寬度。

1-4.png

1-5.png

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

1-6.png

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

1-7.png

如下圖復制了更多的圖形。

1-8.png

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

1-9.png

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

1-10.png

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

1-11.png

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

1-12.png

2. 擺放位置、對齊圖形

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

2-1.png

2-2.png

移動的過程中，OmniGraffle 也會自動提供輔助線對齊。

2-3.png

雙擊圖形添加所需文字。

2-4.png

新快捷鍵Get, 按住 Option 鍵移動所選圖形，即可復制。

2-5.png

3. 圖形連線

如下圖，選擇箭頭工具。

3-1.png

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

3-2.png

3-3.png

如下圖，點擊一個形狀，拖向另一個形狀，即可連接兩個形狀。

3-4.png

完成流程圖N個形狀的連接。

3-5.png

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

默認的連線，是從圖形的中心到圖形的中心。

4-1.png

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

4-2.png

屏幕右側連線的形狀，由 Straight 改為 Orthogonal

4-3.png

移動連線，但情況并沒有達到期望。怎么辦呢？

4-4.png

上文提到，連線默認中心對中心，如下圖。

4-5.png

選擇 Magnets 工具，可以選擇很多不同類型的點陣。這里選擇4個的。

4-6.png

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

4-7.png

4-8.png

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

4-9.png

5. 標注文字、設置顏色、保存、導出文件

選擇文字工具。

5-1.png

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

5-1.png

選擇顏色。

5-2.png

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

5-3.png

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

5-4.png

保存文件，工具欄，文件、導出……

5-5.png

導出為你想要的格式吧！

5-6.png

更多教程請訪問官網(wǎng)The OmniGroup

OmniGraffle: Flowchart Tutorial

微博：美劇電影聽歌學英語

9.png