非原型 不设计（3）

三、动手做原型设计

以下推荐并简单分析几个原型设计的途径。

前面说的纸面原型，最基础的就是需要纸和笔，我们可以简单快捷的描绘出一个窗口面板，从中点击弹出一个对话框，进行设置并保存，在旁边补充出对应的出错和分之流程。另外，为了解决不易保存的缺陷，除了自己亲自动笔，再推荐几款软件作为纸原型的输出。

1.　Balsamiq Mockups 演示地址

这是一款帮助你最快速、直观的绘制用户界面原型的软件。其中包括了75个现成的控件，并且可以轻松的以颇具亲和力的手绘风格完成界面框架的设计。上手非常容易，可以进行反复编辑并支持调整图层和控件状态，是不可多得的纸面原型绘制软件。不过真的只能取代纸面原型，不易表现交互过程和效果，对中文的支持也比较差。

2. Microsoft Expression Blend + SketchFlow

Microsoft Expression Blend 包含一组新功能，它们专门设计为让用户更轻松快速地创建、传达和审阅交互式应用程序及交互式内容的原型。这组功能称为 SketchFlow。它是实际的 Windows Presentation Foundation (WPF) 或 Microsoft Silverlight 应用程序。您可以生成原型项目，运行它，然后在原型中进行浏览（即使您只有原型的初始草图）。

SketchFlow和Balsamiq Mockups相比，不仅可以绘制出具有亲和力的手绘原型，更可以实现交互所需的响应和效果，使得低保真原型赋予了高保真的内涵，算是给人意外的惊喜。不过由于短期内MS Silverlight技术的普及率较低，可能大家上手成本较高，可以作为长期关注和研究的方法。

同时，为了便于在低保真模型上梳理产品逻辑和流程，Visio和Mind Manger也是不错的选择。对于原型设计（主要适用于低保真原型），大家都很熟悉的Axure，最新官方版本5.6，访问官网>>

能够很快实现页面的跳转和变化，完成流程性的演示。并推荐大家与产品经理一起来使用。然而，身为设计师，怎能满足于只输出低保真原型作为讨论素材呢？

当大家深谙如何基于纸面原型的讨论，又可以放心大胆的将手中的枪交给热心的产品经理去进行低保真原型的设计，在这种如此理想的情况下，我们不得不花费心思在如何实现我们的“大绝”—高保真原型上。谈到高保真原型，其实还是非常需要实力和锻炼的。此时，不得不祭出设计师的最爱，Adobe 公司的Flash Platform：Flash CS4，Flex/Flash Builder，Flash Player和Adobe AIR。

关于Flash的学习，结合Action Script 3.0、XML和Adobe的AIR技术，可以很完整、逼真的实现我们想要的任何界面效果，学习过程不再赘述。从Adobe的产品线发展不难看出，最终原型制作的最高境界就是可以和实际产品相结合，让设计师的输出和开发人员能够直接结合，使原型得以100％保真。对于客户端的原型，大可通过VC去动手写写程序代码，或者在Win7下用Blend接口，便能大大降低“这个效果做不了”的尴尬。

3.UIDesigner

说到高保真原型，不能不提的是CDC出品的原型制作秘密武器UIDesigner，这本是CDC专用武器，现在已经分享给大家了。UIDesigner能让你轻松实现丰富的各种交互效果，基本可以控制到Windows标准空间所包含的所有属性，但这一切不需要你有任何编程能力基础。感兴趣的朋友可以到 http://cdc.tencent.com/?p=424 了解一下。

而对于网页产品，只要设计师能主动提高动手能力，通过使用HTML甚至Ajax、jquery等也能很快实现网页产品的高保真模型，也需要随着互联网技术的发展不断学习，与时俱进。

总而言之，平时多动手，战时少流汗（客户不满意、老板不满意，换谁都要浑身冒冷汗……）。在设计过程中，还可以通过设计公用组件不断提高效率，不断发掘新的、好的原型设计方法。将整个设计过程与原型设计相结合，总结起来有以下几点好处：

● 最真实进行设计传达，并影响整个团队（开发、产品经理、用户）
　　● 树立设计师的专业影响力（用实力说话，用产品说服别人）
　　● 技不压身，扩宽专业知识领域有助于向更高层次的发展:-)

与大家共勉，希望对各位平时的工作有所帮助，Thx。