[工具]用OmniGraffle 五步繪製流程圖

OmniGraffle 被許多職業人士評價爲Mac OS 上最好的流程圖繪製軟件,是使用Mac的職場人士槓槓滴加分技能。來跟着這篇教程10分鐘學會用OmniGraffle 五步繪製流程圖。web

Introducing OmniGraffle 7app

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可用於建立精確的而又優美的圖形:網站框架,電氣系統,家譜,軟件類地圖都在OmniGraffle 7 中栩栩如生。從職業的藝術家、設計師,到業餘的數據繪圖者、初級做圖員,均可以在OmniGraffle 7 中有新的發現。ide

本文是學習官網教程的輸出筆記,原版教程來自The OmniGroup官方網站。工具

圖片截圖自官網視頻,我在官網截圖上增長了紅色的圖框標註,以供閱讀方便,中文爲個人翻譯和整理。學習

官網英文原版視頻傳送門:網站

OmniGraffle: Flowchart Tutorial翻譯

 
OmniGraffle: 流程圖教程

用OmniGraffle 五步繪製流程圖

用到的工具很簡單,主要有三個:Shapes, Lines, 和 Magnets設計

  1. 繪製、複製圖形
  2. 擺放位置、對齊圖形
  3. 圖形連線
  4. Magnet調整連線
  5. 標註文字、設置顏色、保存、導出文件

輸出結果爲以下的流程圖:3d

 
輸出流程圖

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

以下圖,根據流程圖繪製的須要,複製所需圖形若干。


 
1-10.png

以下圖,屏幕右側能夠設置圓角矩形,自定義弧度。以此做爲流程的開始和結束。


 
1-11.png

以下圖,雙擊圓角矩形能夠輸入文字。


 
1-12.png

2. 擺放位置、對齊圖形

以下圖,選擇多個圖形,屏幕的右下角區域能夠選擇對齊的方式:居中對齊、靠右對齊等等。


 
2-1.png
 
2-2.png

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


 
2-3.png

雙擊圖形添加所需文字。


 
2-4.png

新快捷鍵Get, 按住 Option 鍵移動所選圖形,便可複製。

 
2-5.png

 

3. 圖形連線

以下圖,選擇箭頭工具。


 
3-1.png

屏幕的右側區域能夠設置箭頭的形狀、箭頭的樣式。這裏選擇 Straight

 
3-2.png

 
3-3.png

 

以下圖,點擊一個形狀,拖向另外一個形狀,便可鏈接兩個形狀。


 
3-4.png

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


 
3-5.png

4. Magnet調整連線

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


 
4-1.png

因而以下圖尷尬的狀況出現了…… 連線重複,穿越了若干不該該被穿越的圖形……


 
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

從新移動調整連線,問題獲得解決。


 
4-9.png

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

選擇文字工具。


 
5-1.png

在所須要的連線上雙擊,輸入文字。拖動能夠調整文字位置。


 
5-1.png

選擇顏色。


 
5-2.png

左上角,激活選擇工具,能夠選擇圖層中某一個類型的圖形。

 
5-3.png

以下圖,選擇矩形,則圖層中全部的矩形被填充顏色。


 
5-4.png

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


 
5-5.png

導出爲你想要的格式吧!


 
5-6.png

更多教程請訪問官網The OmniGroup

OmniGraffle: Flowchart Tutorial

做者:醬油不打醬油 連接:https://www.jianshu.com/p/cca7ce55aee1 來源:簡書 簡書著做權歸做者全部,任何形式的轉載都請聯繫做者得到受權並註明出處。
相關文章
相關標籤/搜索