OmniGraffle(mac版繪圖軟（ruǎn）件)

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

應用介紹

OmniGraffle可以用來繪製圖表（biǎo），流程圖，組織結構圖以及插圖（tú），也可以用來（lái）組織（zhī）頭（tóu）腦中思考的信息（xī），組織頭腦風暴的結果（guǒ），繪製心智圖，作為樣式管理（lǐ）器，或設計網頁（yè）或（huò）PDF文檔的原型（xíng）。它具有采用拖放的所見即所得（dé）界麵（miàn）。所謂的"Stencils"—一組用於拖放的形狀—可以作為OmniGraffle的插件使用，用戶也可以創（chuàng）建自定義的（de）Stencils。

增加功能：

OmniGraffle使（shǐ）用稱為Quartz的Mac OS X的圖（tú）形層，並利用（yòng）了其反（fǎn）鋸齒，平（píng）滑縮放，透明（míng）拖放陰影等一係列特性。OmniGraffle 4增加了貝塞（sāi）爾形（xíng）狀，基於文本的可繼承的（de）圖（tú）表等功能。OmniGraffle 5增加了貝塞爾連（lián）接線。

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

輸（shū）出格式：

OmniGraffle可（kě）輸出PDF，TIFF，PNG，JPEG，EPS，HTML圖像映射，SVG，VisioXML，photoshop和BMP等（děng）一係列文件（jiàn）格式。OmniGraffle使（shǐ）用蘋果（guǒ）的XMLschema格式的plist存儲數據，其（qí）擴展名為.graffle。

軟件（jiàn）對比：

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

OmniGraffle使（shǐ）用10個小技巧：

1. 自定義你的（de）工作（zuò）界麵

2. 樣式刷

在（zài） Omnigraffle 中，可以通過拖（tuō）拽指示器到另一個組件上的（de）方式將包括邊框填充顏色等樣式複（fù）製過去，也可以複（fù）製（zhì）任意單一（yī）屬（shǔ）性（xìng），大大節省了重複或（huò）近（jìn）似（sì）組件的樣式修（xiū）改成本。

3. 網格、智能輔助線及參（cān）考（kǎo）線

除圖示外，在畫布（bù）空白處點擊（jī）右鍵（jiàn）可以看到三個選項

對齊到網格，參（cān）考定義（yì）畫布環節描述的網格（gé）設定，勾（gōu）選這個（gè）選項後，調（diào）整形（xíng）狀大小就會使邊緣貼近（jìn）網格，拖拽位置時會根據形狀大小（xiǎo）讓任（rèn）意一邊貼近網格。

智能（néng）對齊輔助線，勾選後，拖拽形狀（zhuàng）位（wèi）置時，會自動尋找當前水平或（huò）垂直方向（xiàng），邊（biān）緣或中心能對齊的已有形狀或（huò）畫（huà）布中心線，推薦勾選

智（zhì）能距離輔助線，勾選後，會自動尋找水（shuǐ）平或垂直（zhí）方向上臨近的（de）兩個形狀，在等距的時候（hòu）給出提示，推薦勾選

4. 流程圖

在用（yòng） visio 畫流（liú）程圖過程中最受不了的就是連接線不能隨意控製形狀位置樣（yàng）式，隻能畫幾種（zhǒng）特定的（de）圖，新建節點的操作步驟（zhòu）也很繁（fán）瑣，而這一缺陷（xiàn）直接導致各種（zhǒng）思（sī）維導圖（tú）軟（ruǎn）件（jiàn）的崛起。在 Omnigraffle 中這些都（dōu）變得很容易，隻要記住幾個快（kuài）捷鍵，畫起流（liú）程（chéng）圖來輕鬆寫意。

5. 點（diǎn）擊事件以（yǐ）及（jí）導出 pdf & html

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

在演講模式、導（dǎo）出為 pdf 或（huò） html 後都（dōu）可以用來（lái）演示設定好的交互（hù）點擊效果。在演（yǎn）示（shì）移動原型的時（shí），我通常的做法是製作和屏（píng）幕（mù）大小一（yī）致（zhì）的文件，設置好（hǎo）點擊（jī）效果後導出 pdf ，在手機上用任意支持讀取（qǔ） pdf 的應用（yòng）打開。(這裏推薦多看，無頁麵翻轉（zhuǎn）動畫，無多餘留白)

6. 畫布和（hé）圖（tú）層

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

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

圖（tú）層：可以將（jiāng） Omnigraffle 中（zhōng）的圖（tú）層理解為一個特殊的、可（kě）以批量隱（yǐn）藏或鎖定的、可（kě）以（yǐ）直接轉換為所有（yǒu）頁麵共（gòng）享的群組，共享圖層的名稱會被標（biāo）記為橙色，界麵左（zuǒ）下方的內容麵板（bǎn）顯示了每個圖層內部的層疊順序，如果文件導出時選（xuǎn）擇 psd，Omnigraffle 還會將圖層（céng）內（nèi）容（róng）合（hé）並（bìng）成（chéng） photoshop 能讀取的格（gé）式。

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

7. 快捷鍵

點擊 Help→Keyboard Shortcuts，查（chá）閱所有的係統快捷鍵，了解（jiě）下麵這幾個（gè）就能滿足大部（bù）分情景了

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

設（shè）置好一個常用的形狀樣式，右鍵點（diǎn）擊加入收藏（cáng），以後（hòu）按住 s 不放就可以（yǐ）直接（jiē）畫出來;

按住 t 不放點擊空（kōng）白（bái）處就可以直接新建一個（gè）文本塊，雙（shuāng）擊任意形狀也可以在裏麵插入文字;

放大縮小隻能通過 cmd+shift+. 和 cmd+shift+, 右（yòu）手需（xū）要離開鼠標不是很方便（biàn），我通常是按住 z 鼠標點屏（píng）幕來放（fàng）大，option+z 點擊屏幕來縮小(z這個操作在ps和（hé）ai裏（lǐ）也（yě）通用);

快速（sù）複製一個（gè）形狀 cmd+d，新的形狀會在當前形狀右下方一個網格的位置出現，比cmd+c之後在cmd+v省一步。

8. 無窮（qióng）的模（mó）板（bǎn）庫

在 Omnigraffle 中，工作（zuò）文（wén）檔 .graffle和模板文檔 .stencil 的表現和編輯是完全一樣的，可（kě）以很（hěn）方（fāng）便的將（jiāng）已經編輯好的文檔組織整理後，複製粘貼到模板文件中沉（chén）澱（diàn），作為後期複用規範，如果（guǒ）搭配雲（yún）同步工具使（shǐ）用（yòng），小型設計團隊統一設（shè）計規範不再是難（nán）事。

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

9. 製作自己的圖標庫

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

最快捷：直接粘（zhān）貼圖標圖（tú）片進來，缺點是無法調整顏（yán）色（sè），不可放大。

多色（sè）圖（tú）標：從 AI 中直接拖（tuō）拽圖形進來，仍舊保持（chí）矢（shǐ）量可隨（suí）意拖拽但（dàn）不可調整顏色。

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

10. 使用hex值（zhí）定義顏色（sè）

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