关于 Expression Blend

Microsoft Expression Blend 是一款用于设计桌面应用程序和 Web 应用程序以及制作这些应用程序的原型的可视化工具。通过绘制形状、绘制诸如按钮和列表框之类的控件、使应用程序部件对鼠标单击和其他用户输入做出响应,以及将所有内容的样式设置为自己独一无二的风格,可以生成应用程序。

important note重要须知:

SketchFlow 仅在 Expression Studio Ultimate 中可用。

BeeHive 示例(显示对象绘制过程,该对象将在与另一个对象发生冲突时做出响应)

Cc296376.6232ba4d-5aa0-4185-b1cf-fe9fbfe3ed8e(zh-cn,Expression.40).png

您还可以插入来自 SDK 库或第三方的图像、音频和视频剪辑以及自定义控件。您在 Expression Blend 中的设计图面上看到的内容也是您的用户在运行您的应用程序时将看到的内容。

Zune3D 示例(显示在三维投影转换中旋转的图像和对象)

Cc296376.37f9786c-c8bc-43c3-8789-2e5654c6ae90(zh-cn,Expression.40).png

利用只有 Expression Studio Ultimate 中提供的功能集 SketchFlow,您可以创建作为工作应用程序的原型,而不必创建一系列静态图像,然后单击所有这些图像来了解最终的应用程序。

PCGaming 开发示例(显示某个文档的开发进程)

Cc296376.7dc469b2-4ab8-4d56-96a6-f30c33370916(zh-cn,Expression.40).png

利用在下载 Windows Phone Developer Tools Cc296376.xtlink_newWindow(zh-cn,Expression.40).png(Windows Phone 开发人员工具)时可用的 Expression Blend for Windows Phone,您可以快速轻松地生成 Silverlight for Windows Phone 应用程序。您可以使用 Expression Blend 中的设计工具创建 Windows Phone 应用程序,包括 Windows Phone 模板、图形和动画工具、内置行为以及示例数据。创建 Windows Phone 应用程序之后,您可以生成它,然后在内置的 Windows Phone 仿真器或与计算机连接的 Windows Phone 设备中预览它。

Expression Blend for Windows Phone

在 Expression Blend 中,您处理的虽然是工作应用程序的实际部件,但是仍然可以如同在其他图解软件中一样轻松绘制所有内容并设置其样式。如果希望绘制表示交互控件的某些内容,则可以实际选择并绘制一个功能控件(如按钮或列表框),然后设置其样式。

ColorSwatchSL 示例,显示两个自定义样式(先显示 ItemContainerStyle,然后显示 ItemsPanel),这两个自定义样式将应用于 ListBox 控件以显示按圆形展开的项

Cc296376.16d8c960-f49f-46fd-9993-a0d06b4e268a(zh-cn,Expression.40).png

应用程序功能由以下两项功能强大的技术在幕后提供:Microsoft Silverlight 和 Windows Presentation Foundation (WPF)。使用 Expression Blend,您可以创建基于 Silverlight 的网站和应用程序以及基于 WPF 的桌面应用程序。

tip note提示:

Expression Blend 附带的示例可以从“帮助”菜单中打开,方法是单击“欢迎屏幕”,再单击“示例”选项卡,然后单击列表中的示例名称。若要生成并运行示例,请按 F5。

Expression Blend 的工作原理

在 Expression Blend 中,您可以在美工板上绘制形状、路径和控件,然后修改其外观和行为,从而直观地设计应用程序。您可以导入图像、视频和声音。在基于 Windows 的应用程序中,还可以导入和更改三维对象。

您可以创建用于动态显示设计的可视元素或音频元素的情节提要,并可以选择在用户与应用程序进行交互时触发这些情节提要。在处理基于 Windows 或 Silverlight 的应用程序时,您可以重新设计已应用于基本控件的模板,使应用程序具有独特的外观和行为。

在处理应用程序时,您可以随时使用编程人员正在处理的代码隐藏文件或自定义控件文件来更新您的项目。在您使用 Expression Blend 时,设计人员和编程人员可以同时处理同一项目,但不会妨碍对方。

与 Expression Blend 结合使用的其他应用程序

您可以将 Microsoft Expression Design 生成的图形和可扩展应用程序标记语言 (XAML) 资源导入到 Expression Blend 项目中。您还可以导入在 Microsoft Expression Encoder 中创建的 Silverlight 媒体项目,从而将新的功能或可视元素添加到项目中,或者修改可在 Expression Encoder 中重用的媒体播放器模板。

在 Microsoft Expression Web 中,您可以将 Silverlight 网站和编译的 Silverlight 应用程序文件导入现有项目或新项目中,然后再发布作品。

当您在 Visual Studio 2010 和 Expression Blend 中同时修改文件时,Microsoft Visual Studio 2010 可与 Expression Blend 完美地结合使用以保持同步。在 Expression Blend 中,可以打开 Visual Studio 2010 中的各个代码隐藏文件或整个项目。还可以使用 Visual Studio 2010 的部署工具来部署您的应用程序。

