Mac流程圖軟件(OmniGraffle)

OmniGraffle for mac破解版是一款功能強大的mac平臺上的流程圖繪圖軟件，這款軟件功能豐富、可以調整的圖形屬性很多，配合快捷鍵和復制黏貼，可以比較快的繪出流程圖。最終要的是這款軟件內置了很多現成的流程圖模板，這是一種可高度定制的圖形模版形式。是他們軟件自身的獨有格式。該模版中有足夠的智能功能。

OmniGraffle使用教程：http://www.pirinnaturalssoapandspa.com/html/58537_1.html

序列號：

Name: mojado
Serial: ITGI-OERN-MOFO-TXCY-UMZR-REFU-MZR

Name: mojado@gnu.org
Serial: KCRQ-SQJE-HOEC-MYDH-IUSL-BEFI-USL

Name: mojado@live.com
Serial: GNVR-ESZH-DTXF-ISHJ-EWQU-XEFE-WQU

使用技巧：

1. 自定義你的工作界面

2. 樣式刷

在 Omnigraffle 中，可以通過拖拽指示器到另一個組件上的方式將包括邊框填充顏色等樣式復制過去，也可以復制任意單一屬性，大大節省了重復或近似組件的樣式修改成本。

3. 網格、智能輔助線及參考線

除圖示外，在畫布空白處點擊右鍵可以看到三個選項

對齊到網格，參考定義畫布環節描述的網格設定，勾選這個選項后，調整形狀大小就會使邊緣貼近網格，拖拽位置時會根據形狀大小讓任意一邊貼近網格。

智能對齊輔助線，勾選后，拖拽形狀位置時，會自動尋找當前水平或垂直方向，邊緣或中心能對齊的已有形狀或畫布中心線，推薦勾選

智能距離輔助線，勾選后，會自動尋找水平或垂直方向上臨近的兩個形狀，在等距的時候給出提示，推薦勾選

4. 流程圖

在用 visio 畫流程圖過程中最受不了的就是連接線不能隨意控制形狀位置樣式，只能畫幾種特定的圖，新建節點的操作步驟也很繁瑣，而這一缺陷直接導致各種思維導圖軟件的崛起。在 Omnigraffle 中這些都變得很容易，只要記住幾個快捷鍵，畫起流程圖來輕松寫意。

5. 點擊事件以及導出 pdf & html

在制作交互模型時，加入對點擊事件的處理能很方便的演示我們想要的效果，Omnigraffle 支持的腳本不多，沒有鼠標滑過，沒有動畫，只有點擊跳轉和點擊顯示或隱藏圖層兩種，對于一般的原型演示足夠用了，尤其是圖層顯示隱藏，例如可以像圖中所示將浮層中的內容放在圖層2上，用關閉按鈕用來觸發隱藏，來實現圖示效果。

在演講模式、導出為 pdf 或 html 后都可以用來演示設定好的交互點擊效果。在演示移動原型的時，我通常的做法是制作和屏幕大小一致的文件，設置好點擊效果后導出 pdf ，在手機上用任意支持讀取 pdf 的應用打開。(這里推薦多看，無頁面翻轉動畫，無多余留白)

6. 畫布和圖層

和 Fireworks 一樣，Omnigraffle 提供類似的畫布和圖層管理，方便將項目所有內容集中在一個文件中，每個畫布可以單獨設置頁面背景、大小、單位、網格和參考線，并且可以通過共享圖層讓所有畫布使用同一個母版，也就是說既可以當 Indesign 用，也可以當 PPT 用。

畫布：Omnigraffle 默認使用 pt 來定義自身單位，在畫布面板中用 1pt = 1xx 的方式來設置換算方式，目標單位可以是像素、厘米、英尺、千米等，意味著除了用來畫用戶界面，還支持用來畫地圖、家裝平面圖等任何大小的精準圖形。

圖層：可以將 Omnigraffle 中的圖層理解為一個特殊的、可以批量隱藏或鎖定的、可以直接轉換為所有頁面共享的群組，共享圖層的名稱會被標記為橙色，界面左下方的內容面板顯示了每個圖層內部的層疊順序，如果文件導出時選擇 psd，Omnigraffle 還會將圖層內容合并成 photoshop 能讀取的格式。

