OmniGraffle應用一:從工具欄開始

一、OmniGraffle介紹

在這裏插入圖片描述OmniGraffle是由The Omni Group製作的一款繪圖軟件,其只能於運行在Mac OS X和iPad平臺之上。它曾獲得2002年的蘋果設計獎。
是用來繪製圖表,流程圖,組織結構圖以及插圖,也可以用來組織頭腦中思考的信息,組織頭腦風暴的結果,繪製心智圖,作爲樣式管理器,或設計網頁或PDF文檔的原型。
它具有采用拖放的所見即所得界面。所謂"Stencils":是一組用於拖放的形狀,可以作爲OmniGraffle的插件使用,用戶也可以創建自定義的Stencils。

二、工具應用

OmniGraffle 的軟件佈局和大多數圖形類軟件類似,中間是編輯區,左邊是頁面和對象組織的管理,右邊是參數設置和模具,頂欄有一些常用的快捷圖標。從左到右由頁面、對象的管理到細緻的元素的定義和設置,縱深上用頁(版面)來承載連續的內容,用層的堆疊將繪圖過程化繁爲簡。

2.1、工具欄

工具欄上的每一個圖標都是從大量的操作中提煉出來的,瞭解工具欄上的每個圖標的具體作用,基本上也就知道在當前的繪圖軟件中,我們能幹什麼。
在這裏插入圖片描述工具也可以分爲幾類,創建對象的、格式化對象的、控制版面的,使用中都需要先點擊或者使用快捷鍵來「激活」,OmniGraffle 中提供單次使用、保持狀態、臨時調用這三種調用工具的模式,分別對應着單擊、雙擊、按住某個字母,從軟件設計角度來說,這種設計非常方便,也是超出其他同類軟件的優秀體驗之一。

  • 除了「選擇」圖標以外,其他的項都區分是使用一次後自動回到「選擇」,還是雙擊鎖定保持被選中狀態(圖標會顯示爲深灰色);
  • 10 個數字鍵分別對應常用的幾個工具項,可以快速的激活工具,按一次和按兩次數字鍵與用鼠標點擊一次或雙擊效果一樣,決定是使用一次後返回「選擇」,還是一直處於激活狀態;
  • 按住字母快捷鍵,可以臨時訪問某個工具,例如當前正在圖章狀態快速克隆對象,按住字母v,可以將工具狀態臨時切換爲選擇狀態用來移動對象,鬆開按鍵後又會回到圖章操作模式繼續先前的操作;
  • 收藏夾中會保留最近使用和收集的模具,在選中形狀、線條、文本和筆工具時,收藏夾圖標會顯示對應的缺省樣式,能提高操作中的效率;
  • 雙擊工具欄圖標可以鎖定在當前面板,不再隨對象的選擇自動切換。

2.2、檢查器

在這裏插入圖片描述
右側的檢查器是具體設置對象的主要區域,搞清楚設置參數的分類,設置時就能有的放矢,通常選中對象,OmniGraffle 會自動跳轉到常用的對應項目上

  • ⌘1-⌘4 快捷鍵快速切換對應的檢查器面板。

2.3、左側版面

頁是承載繪圖內容的地方,OmniGraffle 稱之爲版面,也能更通俗的理解爲「頁」,在側邊欄會看到以頁爲單位的內容預覽。「版面」頁面的默認屬性通常來自於模板的預設,如果想進行調整和修改,可以通過右側的「檢查器」面板來進行設置。
「目錄」面板中提供了四種顯示對象的方式:對象列表、大綱層級、對象目錄、近似對象。在頁面對象很多的情況下,目錄面板能幫助我們迅速的選擇和定位到對象。

  • 「對象列表」視圖按扁平方式列出所有的對象、羣組及其層疊順序,便於快速找到某個具體的對象,通過拖動或點擊底部的箭頭可以調整對象的層疊順序,針對複雜的組合形狀從列表視圖中選擇會更方便;
  • 「大綱層級」按對象之間隸屬關係來顯示,大綱視窗中不包含線條,只包含形狀或圖片等元素。大綱視圖中輸入對象包含的文字內容會很方便,例如,創建組織結構圖或者思維導圖時直接在大綱視圖中輸入內容,最後選擇自動排版,馬上就能獲得一個漂亮的結果;
  • 「近似對象」中更可以一次選中所有相似的對象,對於批量的修改和調整非常有幫助。
    在這裏插入圖片描述

頁面左上角的小三角標記展開會顯示頁面所包含的圖層,通過圖層我們可以在頁中更好的組織管理內容,例如平面圖中牆體的建築部分放在一個圖層、尺寸標註放在另一個圖層。通過鎖定圖層,可以避免誤操作,「眼睛」圖標隱藏或顯示圖層,「打印機」圖標決定打印輸出時是否包含這個圖層。

