选择原型设计工具

日期:2008-11-30 | 作者: Allen

在程序、网页被实现之前,一定需要把界面给“画”出来,成为原型设计,就像动画片要画分镜头、手稿一样。原型设计能起到有效沟通的作用,漂亮,直观的原型图更是让人赏心悦目。

1. Microsoft Visio

我最常用的原型设计工具,几乎是Windows平台下惟一的“最佳”选择。有很多的模板可以选择,可以制作包括流程图、平面布置图、工程绘图、日程图、软件界面、UML、灵感脑图……

Visio的优点很明显,上手很快,能比较快的画出不同种类的图,但缺点也非常明显,由于要支持不同的“模板”,Visio的外观功能不够强大,而且Visio2007和Visio2003相比,并没有很大的改变,实在对Visio有些失望,不过在Windows下还有其他的选择吗?

2. Microsoft PowerPoint 2007

Office2007最值得称道的是对颜色和形状的快速样式,PowerPoint同样是,这个特点能够帮助用户很快的制作一套UI规范;同时,在展示原型设计是PowerPoint的老本行。

但是毕竟PowerPoint不是专门的原型设计工具,所以一些配套的功能不够,比如界面的文档管理,界面的上下文标识等等。另外有人提供了一套PowerPoint的原型模板,还是不错的。

3. Axure

可以说Axure是Windows上最出色的原型设计软件,原因是:够快,够简单,比Visio更加快,既然是原型设计,当然是低保真的。Axure提供的几个形状能满足基本的需求,但是形状的定制功能太弱,比如大尺寸的圆角框,Axure就不能很好的处理,需要用4个形状拼接起来。

Axure除了提供低保真的形状外,还提供了注释,界面上下文的实现,等等。其中界面上下文非常有用,如果要演示一些界面效果的话,Axure提供的界面上下文是非常直观的。

另外Axure能够导出HTML和DOC的文件,能很方便的将其文档化。

当然低保真的界面效果总有一天会成为高保真的界面效果图,这个时候,你同样能够利用Axure来满足:即拥有高保真界面,又拥有界面上下文的功能

Axure的模板功能很有特点,Axure拥有两种模板的类型,一个是传统意义上的模板,随着模板的改变,应用这个模板的页面,也会得到改变;二是小部件(Widget)类型,当应用这种类型的模板的时候,这个模板中的所有控件,都成为应用该模板的页面的独立控件,改变这种类型的模板后,其相关字页面是不会发生变化的。简单的说,就是Widget类型是一个控件包,你可以在新的页面中把这个包解开,把里面的东西仍在新的页面中,此后,这些东西就和Widget没有关系了。

4. OmniGraffle

能画出很漂亮的流程图、原型设计,可以说是最好的原型设计软件了,但只限在Mac OS上,不能说是一种遗憾,在Windows上的用户没有办法享受到这款软件。自己也没有用过,对于它的介绍也是从它的官方网站心弦的博客中获得的。

最后

温伯格曾经在他的一本书中讲到(具体哪一本实在想不起来):“我工作只用笔和纸,力图对复杂现象做出简单的解释。”有时候离开电脑屏幕,你会发现你的思考力会上升。

也许你还会喜欢

5 Responses to “选择原型设计工具”

  1. 1 Visio流程图模板 | 天机不可泄漏 十二月 6th, 2008 at 2:34 上午

    [...] 继上篇介绍了几款原型软件,这次就来用Visio开始画一些流程图吧,因为之前读到了《画流程图的一点心得》觉得OmniGraffle中的流程图的元素挺好看的,就动手在Visio中自己做了一套,用了Office 2007几套颜色板,很快就成型了。 [...]

  2. 2 Raymond 一月 6th, 2009 at 7:09 下午

    我用的是AI。
    而且是我目前为止,发现速度最快的单页面原型实现工具。
    因为AI强大的矢量图和快捷键功能,可以让你自由拖拽、缩小、对齐 每个元素。

    回复

  3. 3 axure.org 二月 26th, 2009 at 11:05 上午

    我的论坛里有不少关于Axure的内容。 访问 Axure.org

    回复

  4. [...] 另外,也看到Allen前天写的原型设计工具里关于Axure的一些介绍,其中提到了两个很详细的介绍Axure RP Pro使用方法和技巧的两个网站:iAxure和悠识UserXper 都是中文的,膜拜啊 Orz~~ 标签: Facebook, SNS, 交互设计文档, 分享, 实例, 文档, 界面设计, 经验 [...]

  5. 5 Y.Jiajia 九月 28th, 2009 at 5:44 下午

    我用的就是最后一件,感觉还是大家讨论的结果画出来更容易让人理解与触发灵感。

    回复

Leave a Reply

Additional comments powered by BackType