OmniGraffle(mac版繪圖軟件)

OmniGraffle是由The Omni Group製作的（de）一款繪圖軟件，由知名的Omni公司出（chū）品，其隻（zhī）能（néng）於運行在Mac OS X和（hé）ipads平台之上（shàng）。它曾獲（huò）得2002年（nián）的蘋果設計獎。主要用於繪製流程圖、圖表、組織結構圖、UI界麵（miàn）設計等等，你可以用於設計任何描述圖（tú）形，簡單易用，功（gōng）能強大，被譽為Mac上的（de）visio，非常的專業（yè）和優（yōu）秀，您還（hái）可以用OmniGraffle來規劃電影或者戲劇劇本的情節走向，繪製公司的組織圖，並顯示（shì）一個專案所需（xū）要的步驟。如果你有任何繪（huì）製圖表的需（xū）求，那麽Mac上當首選OmniGraffle。

應用介紹

OmniGraffle可以用來繪製（zhì）圖表，流程圖，組織結構圖以及插（chā）圖，也可以用來組織頭腦（nǎo）中思考的信息，組（zǔ）織（zhī）頭腦風暴的結果，繪製心智圖，作為樣式管（guǎn）理器，或設計網頁或PDF文檔的原（yuán）型。它具有采用拖放的所見即所得界麵。所謂的"Stencils"—一組用於拖放的形狀—可以作為OmniGraffle的插件使用，用戶也可以創建自定義的Stencils。

增加功（gōng）能：

OmniGraffle使用稱為Quartz的Mac OS X的（de）圖形層，並利用（yòng）了（le）其反鋸齒，平滑縮放（fàng），透明拖放陰影等一係列特性。OmniGraffle 4增加了貝塞爾形狀，基於文本的可繼（jì）承的圖表等功能。OmniGraffle 5增加了貝塞爾連接線。

OmniGraffle是由The Omni Group製作的一款繪圖（tú）軟件（jiàn），其隻能於運行在Mac OS X和ipads平台之上。在（zài）很多方麵，OmniGraffle都類似於Microsoft Visio。

輸出格式：

OmniGraffle可輸出PDF，TIFF，PNG，JPEG，EPS，HTML圖像映射，SVG，VisioXML，photoshop和BMP等一係列文件格式。OmniGraffle使用蘋果的XMLschema格式（shì）的plist存（cún）儲數據，其擴展名為.graffle。

軟件對比：

在很多方麵，OmniGraffle都類似於Microsoft Visio。OmniGraffle專業版可以利（lì）用Visio的XML導出函數以導入/導出Visio的xml文件。OmniGraffle 5也可（kě）以（yǐ）直接打開Visio默認的二進製.vsd文件。然而，OmniGraffle不提供Visio包含的CAD功（gōng）能，因為它缺乏類似（sì）於導（dǎo）入/導出DWG或DXF（autodesk文件格式）的功（gōng）能。

OmniGraffle使用10個小技巧：

1. 自定（dìng）義你的工作界麵

2. 樣式刷

在 Omnigraffle 中，可以通過拖拽指示（shì）器到另一個組件上的方式將包括邊框填充顏色等樣式複製過去（qù），也可以複製（zhì）任意（yì）單（dān）一（yī）屬性，大大節省了重複或近似組件的樣式修（xiū）改成本。

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

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

對齊到網格，參考定義畫布（bù）環節描述（shù）的網格（gé）設定，勾選這個選項後，調整形（xíng）狀大小就（jiù）會（huì）使（shǐ）邊緣貼近網格，拖拽（zhuài）位置（zhì）時會根據形狀大（dà）小讓任意一邊貼近網格。

智能對齊輔助（zhù）線，勾選後（hòu），拖拽形狀位置時，會自動尋找當前水平或垂（chuí）直方向，邊緣或中（zhōng）心能對齊的已有形狀或畫布中心線，推薦勾（gōu）選

智能距離輔助線，勾選後，會自動（dòng）尋找水平或垂直方向上臨近的兩個形狀，在（zài）等距的時候給（gěi）出提示，推薦勾選

4. 流（liú）程圖

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

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

在製作交互模（mó）型時，加入對點擊事件的處理能很方便的演示（shì）我們想要的效（xiào）果，Omnigraffle 支持的腳本不多（duō），沒有鼠標滑過，沒有動畫，隻有（yǒu）點（diǎn）擊跳轉（zhuǎn）和點擊顯示或隱藏圖層兩種，對於一般的原（yuán）型（xíng）演示足夠用了，尤其是圖（tú）層顯示（shì）隱藏，例（lì）如可以像圖中所示將浮層中的內容放在圖（tú）層（céng）2上，用關閉（bì）按鈕用來觸發隱藏，來實現圖示效果。

