OmniGraffle(mac版繪圖軟件)

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

應用介紹

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

增加功能（néng）：

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

OmniGraffle是由（yóu）The Omni Group製作的（de）一款繪圖軟件，其隻（zhī）能於運行在Mac OS X和ipads平台之上。在很多方麵，OmniGraffle都類（lèi）似於Microsoft Visio。

輸出格式：

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

軟件（jiàn）對比：

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

OmniGraffle使用10個小技（jì）巧：

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

2. 樣式刷

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

3. 網格、智能輔助線（xiàn）及參考線

除圖示外，在畫（huà）布空白（bái）處點擊右鍵可（kě）以看到三（sān）個選（xuǎn）項

對齊到網（wǎng）格，參考定義畫布環節描述的網格設（shè）定，勾選（xuǎn）這個選（xuǎn）項後，調整形狀大小就（jiù）會使邊緣貼近網格（gé），拖拽位置時會根據形狀（zhuàng）大小讓任意一（yī）邊貼近網格（gé）。

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

智能距離輔助線，勾（gōu）選後，會自動尋找（zhǎo）水平（píng）或（huò）垂直方（fāng）向上臨（lín）近（jìn）的兩個形狀，在等（děng）距的（de）時候給出（chū）提示，推薦勾選

4. 流程圖

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

5. 點擊事件以及（jí）導出 pdf & html

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

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

6. 畫布和圖層

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

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

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

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

7. 快捷鍵

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

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

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

按住 t 不放點（diǎn）擊空白（bái）處（chù）就可（kě）以直接新建一個文本塊，雙擊任意形狀也可以在裏（lǐ）麵（miàn）插（chā）入文字（zì）;

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

快速複製一（yī）個形狀 cmd+d，新的形（xíng）狀會在當前形狀（zhuàng）右下方一個網（wǎng）格的位置出現，比cmd+c之後在cmd+v省一步。

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

在 Omnigraffle 中，工作文檔 .graffle和（hé）模板文檔 .stencil 的表現和編（biān）輯是（shì）完全一樣的，可以很（hěn）方便的將（jiāng）已經編（biān）輯好的文檔組織整理後，複製粘貼到模板文件中（zhōng）沉澱，作為（wéi）後期（qī）複（fù）用規範，如果（guǒ）搭（dā）配雲同（tóng）步工（gōng）具使用，小型設計團隊統一設計規範不（bú）再是（shì）難事（shì）。

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

9. 製作自己的（de）圖標庫

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

最快捷（jié）：直接粘（zhān）貼圖標（biāo）圖片進（jìn）來，缺點是無法調整顏（yán）色，不可放（fàng）大。

多色圖標：從 AI 中直（zhí）接拖拽圖形進來，仍舊保（bǎo）持矢量可隨意拖拽但不（bú）可調（diào）整（zhěng）顏色。

單色（sè）圖標：將 AI 中畫好的單色（sè）圖標導出為pdf (File→Scripts→SaveDocsAsPDF) 後用 Omnigraffle 打開（kāi），可（kě）隨意調整大小（xiǎo）和顏色，非（fēi）常（cháng）適合圖標庫的建（jiàn）立（lì）。

10. 使用hex值定義（yì）顏色

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