如圖所示，利用共享圖層這一特性，我們可以將畫布設定為1024*768，并在共享圖層的指定位置插入頁碼 (Edit→Insert Variable→Canvas Number) 等，模擬 PPT 的方式制作演示用文檔。

7. 快捷鍵

點擊 Help→Keyboard Shortcuts，查閱所有的系統快捷鍵，了解下面這幾個就能滿足大部分情景了

最常用的檢查器面板，cmd+12345切換;

設置好一個常用的形狀樣式，右鍵點擊加入收藏，以后按住 s 不放就可以直接畫出來;

按住 t 不放點擊空白處就可以直接新建一個文本塊，雙擊任意形狀也可以在里面插入文字;

放大縮小只能通過 cmd+shift+. 和 cmd+shift+, 右手需要離開鼠標不是很方便，我通常是按住 z 鼠標點屏幕來放大，option+z 點擊屏幕來縮小(z這個操作在ps和ai里也通用);

快速復制一個形狀 cmd+d，新的形狀會在當前形狀右下方一個網格的位置出現，比cmd+c之后在cmd+v省一步。

8. 無窮的模板庫

在 Omnigraffle 中，工作文檔 .graffle和模板文檔 .stencil 的表現和編輯是完全一樣的，可以很方便的將已經編輯好的文檔組織整理后，復制粘貼到模板文件中沉淀，作為后期復用規范，如果搭配云同步工具使用，小型設計團隊統一設計規范不再是難事。

除軟件自身提供的一堆模板外，全球 Omnigraffle 愛好者們搭建了 Graffletopia 用來共享各自的模板 (部分收費)，事實上如果你有足夠的耐心和精力，所有的模板你都可以照貓畫虎自己畫出來。

9. 制作自己的圖標庫

Omnigraffle 自帶的圖形基本上能滿足大部分需求，簡單形狀也可以用形狀組合和鋼筆工具來畫， Graffletopia 上有很多其他人畫好的形狀圖標，但面對具體項目的時候需要自己畫圖標時該怎么辦呢?以下有幾種方式可供大家選擇

最快捷：直接粘貼圖標圖片進來，缺點是無法調整顏色，不可放大。

多色圖標：從 AI 中直接拖拽圖形進來，仍舊保持矢量可隨意拖拽但不可調整顏色。

單色圖標：將 AI 中畫好的單色圖標導出為pdf (File→Scripts→SaveDocsAsPDF) 后用 Omnigraffle 打開，可隨意調整大小和顏色，非常適合圖標庫的建立。

10. 使用hex值定義顏色

軟件評測：

畫布與圖層(Canvases and Layers)

畫布與圖層側邊欄用來呈現文檔及其內容的組織結構。我們可以在這里查看每個畫布當中的內容縮略，還有它們之間的層級結構，這使得我們能夠更加輕松的管理和組織文檔。

我們可以在畫布中創建線框圖，畫布能夠承載我們所需的任何類型的內容。我通常會先創建一個“封面”頁、一些流程圖，還有一些關于用戶的信息或是我需要解決的問題。這之后才進入實際的線框圖制作階段。

而圖層則用于在畫布當中組織內容。如果你熟悉Photoshop或Illustrator，那么對圖層的概念應該很了解了。在圖層中，你可以移動和組織各類元素；而調整不同圖層的順序則能夠幫助你按照自己所需要的方式組織頁面結構，就像我們在Photoshop當中所做的那樣。

我們所創建的多數界面中都會包含例如導航欄、頁腳、背景這類不會隨界面而發生變化的元素。這時我們就需要使用“共享圖層(shared layer)”了，這種圖層可以幫助我們輕松的創建出能夠復用于多個畫布的元素；將來任何針對共享圖層所進行的修改也會直接作用于那些使用了該圖層的畫布之上。

有一點需要注意，共享圖層中的元素在任何畫布當中都會保持在固定的位置上，譬如導航欄永遠會在導航欄的位置。如果你需要的是更加靈活的可復用元素，那么后文中將會介紹到的“共享對象(shared object)”才是更合適的選擇。

形狀與文字(Shapes and Text)

形狀

在創建線框圖的過程中，各種形狀是我們最常用到的工具。我通常會用到的都是那些最基本的形狀，例如矩形、圓形和三角形。相比繁瑣復雜的視覺表現形式，使用這些基本的形狀來創建的頁面布局通?？梢愿�直觀有效的展示出交互設計階段所需表達的重點。

