Prototyping Tools Comparison

最新推荐文章于 2020-07-29 22:37:08 发布

peachpi

最新推荐文章于 2020-07-29 22:37:08 发布

阅读量1.1k

点赞数

分类专栏：移动应用

23 篇文章 2 订阅

订阅专栏

原文链接：http://www.nicolegong.com/?p=448

选用合适的工具对于快速制作原型，和开发人员沟通具有强大的推动力。最近试用了一些制作prototype的工具，有些经Quora和知乎上的的同仁推荐而试用。仅就试用过的软件谈谈心得体会，优缺各异，交流分享。部分软件售价不菲，本文就略过价格比较了，原因你懂的。

功能：功能全面而强大，对于有软件使用经验的同学来说比较容易。深入制作具有动态交互的原型需要一个学习过程。由于其功能的强大，文件复杂之后速度比较慢。

默认提供了线框图，流程图的部件库。
具有强大的扩展能力，可以加载外部控件库，同时也可以自己创建控件库。
网上有众多控件资源，以辅助快速原型。提供两个比较好的资源库：
Axure的官网，提供了多种控件库供选择：http://www.axure.com/widgetlibraries，素材包括iphone，iPad，facebook等。
Axureland，提供Axure资源分享交流：http://axureland.com/

流程图部件库有设计流程图时会经常用到的形状，可以帮助快速建立流程图，像建立wireframe一样容易，用户可以在流程之间加入连接线并设定连接的格式。笔者比较习惯用Visio画workflow，仅供有兴趣的同学参考。
通过添加用例来制作交互跳转；

文件共享交流：可以导出html的原型和Doc的规格说明书。无须开发人员安装软件，可通过浏览器打开原型深入讨论，沟通比较方面。

Axure是本人使用至今制作原型比较多的软件，仍在持续深入探索制作交互特效。不过对于wireframe的展示，刚入手的同学就可以开始了。

缺点：功能复杂，文件大之后速度较慢。不能边做边预览效果，只能导出后查看交互效果预览；。

笔者会在另一篇博文里详细介绍使用该软件的一些技巧。

功能：由Caretta Software公司开发，功能涵盖制作原型的基本功能，上手容易。

右侧Tab Project进行文件管理，Tab Elements和Icon提供了界面上所需的基本控件。Tab Annotation可添加注释，Tab Storyboard可以添加导航相关的控件，如Navigation Overlay 和Window placeholder。
不具备外加载控件的部扩展性。
交互可以通过Make Connection连线进行关联，这个功能比较符合心智模型。
设计过程可以通过Run prototype（F9）进行交互效果预览。

文件共享交流：能导出HTML, PDF来沟通交流。

缺点：软件界面风格接近office 2003，个人不是很喜欢。交互过程通过连线关联，设计模型虽符合心智模型，但当交互过程多之后，自由的排布比较凌乱，没有具体的尺寸定位，难以条理的管理。多个页面打开后以Tab管理，tab上没有关闭按钮。试用一段时间后又重用Axure重画了一遍原型，不作推荐。

功能：美国加利福利亚的Balsamiq工作室推出的原型图绘制软件。界面直挂，功能简单，容易上手。

单区域、原型图分类区、原型图选择区和原型图绘制区。Quick Add可快速找到相应原型控件加入工作区域。
通过拖拉的形式引用软件主界面大致分为菜自带的各种原型控件。不同的原型控件支持不同的属性。属性设置基本上包括颜色（背景色）、文字大小、文字属性（加粗、斜体、下划线）、层次结构、是否可用、当前数值等方面的设置。选中控件属性编辑面板即以上下文菜单的形式出现，简明清楚。
手绘风格可以在原型阶段避开视觉部分的干扰，专注于交互本身。
只能输出静态wireframe；

文件共享交流：只能输出PNG的图片格式，无法直接演示交互效果。无法直接输出规格文档。

缺点：不直接支持中文，需勾选View→Use System Fonts菜单。不支持外部扩展模板，也不能进行贴图。