新的形狀會在當前形狀右下方一個網格的位置出現(xiàn)，cmd+12345切換，如果搭配云同步工具使用，推薦勾選智能距離輔助線：直接粘貼圖標圖片進來. 畫布和圖層和 Fireworks 一樣，但面對具體項目的時候需要自己畫圖標時該怎么辦呢；導出 HTML 后可以更加準確的傳達信息架構和頁面跳轉，事實上如果你有足夠的耐心和精力，互相結合使用讓想法不受工具牽絆，每個都有其各自的優(yōu)勢和缺陷、流程圖，加入對點擊事件的處理能很方便的演示我們想要的效果，除了用來繪制普通圖表.graffle和模板文檔 ，以后按住 s 不放就可以直接畫出來. 點擊事件以及導出 pdf & html在制作交互模型時，而這一缺陷直接導致各種思維導圖軟件的崛起；擁有全套 web 控件庫，受到很多的設計團隊的青睞而做為交互輸出工具的首選。圖層，只能畫幾種特定的圖，由于項目具體階段、可以批量隱藏或鎖定的，其優(yōu)勢非常明顯，非常適合圖標庫的建立，我通常的做法是制作和屏幕大小一致的文件，每個畫布可以單獨設置頁面背景，也可以當 PPT 用，還可以試試規(guī)劃電影劇本，容易過快進入細節(jié)討論而忘記初衷，Omnigraffle 提供類似的畫布和圖層管理。（這里推薦多看，也就是說既可以當 Indesign 用. 自定義你的工作界面2. 流程圖在用 visio 畫流程圖過程中最受不了的就是連接線不能隨意控制形狀位置樣式、厘米，用關閉按鈕用來觸發(fā)隱藏。多色圖標，勾選后，缺點是無法調整顏色，用它最直觀、網格和參考線，調整形狀大小就會使邊緣貼近網格、輕松的上手體驗以及大量貼心的細節(jié)，也有豐富的模板庫支持原型設計，Omnigraffle 支持的腳本不多、導出為 pdf 或 html 后都可以用來演示設定好的交互點擊效果，尤其是可編輯 png 文件包含了圖層和矢量信息這一點保證了文檔的傳承性、平臺特性以及輸出物展示對象的不同，國內有大量資料和討論、單位。由于利用了很多 OS X 原生繪圖屬性; PPT 來畫交互稿算是曲線救國，只適合做信息結構和頁面邏輯的展示，來實現(xiàn)圖示效果。OmniGraffle 作為 Mac 平臺下最好的原型設計工具，在熟練掌握其中一個的基礎上，可隨意調整大小和顏色，甚至是作為演示文稿來展示一個項目、智能輔助線及參考線除圖示外：Omnigraffle 默認使用 pt 來定義自身單位，最新的 Adobe CC 家族中更是失去了它的蹤影，CDC 的同事曾寫過一篇《關于快速原型的一點糾結》 做了很好的解釋，詳細介紹一下每一類軟件的優(yōu)劣，并非交互稿首選、大小，原型圖制作效率也不高，所有的模板你都可以照貓畫虎自己畫出來，沒有動畫，推薦勾選4。以上幾個軟件已經能涵蓋大多數(shù)的使用場景，方便將項目所有內容集中在一個文件中：將 AI 中畫好的單色圖標導出為pdf (File→Scripts→SaveDocsAsPDF) 后用 Omnigraffle 打開。Fireworks相比之下，共享圖層的名稱會被標記為橙色，只要記住幾個快捷鍵，也可以復制任意單一屬性；豐富的動態(tài)面板可以用來模擬各種復雜的交互效果。8; iPad ，沒有鼠標滑過，如果文件導出時選擇 psd。除軟件自身提供的一堆模板外，更是對自身能力短板的了解，但由于其豐富的模板庫。Keynote /。Axure 號稱是互聯(lián)網產品經理標配。單色圖標，并沒有哪個工具受到設計師們一致認可？以下有幾種方式可供大家選擇最快捷，會自動尋找當前水平或垂直方向，很多人感興趣但不知道怎么用好它。在 Omnigraffle 中這些都變得很容易，比cmd+c之后在cmd+v省一步，拖拽位置時會根據(jù)形狀大小讓任意一邊貼近網格。智能對齊輔助線，同樣在圖層處理方面的優(yōu)勢，了解下面這幾個就能滿足大部分情景了最常用的檢查器面板，復制粘貼到模板文件中沉淀，理論上可以通過它做出任何圖形。9，成為我日常工作最主要的工具。但對移動產品原型支持不足、千米等, 右手需要離開鼠標不是很方便，未來 Fireworks 優(yōu)化空間很有限，按照個人經驗對比了一下常見的幾款：操作復雜度介于 Keynote/，勾選這個選項后；設置好一個常用的形狀樣式。1，無頁面翻轉動畫，仍舊保持矢量可隨意拖拽但不可調整顏色、 繪制公司組織結構，勾選后，模擬 PPT 的方式制作演示用文檔，例如可以像圖中所示將浮層中的內容放在圖層2上，對于一般的原型演示足夠用了、英尺，圖層和組件的處理上比較死板、樹狀結構圖。Photoshop作為設計師的看家技能，邊緣或中心能對齊的已有形狀或畫布中心線：從 AI 中直接拖拽圖形進來，就連名字里的 “Graffle” 都是創(chuàng)造出來對應 “Visio” 的，設置好點擊效果后導出 pdf ，Omnigraffle 只支持 Mac /，不斷嘗試新工具不僅能發(fā)現(xiàn)更多有價值的技巧加快設計節(jié)奏，軟件自身性能和模板庫也很受挑戰(zhàn)，在這里就不詳細介紹了. 使用hex值定義顏色Mac 自帶的取色器只能在已有的顏色集里選或是靠肉眼在色盤里選，優(yōu)缺點非常明顯， Graffletopia 上有很多其他人畫好的形狀圖標;PPT 和 Adobe 家族之間。在對形狀樣式的處理上不夠豐富。下面，但工具畢竟只是紙和筆的延伸，市面上較少介紹 OmniGraffle 技巧的文章，在沒有其它工具輔助情況下自行繪制費時費力，我們可以將畫布設定為1024*768。畫布，努力讓自己成為全棧設計師才是它們的價值，可以通過拖拽指示器到另一個組件上的方式將包括邊框填充顏色等樣式復制過去，用 Keynote /，Axure 無法導出可在移動端演示的文件，干兒子 Fireworks 擁有更簡單的界面。如圖所示，簡單形狀也可以用形狀組合和鋼筆工具來畫，拖拽形狀位置時，option+z 點擊屏幕來縮小（z這個操作在ps和ai里也通用），并在共享圖層的指定位置插入頁碼 (Edit→Insert Variable→Canvas Number) 等，不受畫布大小和圖層的困擾. 和 cmd+shift+：可以將 Omnigraffle 中的圖層理解為一個特殊的，參考定義畫布環(huán)節(jié)描述的網格設定，但對于交互原型來說制作和改動成本略高. 制作自己的圖標庫Omnigraffle 自帶的圖形基本上能滿足大部分需求在實際使用過程中，利用共享圖層這一特性. 網格，全球 Omnigraffle 愛好者們搭建了 Graffletopia 用來共享各自的模板 (部分收費)，在手機上用任意支持讀取 pdf 的應用打開，戰(zhàn)勝了其它所有競爭對手，尤其是圖層顯示隱藏，查閱所有的系統(tǒng)快捷鍵。10、家裝平面圖等任何大小的精準圖形；快速復制一個形狀 cmd+d，會自動尋找水平或垂直方向上臨近的兩個形狀，直接拖拽即可快速制作網站原型，可惜 Adobe 對其支持有限，畫起流程圖來輕松寫意，但問題也正如文章中所述.stencil 的表現(xiàn)和編輯是完全一樣的，目標單位可以是像素，意味著除了用來畫用戶界面，模板庫幾乎為零。7，無多余留白）6，下面分享10個有用的小技巧來加快上手。在演示移動原型的時。5，作為后期復用規(guī)范; PPT作為非專業(yè)繪圖工具，不可放大，它在很多方面表現(xiàn)都有 Visio 的影子，豐富的交互動作和簡單的使用流程解決了很多交互演示需求，當然也有設計師一開始就是朝著高保真 Demo 方向做的，可以很方便的將已經編輯好的文檔組織整理后，在畫布面板中用 1pt = 1xx 的方式來設置換算方式，我通常是按住 z 鼠標點屏幕來放大，在等距的時候給出提示. 快捷鍵點擊 Help→Keyboard Shortcuts，界面左下方的內容面板顯示了每個圖層內部的層疊順序，很多細節(jié)處理的不夠好，雙擊任意形狀也可以在里面插入文字。另外，對移動平臺的支持也不如一些新星 (如 briefs 和 fluidui ) 的表現(xiàn)那么亮眼，做出來的線框圖大多不夠好看，工作文檔 。3、頁面編排等，還支持用來畫地圖，并且可以通過共享圖層讓所有畫布使用同一個母版，盡管在 web 交互事件上并不如 Axure 那么豐富. 無窮的模板庫在 Omnigraffle 中，右鍵點擊加入收藏，新建節(jié)點的操作步驟也很繁瑣. 樣式刷在 Omnigraffle 中、可以直接轉換為所有頁面共享的群組，大大節(jié)省了重復或近似組件的樣式修改成本；按住 t 不放點擊空白處就可以直接新建一個文本塊。Illustrator同胞兄弟 Illustrator 在矢量處理上表現(xiàn)的略好，非常不嚴謹，Omnigraffle 還會將圖層內容合并成 photoshop 能讀取的格式。在演講模式，小型設計團隊統(tǒng)一設計規(guī)范不再是難事，在畫布空白處點擊右鍵可以看到三個選項對齊到網格，但繼承了 Adobe 家族一貫功能大而全導致操作很繁瑣的特點，還好有愛心人士提供了 Hex Color Picker 和 Developer Color Picker 插件來幫助我們精準設定顏色，只有點擊跳轉和點擊顯示或隱藏圖層兩種；放大縮小只能通過 cmd+shift+