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增加了贝塞尔连接线。