OmniGraffle(mac版繪圖軟件)

OmniGraffle是由The Omni Group制作的一款繪圖軟件，由知名的Omni公司出品，其只能于運行在Mac OS X和iPad平臺之上。它曾獲得2002年的蘋果設(shè)計獎。主要用于繪制流程圖、圖表、組織結(jié)構(gòu)圖、UI界面設(shè)計等等，你可以用于設(shè)計任何描述圖形，簡單易用，功能強大，被譽為Mac上的visio，非常的專業(yè)和優(yōu)秀，您還可以用OmniGraffle來規(guī)劃電影或者戲劇劇本的情節(jié)走向，繪制公司的組織圖，并顯示一個專案所需要的步驟。如果你有任何繪制圖表的需求，那么Mac上當(dāng)首選OmniGraffle。

應(yīng)用介紹

OmniGraffle可以用來繪制圖表，流程圖，組織結(jié)構(gòu)圖以及插圖，也可以用來組織頭腦中思考的信息，組織頭腦風(fēng)暴的結(jié)果，繪制心智圖，作為樣式管理器，或設(shè)計網(wǎng)頁或PDF文檔的原型。它具有采用拖放的所見即所得界面。所謂的"Stencils"—一組用于拖放的形狀—可以作為OmniGraffle的插件使用，用戶也可以創(chuàng)建自定義的Stencils。

增加功能：

OmniGraffle使用稱為Quartz的Mac OS X的圖形層，并利用了其反鋸齒，平滑縮放，透明拖放陰影等一系列特性。OmniGraffle 4增加了貝塞爾形狀，基于文本的可繼承的圖表等功能。OmniGraffle 5增加了貝塞爾連接線。

OmniGraffle是由The Omni Group制作的一款繪圖軟件，其只能于運行在Mac OS X和iPad平臺之上。在很多方面，OmniGraffle都類似于Microsoft Visio。

輸出格式：

OmniGraffle可輸出PDF，TIFF，PNG，JPEG，EPS，HTML圖像映射，SVG，VisioXML，photoshop和BMP等一系列文件格式。OmniGraffle使用蘋果的XMLschema格式的plist存儲數(shù)據(jù)，其擴展名為.graffle。

軟件對比：

在很多方面，OmniGraffle都類似于Microsoft Visio。OmniGraffle專業(yè)版可以利用Visio的XML導(dǎo)出函數(shù)以導(dǎo)入/導(dǎo)出Visio的xml文件。OmniGraffle 5也可以直接打開Visio默認的二進制.vsd文件。然而，OmniGraffle不提供Visio包含的CAD功能，因為它缺乏類似于導(dǎo)入/導(dǎo)出DWG或DXF（autodesk文件格式）的功能。

OmniGraffle使用10個小技巧：

1. 自定義你的工作界面

2. 樣式刷

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

3. 網(wǎng)格、智能輔助線及參考線

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

對齊到網(wǎng)格，參考定義畫布環(huán)節(jié)描述的網(wǎng)格設(shè)定，勾選這個選項后，調(diào)整形狀大小就會使邊緣貼近網(wǎng)格，拖拽位置時會根據(jù)形狀大小讓任意一邊貼近網(wǎng)格。

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

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

4. 流程圖

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

5. 點擊事件以及導(dǎo)出 pdf & html

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

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

6. 畫布和圖層

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

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

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

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

7. 快捷鍵

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

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

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

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

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

快速復(fù)制一個形狀 cmd+d，新的形狀會在當(dāng)前形狀右下方一個網(wǎng)格的位置出現(xiàn)，比cmd+c之后在cmd+v省一步。

8. 無窮的模板庫

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

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

9. 制作自己的圖標庫

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

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

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

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

10. 使用hex值定義顏色

Mac 自帶的取色器只能在已有的顏色集里選或是靠肉眼在色盤里選，非常不嚴謹，還好有愛心人士提供了 Hex Color Picker 和 Developer Color Picker 插件來幫助我們精準設(shè)定顏色。