在演講模式、導出為 pdf 或 html 後都可以用來演示設定好的交互點擊（jī）效果。在演示移動原型的時，我通常的做法是製作和屏幕大小一致的文件，設置好點擊效果後導出 pdf ，在手機上用任意支持讀取 pdf 的應用打開。(這裏推薦多看（kàn），無頁麵翻轉動（dòng）畫，無多餘留（liú）白)

6. 畫布和圖層（céng）

和 fireworks 一樣，Omnigraffle 提供類似的畫布和圖層（céng）管理（lǐ），方（fāng）便將項目所有（yǒu）內容集中在一個文件中，每個畫布可以單獨（dú）設（shè）置頁（yè）麵（miàn）背景、大小、單位、網（wǎng）格和參考（kǎo）線，並且可以（yǐ）通過共享圖層（céng）讓所有畫布使用同一（yī）個母版，也就是說既可以當 Indesign 用，也可以當 PPT 用。

畫布：Omnigraffle 默認使用 pt 來定義自身單位，在畫（huà）布麵（miàn）板中用 1pt = 1xx 的方式來設置（zhì）換算方式，目標（biāo）單位可以是（shì）像（xiàng）素、厘米、英（yīng）尺、千米等，意味著除了用來畫用戶界麵，還支持用來（lái）畫地（dì）圖、家裝平麵圖等任何大小的精準圖形。

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

如圖（tú）所示（shì），利用共（gòng）享（xiǎng）圖層這一特性，我們可（kě）以（yǐ）將畫布設定為1024*768，並在共（gòng）享圖層的指定位置插入頁碼 (Edit→Insert Variable→Canvas Number) 等（děng），模擬 PPT 的方式製（zhì）作演（yǎn）示用文檔。

7. 快捷鍵

點擊 Help→Keyboard Shortcuts，查閱所有的係統快捷鍵，了解（jiě）下麵（miàn）這幾個就能（néng）滿足大部分情景了

最常用的檢查器麵（miàn）板，cmd+12345切換;

設（shè）置好一個常（cháng）用的形狀樣式，右鍵點擊加入（rù）收藏，以後按（àn）住 s 不放就可以直接（jiē）畫出來;

按住 t 不放點擊空白處就可以直接新（xīn）建一個文（wén）本塊，雙擊任意形狀也可以在（zài）裏麵插入文字;

放（fàng）大縮（suō）小隻能通過 cmd+shift+. 和 cmd+shift+, 右手需（xū）要離開鼠（shǔ）標不是很方便，我通常是按住 z 鼠標（biāo）點屏幕來放大，option+z 點擊屏幕來縮小(z這個操作在ps和ai裏也通用);

快速複（fù）製一個形狀 cmd+d，新（xīn）的（de）形狀會在當前形狀右下方（fāng）一個網（wǎng）格的（de）位（wèi）置出現，比cmd+c之後在cmd+v省一步。

8. 無窮的模板（bǎn）庫

在 Omnigraffle 中，工作文檔 .graffle和模板文檔 .stencil 的表現和編輯（jí）是完全一樣的，可以很方便的（de）將（jiāng）已經編輯好的文檔組織整理後，複製粘貼到模板文件中（zhōng）沉澱，作為後期複用規範，如果搭配雲同步工具使用，小型設計團隊統一設計規（guī）範不再是難事。

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

9. 製作自己的圖標庫

Omnigraffle 自（zì）帶的圖形（xíng）基本上能（néng）滿足大部分需求，簡單形（xíng）狀也可以用形（xíng）狀組合和鋼筆（bǐ）工具來畫， Graffletopia 上有很多其他人畫好的形狀圖標，但麵對具體項（xiàng）目的時候需要自己畫（huà）圖標時該怎麽辦呢?以下有幾種方式可供大家選擇

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

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

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

10. 使用hex值定義顏色

Mac 自帶的取色器隻能在已有的顏（yán）色集裏選或是靠肉眼在色盤裏選，非常不嚴謹，還（hái）好有愛心人士提供了 Hex Color Picker 和 Developer Color Picker 插件（jiàn）來（lái）幫助我們精準設（shè）定顏色。