Expression Blend 生成的内容

Expression Blend 生成 Windows Presentation Foundation (WPF) 应用程序、Silverlight 网站(.xap 和支持文件)以及 Silverlight 用户控件。所显示的设计方案是由 XAML 来表示的。正如 HTML 是 Web 应用程序的标记语言一样,XAML 是 WPF 的标记语言。

有关 XAML 和 WPF 的详细信息,请参阅 使用 XAML学习和社区资源

Expression Blend 附带的功能

Expression Blend 包括以下功能:

  • Expression Studio Ultimate 中附带了 SketchFlow,这是一个功能集,用于创建作为真实的 WPF 或 Silverlight 应用程序的原型。

  • 在您下载 Windows Phone Developer Tools Cc296376.xtlink_newWindow(zh-cn,Expression.40).png(Windows Phone 开发人员工具)时可用的 Expression Blend for Windows Phone。

  • 全套矢量绘图工具,其中包括文本工具和三维 (3D) 工具。

  • 易于使用且新颖的可视界面,带有可停靠的面板和面向对象的快捷文菜单。

  • 实时动画。

  • 三维和媒体支持,可增强用户体验。

  • 效果和切换支持,可增强用户体验。

  • ViewsViewModels 的项目模板。

  • 先进、灵活且可重用的自定义和外观选项,适用于各种常用控件。

  • 强大的数据源和外部资源集成点。

  • 实时的设计和标记视图。

  • 从 Expression Design 导入作品的功能。

  • 从 Expression Encoder 导入站点的功能。

  • 可以与 Visual Studio 2010 交互使用,从而帮助设计人员和开发人员更紧密、更有效地进行团队协作。

有关在 Expression Blend 中所提供功能的详细信息,请参阅Expression Blend 中的新增功能

目标应用程序类型

Expression Blend 已经过优化,可以生成以下类型的应用程序:

  • 生产类应用程序    有助于提高广大客户的生产力及效率的应用程序以及行业应用程序,如 Microsoft Office。

  • Windows Phone 应用程序 旨在 Windows Phone 上运行的应用程序。

  • 消费类应用程序    媒体播放器、安全工具和桌面小工具等应用程序。

  • 游戏    简单的娱乐性桌面或联机游戏。

  • 信息查询终端    在信息查询终端上运行的应用程序,用户可与其交互以获取信息、查看产品目录、在机场办理登机手续等。

  • IT 专业工具 专门针对特定的公司或客户需要执行小型作业的工具(如 Bug 跟踪工具)。

最佳实践

有些设计创意之所以好,恰恰是因为它们能够提高易用性。下面是一些借助 Expression Blend 和 Microsoft .NET Framework 提高易用性的常用方法:

  • 按照现实世界建模:    可以使用自定义的可视效果和交互功能,使特定控件的外观和行为均与其现实世界的对应物类似。如果用户熟悉现实世界的对象并且现实世界的方法是完成该任务的最佳、最有效方法,这种技术就是最佳选择。例如,简单的工具(如计算器)按照现实世界的对应物进行建模就很有效。

  • 展示而不是解释:    可以使用动画和切换来展示关系、原因和效果。此技术最适用于提供需要通过额外的文字来解释内容以免用户误解的信息。例如,幼儿书籍可以动态显示翻页,以展示控件的工作方式。

  • 提高功能可见性:     功能可见性 是指对象直观表明其使用方式的特性(而不是使用标签来解释)。可以使用自定义控件的可视效果和动画功能,直观表明如何使用非标准的控件。

  • 使用自然对应:    自然对应是用户要完成的任务与完成任务的方法之间的一种清晰联系。在标准的常用控件不能提供自然对应时,可以使用自定义外观和交互功能来建立自然对应。

  • 降低知识门槛 可以使用自定义交互功能,限制执行某项操作的方式并降低执行某项任务所需的知识门槛。

  • 改进反馈 可以使用自定义控件的可视效果和动画功能来提供反馈,以显示用户的操作是否正确或者显示操作进度。例如,Windows Vista 和 Windows 7 的 Internet Explorer 中的地址栏会在背景中显示加载页面的进度。

  • 使对象更容易交互 称为费茨法则的人类动作模型指出,单击目标所需的努力与目标的距离成正比,而与目标的大小成反比。例如,可以使用动画使得指针在靠近对象时变大,而在远离对象时变小。这样做,就更容易单击对象。此外,通常还可使对象变小,从而更有效地利用屏幕空间。

  • 突出重点:    您可以使用丰富的布局和自定义可视效果,突出显示任务所需的屏幕元素以及淡化次要元素。

Note注意:

如果针对 Windows 进行设计,可考虑遵循 Windows User Experience Interaction Guidelines Cc296376.xtlink_newWindow(zh-cn,Expression.40).png(Windows 用户体验交互准则),针对所有基于 Windows 的应用程序设立统一的优质基准,而不考虑其实现方式。

另请参阅

概念

Expression Blend 中的新增功能
学习和社区资源

Microsoft Corporation 版权所有 ⓒ 2011。保留所有权利。