激活「共享圖層」圖標(呈黃色顯示),可以將共享圖層的內容顯示在其他頁面,從而實現特定內容的共用,例如頁面的頁眉頁腳和邊框等元素可以通過共享圖層顯示在所有采用同一個共享圖層的頁中。
圖層和頁一樣,通過拖移可以調整順序,按住Option可以複製,按住Command可以選擇多個頁面或圖層。

輔助線是 OmniGraffle 6 新增的功能,輔助線的設置面板中可以定義輔助線的顏色,精確的用像素來控制輔助線的位置。按住輔助線圖標可以將當前頁的所有輔助線設定拖拽複製到其他頁面。

2.4、對象控制和樣式托盤

工具欄上的前移後移用的機會並不多,多數時候快捷鍵的方式更便捷,前移對象「⌥⌘F」,後移對象「⌥⌘B」。還可以多記一組經常會用到的移到最前「⇧⌘F」和置於最後「⇧⌘B」,F 和 B 取的是英文單詞的 Front和 Back 的首字母,用這類助記單詞可以自己推算出其他快捷方式。
鎖定/解鎖同樣有對應的快捷鍵,鎖定「⌘L」(Lock),解鎖「⌥⌘L」。羣組和解散羣組的快捷鍵分別是「⇧⌘G」(Group)和「⇧⌘U」(ungroup)。
在這裏插入圖片描述檢查器底欄的「樣式托盤」是 OmniGraffle 中一個非常值得稱道的設計,當你選中對象時,「樣式托盤」中會分解出當前對象採用的各種格式,和工具欄中的「格式刷」作用一樣,不過操作交互上,「樣式托盤」更直觀和方便,你可以按住托盤中的某一個格式拖拽到其他對象,也可以按住第一個圖標拖拽將當前對象的所有格式應用到其他對象。

按住 command 鍵,你可以在「樣式托盤」中選擇多個格式然後拖拽到其他對象,被選中的格式項背景會顯示爲淺灰色。

2.5、編輯區的控制

選擇對象: 單擊選擇對象,按住 Shift 鍵或 Command 鍵可以將對象添加到選擇或者從選擇集合去掉。

圈選對象: 從畫布空白處三指滑動可以圈選對象,如果按住 Option 鍵,只有完全被圈選的對象纔會被選中。在這裏插入圖片描述移動對象或頁面: 空格+鼠標拖動:拖動版面;b+鼠標拖動:拖動對象。

對象旋轉: 選中形狀後,按住 Command 鍵,移動鼠標指針到形狀的句柄上時會出現旋轉的指針,按住句柄移動就能旋轉對象。

對齊對象: 拖動對象的過程中 OmniGraffle 會自動顯示對齊輔助線和尺寸輔助線,這爲繪製統一協調的圖形提供了方便,手動對齊多個對象可以通過「檢查器」「版面:對齊」來完成,「版面對齊」會以頁面爲對齊基準,另外還可以在選中對象上右鍵菜單「對齊」。

頁面縮放: 放大和縮小使用的是最頻繁的,配合 Command 鍵,鼠標滾輪向上或向下滑動可以實現對頁面的縮放。

2.6、模板選擇

在這裏插入圖片描述
新建 OmniGraffle 文件的模板選擇中提供了幾種類型的模板,一種是以圖例爲主的模板,包含簡單的流程圖、思維導圖、組織結構等圖例,一種是以繪圖目的劃分的模板,例如 Mac 程序設計、iOS 原型設計、iOS App 圖標設計等,還有一類是基於頁面的尺寸和比例尺的模板, 自動版面(Auto-Resizing)和紙張尺寸平時用的比較多,繪製辦公室或者廠區等大面積規劃的平面圖時,則需要選擇比例尺的模板。

2.7、導出界面

在這裏插入圖片描述導出 OmniGraffle 繪圖內容時,因爲提供了「導出區域」的選擇,所以我們可以導出當前頁面的選擇的「所有對象」,也可以只導出特定區域或當前版面,非常靈活。

支持導出的格式很多,矢量格式有 pdf、 svg、eps,位圖格式有 jpg、png、gif,輸出時還可以設定頁邊空白區域的大小。如果要保證在其他軟件中使用位圖格式的清晰度,可以將輸出比例調高一點,例如 150% 或者 200%。

參考:
1、OmniGraffle 基礎入門(一):從工具欄開始
延伸:
2、OmniGraffle 基礎入門(二):對象的控制
3、OmniGraffle 基礎入門(三):基礎繪圖和模具
4、OmniGraffle 基礎入門(四):化繁爲簡
5、官方文檔

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章