Expression Blend 4设计师的教程.pdf

Expression Blend 4是一款由微软公司开发的交互式设计工具，专为用户体验设计而生，支持开发和设计各种类型的应用程序用户界面，包括桌面应用程序、网页和移动设备应用程序。它提供了一套完整的工具，让设计师和开发者可以设计和实现应用程序界面的各种视觉元素和交互效果。 Expression Blend 4的核心概念之一是Project，它是指一个包含了应用程序开发所需所有相关文件的集合体，包括代码、界面布局、交互逻辑、图像资源等。创建一个新的Project意味着在本地文件系统中建立一个新的文件夹结构，该结构会根据用户在创建Project时所设定的名称、存储路径以及开发语言而定。此外，Project的类型选择决定了应用程序的开发框架，如Silverlight、WPF（Windows Presentation Foundation）或Windows Phone平台。 Expression Blend 4的工具栏设计是为了让设计师感觉亲切，其中包含了多数与Adobe Photoshop和Adobe Illustrator相似的工具，例如选取工具、路径选取工具、移动工具、缩放工具等，以及绘图和颜色调整工具如吸管、油漆桶、渐变、钢笔和形状工具。这些工具的使用方法与PS、AI等专业设计软件类似，部分快捷键甚至可以直接迁移使用，这极大地降低了设计师学习Expression Blend 4的门槛。 在操作区域方面，Expression Blend 4采用了类似于Adobe Dreamweaver的设计和代码分离模式，提供了设计模式、代码模式和分栏模式。用户可以根据需要切换不同的工作模式以适应不同的工作流程。左侧的图层和时间轴区域提供了视觉动画和图层管理功能，使设计师能够在视觉上对动画和交互元素进行操作和管理。时间轴功能与Flash中的时间轴功能类似，适合用于设计动态效果。图层的概念相较于Photoshop来说略有不同，为设计师提供了更多控制元素层级和交互的方式。 在Project菜单下，设计师可以找到运行和部署工程的选项，这为设计师提供了一站式的解决方案，以便于实时预览他们的设计，并在必要时将其部署到目标平台。 Expression Blend 4还支持导入外部资源，比如Photoshop的PSD文件和Illustrator的AI文件，使得设计师能够在外部专业设计软件中预先完成设计，然后再导入到Expression Blend中进行进一步的交互设计和开发。这是一个非常强大的功能，因为它允许设计师利用他们熟悉的工具来完成大部分创意工作，并利用Expression Blend来添加交互性和实现细节。 绘图功能虽然不是Expression Blend 4的主要强项，但它仍提供了基本的图形绘制工具，比如矩形工具、钢笔工具等，用于快速制作简单的图形。这些图形在被创建后，可以通过“convert to path”功能转换为路径，使其变得更加灵活，便于调整形状和样式。设计师可以通过属性栏对所选对象进行命名、设置笔刷、颜色填充以及其他视觉属性。 此外，Expression Blend 4还提供了丰富的教程资源，例如文档中的【教程】ExpressionBlend4-step1和【教程】ExpressionBlend4-step2，这些资源可以帮助用户系统学习软件的各个方面，从基础操作到高级功能。 整体而言，Expression Blend 4是一个将设计与开发集于一身的强大工具，它融合了设计师的创意和开发者的实现，使得应用程序界面从设计到最终产品的过程变得更加高效和流畅。尽管它可能不如专门的设计软件那样拥有众多的绘图功能，但其强大的交互设计和原型制作能力，加上与开发工具的无缝集成，使得Expression Blend 4在用户体验设计和应用程序界面开发领域具有重要的地位。