`
terryfeng
  • 浏览: 505177 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

分享到:
评论

相关推荐

    expression blend 例子制作

    5. **SketchFlow原型设计** - SketchFlow 提供了一套预设的草图样式和过渡效果,可以快速构建出低至高保真度的原型。 - 可以定义链接和状态,模拟用户在应用中的导航路径。 6. **代码集成** - 当设计完成后,...

    Que.Dynamic.Prototyping.with.SketchFlow.in.Expression.Blend.Mar.2010.rar

    《SketchFlow在Expression Blend中的动态原型设计》是2010年出版的一份技术文档,主要探讨了如何利用SketchFlow工具在Expression Blend中创建高效、动态的交互原型。SketchFlow是一种强大的设计工具,专为软件开发者...

    Expression Blend实例中文教程系列

    教程(1)开篇中,作者阐述了Expression Studio的诞生背景,强调了Blend作为设计工具在软件开发中的重要角色,特别是SketchFlow功能,它使得设计原型的制作更为便捷且具有专业水准。 接下来,教程(2)至(4)详细讲解了...

    Expression Blend中文实例教程pdf版本

    - 在开发Web应用时,可以使用Expression Web设计网页布局,再利用Blend进一步完善交互设计。 - 这种协作方式能够确保网页设计与应用界面之间的协调一致。 #### 九、总结 综上所述,**Expression Blend** 不仅是...

    Expression_Blend4实例中文教程

    7. **SketchFlow原型演示**:SketchFlow不仅用于创建原型,还可以通过模拟真实交互,向项目干系人展示应用的工作流程,从而在早期阶段获取反馈,减少后期的修改成本。 本教程的目的是引导读者深入了解并掌握...

    Expression Blend 中文教程 实操

    - SketchFlow是Blend中的一个重要组件,可以帮助快速建立项目原型,并以Silverlight的形式展示给客户或项目团队成员,从而加快反馈和迭代过程。 综上所述,**Expression Blend** 不仅是一款强大的设计工具,也是...

    Expression Blend知识锦

    除了基本功能,Blend还可以通过安装插件或扩展来增加新的功能,如支持SketchFlow预览(用于快速原型设计)或对接其他设计工具的导出格式。 8. **版本兼容性** 随着技术的发展,Expression Blend经历了多个版本的...

    【教程】Expression Blend 4设计师的教程.doc

    【教程】Expression Blend 4 设计师的教程 ...接下来的教程可能会涉及更深入的绘图技巧、导入和编辑图形、动画制作、交互设计等内容,帮助设计师充分利用 Expression Blend 4 实现创新设计和高效工作流程。

    Expression_Blend3实例中文教程

    SketchFlow 是 Blend 中的一个重要组件,是一个高效的原型设计工具。它允许设计师快速创建软件原型,以丰富的交互效果展示给客户或团队,促进了设计审查和迭代过程。SketchFlow 提供了多种预设样式和状态管理,使得...

    Expresssion Blend 3.0汉化试用版

    它集成了SketchFlow预览功能,让设计师能够快速制作和迭代原型,以便在项目早期就能展示应用程序的工作流程和交互设计。同时,软件内置了大量的模板和控件,用户可以直接使用或自定义,极大地提高了设计效率。 在...

    Blend教程

    【Blend教程】深入解析 Blend,全称Expression Blend,是微软...本系列教程将详细讲解Blend的使用方法,包括界面设计、行为应用、SketchFlow原型制作等方面,帮助读者成为 Blend 高手,提升项目的质量和用户体验。

    Blend原型界面开发流程

    这些模板文件通常存储在一个特定的路径下,例如:`C:\Program Files\Microsoft Expression\Blend 4\ProjectTemplates\zh-Hans\CSharp\WPF\SketchFlow`。导入完成后,为了确保新模板能够在Blend 4中显示出来,需要...

Global site tag (gtag.js) - Google Analytics