利用 SketchFlow 制作原型

卓越的产品始于卓越的设计。SketchFlow 是 Microsoft Expression Blend 中新的功能集,它设计为支持原型制作过程,此过程从概念设计开始,一直到将完成的应用程序制作出来为止。

SketchFlow 可让您更轻松地执行以下工作:

  • 快速试验动态的用户体验。

  • 将您的设计意图传递给相关各方。

  • 收集、评估和实施相关各方的反馈。

有关 SketchFlow 中提供的原型制作工具的概述,请参阅 SketchFlow 概述

创建应用程序流

利用 SketchFlow,设计者可以快速轻松地创建表示应用程序流的交互式图形。此图形(原型项目)由任意数量的屏幕组成,这些屏幕是虚拟的白板,您可以在其上随意涂抹、绘图、写字或插入 Expression Blend 现有的任何用户界面 (UI) 建模功能以生成 UI。您还可以使用屏幕来创建可重复使用的元素,例如徽标、背景或 UI 模板,然后将这些屏幕作为元素包括在其他屏幕中。

您随时都可以生成原型项目,运行它,然后在原型中进行浏览(即使您只有原型的初始草图)。

有关详细信息,请参阅创建应用程序流

创建内容

许多其他原型制作解决方案使用用户界面 (UI) 元素的图片,而 SketchFlow 与它们不同,它可让您使用实际的 UI 控件和动态布局容器来创建原型 UI。您无需编写代码即可创建实际的交互性(包括导航和状态更改),并且可以使用丰富的 Expression Blend 功能(例如数据绑定、示例数据和行为)。原型可以如实反映出您的想法,从而传递您的构思。

有关详细信息,请参阅在美工板上创建内容

添加交互性

可以通过添加交互性(帮助您将设计意图传递给相关各方)进一步优化原型。您可以执行下列操作:

  • 使用动画模拟用户交互。

  • 使用可视状态表示单个元素的多种状态。

  • 使用行为模拟事件和操作,以便原型中的 UI 元素模仿最终应用程序的功能。

  • 绑定到示例数据以创建和演示数据驱动的 UI。

有关详细信息,请参阅添加交互性

收集反馈

在您创建原型项目时,可以随时生成并运行项目,然后在 SketchFlow 播放器中查看项目。在您准备共享原型时,可以将项目打包(包括 SketchFlow 播放器),然后将项目与相关各方共享,他们无需安装 Expression Blend 就能审阅您的项目。当在 SketchFlow 播放器中查看项目时,相关各方可以直接在原型中留下反馈,然后与设计者共享反馈文件,这可让设计者更轻松地一边在 Expression Blend 中工作一边审阅和实施反馈。

有关详细信息,请参阅留下关于原型的反馈

转换为生产项目

SketchFlow 原型并不只是绘图,而是从第一个屏幕起就全面起作用的原型。原型是实际的 WPF 或 Silverlight 应用程序。只需轻微地进行少量修改,就能将原型转换为生产项目,并且不断将原型优化为最终应用程序。

有关详细信息,请参阅转换原型