Expression Blend 3新工具:用SketchFlow来设计原型

开发 开发工具
本文来自MSDN,作者somasegar是Expression Blend开发团队的开发人员之一。本文大致讲述了Expression Blend 3新特性之SketchFlow的设计原型功能。此功能可用于WPF及Silverlight。

最近,我们在Expression Blend 3中加入了一套新的工具,旨在用来辅助设计的早期阶段。

使用SketchFlow,您可以

a) 为您的想法设计草图

b) 把这些想法转化为可工作的原型,其精细程度可根据您的需要,从极其粗糙到接近真实产品都可胜任

c) 在SketchFlow播放器中,展示这些交互用户体验,以供审查和评论

SketchFlow用来创建快速、非正式的原型,从而使设计人员能够轻松地探索各种想法。您可以从***张粗略草图开始运行、探讨原型。当您准备进一步开发时,可以将原型通过Expression Blend或Visual Studio转换成一个真正的应用程序。

想法素描

当您开始为一个WPF或者Silverlight项目创建新的原型时,您会看到可能已经非常熟悉的Expression Blend面板、控制工具箱和artboard。您可以使用Expression Blend 3中现有的控件或您自定义的控件。

SketchFlow还提供了一套“草图风格”的控件,使您的原型看起来有与草图的风格一致外观,这有助于将注意力集中在用户体验的概念上,而不会过早的为视觉效果的细节分心。草图风格的控件功能齐全,可以随时转换为高质量效果的控件。以下展示了草图风格的控件的外观。

草图风格的控件的外观

映射流和导航

Artboard提供了单独一屏幕的视图,而应用程序流程面板使您可以为应用程序创建映射流,或随后快速修改流程图而不需要重新设计。

在下面的应用程序中,蓝色实线箭头代表用户体验过程中的一站,而绿色虚线箭头代表可以在各个屏幕画面间共享或重复使用的内容,比如一套在多个网页页面上共用的网站导航按钮。

映射流和导航

Gathering Feedback 收集反馈

SketchFlow提供了一种方法来向他人展示您的原型——SketchFlow播放器。SketchFlow播放器使您可以从***时刻起探索原型,即使它仅包含几张粗略的草图。该播放器可以让您浏览您的原型、运行动画来说明您的原型将如何工作、或切换到用户界面的不同状态,所有这些都无需任何实际用户界面元素。这显著降低了在早期阶段许多费用尚未发生前,评估想法的成本。

但是向他人展示原型只是审查流程的一部分,因此SketchFlow播放器还提供了工具来收集评论者的反馈意见。评论者可以以不同形式提供反馈:文字的形式,如下面的截图中在反馈标签中的意见;或墨水形式,如下面的截图的红色箭头。然后您可以使用Expression Blend中的反馈面板,将这些反馈意见整合到原型中,这使得您可以利用来自您的团队的各种建议来迭代您的设计。

SketchFlow播放器

添加互动和数据

SketchFlow利用Expression Blend 3的功能,帮助您创建栩栩如生的原型:使用“行为”来添加交互而不使用代码,用样本数据来创建的数据驱动的用户界面原型,以及从Adobe Photoshop和Illustrator导入内容。

【编辑推荐】

  1. 微软发布Silverlight 3正式版 新增50多项功能
  2. 微软Silverlight 3挑战Adobe AIR
  3. RIA大战在即 微软Silverlight胜算几何
  4. 图解Silverlight 3的7个新功能
  5. Flash与Silverlight多领域实测对比
责任编辑:yangsai 来源: MSDN
相关推荐

2009-07-14 11:03:07

Expression SketchFlowSilverlight

2009-07-30 10:09:14

Expression Make Into C

2009-07-14 13:28:56

SketchFlow原型设计工具Expression

2012-04-10 10:02:06

春Phone沙龙Windows Pho营销

2012-04-28 14:31:51

Expression

2012-04-25 09:52:05

Expression

2020-04-16 16:34:10

戴尔攻击BIOS

2009-07-23 10:11:00

Expression

2019-10-09 15:51:45

Python 开发编程语言

2011-03-01 16:08:46

2019-12-09 08:00:00

GraphQLAPI架构

2014-08-19 10:14:47

App应用原型设计工具

2009-03-12 16:18:14

Visual StudEclipseSilverlight

2015-08-06 14:54:50

JavaScript分析工具OneHeap

2017-04-20 12:56:46

原型设计工具

2009-06-08 14:54:11

产品综合布线福禄克

2011-07-19 10:43:10

Small Basic

2011-10-26 09:06:54

Windows管理工具

2013-10-31 17:29:57

Firefox新工具
点赞
收藏

51CTO技术栈公众号