我們可以根據實際需要來調整形狀的各種屬性。

填充色

形狀和輪廓線條(包括線條的顏色、尺寸等等)

陰影

幾何屬性

你還可以將常用的形狀包括它的各種訂制化屬性打包添加到偏好當中，以便反復使用。要添加新的偏好形狀，你需要在頁面中選中某個形狀，然后選擇形狀(Shape)菜單中的“將當前選項添加至喜愛的樣式(Add Current Selection to Favorite Styles)”。

文字

你可以在形狀內部添加文字，并以某種方式和形狀本身保持對齊。添加之后，文字就會成為形狀自身的一部分，跟隨形狀一起聯動。

對于形狀內部的文字，OmniGraffle提供了大量的工具，用于調整行間距、字間距、對齊模式、內邊距等屬性。

你同樣可以添加獨立的文字，無論其在視覺形式上處于形狀范圍之內或之外。

模板與主題(Stencils and Templates)

“模板”與“主題”是創建和使用可復用元素的極佳工具。主題可以幫你建立起一套已經包含了各種相關預設的文檔，例如集體研討、組織圖表、空間計劃等。我在日常的工作中有自己的一套專用主題，你也可以創建屬于自己的主題。

模板則是一系列有著預置樣式的界面元素，例如按鈕、文字、圖標等等。

你同樣可以修改已有的模板和主題。在右側的模板面板中選中一套模板，然后點擊模板面板上的齒輪按鈕，在菜單中選擇“編輯模板”，即可調出模板編輯界面，你可以在里面像處理其他OmniGraffle文檔一樣來編輯模板中的元素。對于主題來說也是同理。

網上有很多模板資源供你下載，我常用到的一些都來自于Graffletopia.com，例如移動設備界面元素模板等。

通過這些模板，你可以快速創建出很漂亮的線框原型。

共享對象(Shared Objects)

正如前面提到的，在多數時候，共享圖層是足夠滿足需求的，但有時你確實需要一些屬性相同但在布局位置上有所區別的界面元素。曾經有一度，我以為OmniGraffle并沒有提供類似共享元素這樣的功能，但事情不是這樣的，只是創建共享元素的方法有些隱蔽。

在文檔中選中你要創建為共享對象的界面元素，在頂部的編輯菜單中找到“拷貝為”一項，選擇其中的PDF。然后刪除之前所選中的界面元素，再執行粘貼操作，這時被粘貼回來的PDF形式的元素就是我們所說的“共享對象”了。

要編輯共享對象，只需在對象上雙擊，這時會出現一個獨立的OmniGraffle文檔，你可以在里面對共享對象進行編輯。保存之后，你會發現所有用到這份拷貝的元素都已經發生了相應的變化。

對齊和文檔屬性(Alignment/Properties)

另外一些版面方面的功能，譬如對齊、空間調整、畫布屬性等等，也是我們必須了解的。這類功能都集中在右側的檢查器面板當中。

對齊界面元素的功能是非常重要的。選中你要對齊的元素之后，在對齊面板中選擇需要對齊的基準點(側邊、邊角或中心)，然后點擊所需的對齊類型，包括橫向和縱向。

界面元素之間的相對空間調整也是常用的功能。你可以使若干元素在某個方向上等距分布，還可以進一步為它們設定彼此之間的距離。

在這些與版面相關的面板中，你可以看到默認的長度單位是以“英寸”為主的，建議你在實際工作中切換到更符合數字產品規則的像素。對于切換長度單位這類操作來說，最有效率的方式是在主題當中進行。

交互(Interactivity)

如果你需要為線框原型添加一些基本的交互，那么OmniGraffle也是可以提供相關支持的。你需要做的就是選中界面中的交互元素，然后打開檢查器中的動作(Action)面板進行設置。OmniGraffle可以為點擊動作添加如下幾類交互動作：

打開一個URL

打開文件

運行腳本

跳到別處

顯示或隱藏圖層

我個人最常用的是“打開一個URL”和“跳到別處(Jumps Elsewhere)”，特別是后者，可以用來實現畫布之間的切換，通常在線框原型中用來展示界面間的跳轉。