Expression Blend 利用 SketchFlow 制作原型

SketchFlow 是 Blend 3 中的新工具，我觉着 SketchFlow是非常重要好用的原型设计及分发工具，把他学习好将会对我们设计和开发起到非常好的效果，建议了解并学好它，下面是官方的简介，阅_^读一下挺好，然后咱们就实战一下^_^。

SketchFlow 介绍

Expression Blend 利用 SketchFlow 推出了一系列新功能，旨在让您能够更轻松地尝试动态用户体验以及创建引人注目的原型。

SketchFlow 有助于您向利益干系人表达设计创意，并使得用注释收集反馈更加轻松。您可以在项目中将 Microsoft Office PowerPoint 文件导入到屏幕中。您也可以导出包含所有屏幕的屏幕截图的 Microsoft Office Word 文档。"资产"面板中的新类别用于组织 SketchFlow 的样式和其他资源。

设计人员可以使用 SketchFlow 以十分直观的方式确定应用程序的导航模式和构成模式。SketchFlow 原型虽如同一系列素描般简单，但却可演变为所需的模样，真实表达您的设计意图。SketchFlow 使用 Expression Blend 的现有功能。在制作项目原型时，也可以使用如 Photoshop 导入、视觉状态、行为以及示例数据等新 Expression Blend 功能。

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

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 应用程序。只需轻微地进行少量修改，就能将原型转换为生产项目，并且不断将原型优化为最终应用程序。