- Axure RP案例教程
- 焦計劃編著
- 1528字
- 2019-05-21 10:37:20
3.拓展閱讀:常見原型制作工具
3.1 Mockplus(摩客)

圖1-22 Mockplus界面
Mockplus是一款簡捷高效的原型設計工具,有別于Axure RP的繁復,Mockplus致力于快速創建原型。無論你是產品小白還是大牛,Mockplus都能滿足你的需求。Mockplus的設計理念就是關注設計,而非工具。如果你時間有限,那你不能錯過Mockplus,因為幾乎不需要學習,你就可以上手這款工具。
Mockplus提供了豐富的組件庫和圖標庫,創建原型,你只需拖一拖。Mockplus發布V2版本之后,交互也成為其一大亮點,它將交互設計可視化,只需要拖一拖鼠標,即可完成交互的設計,所見即所得,沒有復雜的參數,更無須編程。封裝好的一些系列交互組件,比如彈出面板、抽屜、內容面板等,讓設計交互幾乎可以全程“無腦”操作。演示也很簡單,直接掃描二維碼即可,同時支持發布到云和導出演示包。
Mockplus的產品理念是“關注設計,而非工具”。將拿來就上手,上手就設計,設計就可以表達創意。從設計上,采取了隱藏、堆疊、組合等方式,將原本復雜的功能加以精心安排,上手很容易。但隨著你的使用,功能層層遞進,你會發現更多適合自己的有用功能。新手不會迷惑,熟手也能夠用。其特色功能如下:
審閱協作。創建原型圖、邀請、批注圖釘,之后就可以協同工作了。所有的討論、意見、版本,都會保留(國內獨有,國外同類產品獨有)。
無縫真機預覽。可直接實現設計和移動設備之間的通信,直接預覽,不需要任何第三方設備。在設計過程中,設計者拿出手機就可以隨時和Mockplus對接,將原型傳遞到移動設備,觀察原型在移動設備中的真實狀態(國內獨有,國外同類產品獨有)。
素描風格(國內獨有)。其擁有200多個組件和海量圖標,全部支持手繪素描風格。它強調傳遞一種設計原則,即“我這是草圖,僅僅是原型,不是最終的產品,需要你的確認”。這對于團隊內部交流及與客戶溝通都非常重要。
基于組件的交互。視覺上定位于低保真,但致力于高保真的組件交互能力。表達交互時依然能夠準確、完整,并同樣容易上手。Mockplus支持基于頁面的交互和動畫效果。Mockplus V2版本,將支持基于組件級別的交互和動畫,可即時觀察交互效果,大大降低學習成本(國內獨有,國外同類產品獨有)。
模版重用。支持模版功能,可以把當前的設計存入模板庫,下次使用時,直接拖入工作區即可。模版還可以分享到團隊的其他成員以及Mockplus所有注冊用戶,從而提高整個團隊乃至所有用戶群的生產力。Mockplus V2版本支持組件、頁面、圖片素材三個方面的模板和循環利用(國內獨有)。
3.2 Flinto
Flinto可以讓用戶快速為Web、移動App設計交互。通過拖曳,可以快速地為設計圖設置跳轉和動畫。Flinto提供了常用的轉場效果,如果你需要設計iOS App的交互演示效果,Flinto是不錯的選擇。

圖1-23 Flinto網頁版界面
3.3 OmniGraffle

圖1-24 OmniGraffle界面
OmniGraffle是美國The Omni Group制作的一款原型設計工具,這款工具只針對蘋果用戶,有OSX版和iOS版,曾獲得2002年的蘋果設計獎。它可以快速繪制線框圖、圖表、流程圖等。用Origami創建iPhone和iPad原型是比較好的選擇。
OmniGraffle可以用來繪制圖表,如流程圖、組織結構圖以及插圖,也可以用來組織頭腦中思考的信息,組織頭腦風暴的結果,繪制心智圖,作為樣式管理器,或設計網頁、PDF文檔的原型。它具有采用拖放的所見即所得界面。所謂的“Stencils”——一組用于拖放的形狀——可以作為OmniGraffle的插件使用,用戶也可以創建自定義的Stencils。
在很多方面,OmniGraffle都類似于Microsoft Visio。OmniGraffle專業版可以利用Visio的XML導出函數以導入/導出Visio的XML文件。OmniGraffle 5也可以直接打開Visio默認的二進制.vsd文件。然而,OmniGraffle不提供Visio包含的CAD功能,因為它缺乏類似于導入/導出DWG或DXF(AutoDesk文件格式)的功能。
OmniGraffle可以輸出PDF、tiff、png、jpeg、eps、HTML圖像映射、svg、Visio XML Photoshop和bmp等一系列文件格式。OmniGraffle使用蘋果的XML schema格式的plist存儲數據,其擴展名為.graffle。
OmniGraffle使用稱為Quartz的Mac OSX的圖形層,并利用了其反鋸齒、平滑縮放、透明拖放陰影等一系列特性。OmniGraffle 4增加了貝塞爾形狀,基于文本的可繼承的圖表等功能。OmniGraffle 5增加了貝塞爾連接線。
- After Effects CC影視后期制作實戰從入門到精通
- Midjourney AI繪畫藝術創作教程:關鍵詞設置、藝術家與風格應用175例
- Celtx: Open Source Screenwriting Beginner's Guide
- Zenoss Core Network and System Monitoring
- 鍵盤錄入技術(第2版)
- 平面設計綜合教程:Photoshop+Illustrator+CorelDRAW +InDesign(微課版)
- Elasticsearch實戰與原理解析
- 會聲會影視頻編輯實戰秘技250招
- 中文版Photoshop CS6從新手到高手·全彩版
- AI繪畫+LoRA模型訓練從新手到高手
- Photoshop CS6平面設計實戰從入門到精通(經典暢銷版)
- MATLAB在日常計算中的應用
- Service Oriented Architecture with Java
- Premiere視頻編輯案例教程:Premiere Pro 2020(微課版·第2版)
- 3ds Max 2014/VRay效果圖制作實戰從入門到精通