这个工具套装被称为Microsoft Expression。他包括四种产品: Expression Blend ----创建WPF和Silverlight的用户界面,它在开发者和设计者之间架起了桥梁。它能打开VS解决方案。 Expression Design ----轻量级的Adobe Illustrator, 用于创建和编辑矢量图型 Expression Media ----编码,剪切和修饰媒体文件,并为Sliverlight流优化它们。 Expression Web ----微软的下一代HTML和JS编辑器,它是Frontpage的替代品。 它们一起组成一个强大的包。下图体现了将图形设计者用Adobe Illustrator 创建的矢量图整合到VS解决方案中WPF工程中的简单流程。 WPF项目的开发流程: 开发一个有丰富客户体验的WPF项目需要比指定需求分析和开发软件更多的技术能力。应为你必须找出哪些是用户真正需要的。这可以通过以下用户为中心的方式进行。
1. 提取需求 跟所有软件工程一样,了解和关注开发意图是很重要的。你应当和用户及相关人员沟通,以了解其真正的需求。他们应该完善所有功能,并适当的用用户方案和情景来描述。优先处理哪些有风险的,重复的和重要的工作。这些工作则是由需求工程师的角色来完成的。 2. 验证用户界面原型 创建一个用户界面原型是用户和工程师之间建立一个互动设计的共识,交流思想的重要步骤。这个主要由交互设计者实现。有用的仅仅是一张粗略的用户界面草图,以免过早的讨论实际细节。对此,这里有一些技术和工具: 纸上原形 :使用纸和笔来粗略的描画用户界面。不需要任何工具和结构。每个人都可以在纸上描述它的意愿。线框图 :线框图经常用来描述页面的布局。之所以叫线框图,是因为它描画得是空间或图像的轮廓。这个可以借助PowerPoint或Visio完成。Expression Blend 3 - Sketch Flow SketchFlow是Blend 的可直接在WPF中创建交互原形的新的很酷得功能。使用集成的“Wiggly style”让图像变成草图。该原型可以在一个独立的集成了一个反馈机制的播放器上运行。 交互原形 :最昂贵的和实际的方法是创建一个(可重复使用)互动工程为原型,但使用的是虚拟数据。 强烈建议在实际情况下测试你的用户界面原形。这样有助于找出和定位在开发进程前期暴露出来的设计问题。以下是一些比较流行的评估用户界面原型的技巧: 预演 :预演应该在项目的线框图和纸上原形之前来做。用户得到一个要处理的任务,它可以在纸上模拟控制。测试主管提供一个说明交互状态的文件。可用性实验室: 创建可用性实验室,你需要有一个屏幕捕捉软件和摄像头的电脑。先证者给他一个任务,需求和交互工程师在观察它的运行情况。甚至不需要说明那里或者为什么出问题了。 3. 实现业务逻辑和原始的用户界面 4. 整合图形设计 5. 软件测试 角色: 创造丰富的用户体验现代用户界面,则要求您的开发团队具备更多的技能。这些技能应该分布在你的开发团队中各个角色中。 软件开发者:软件开发者地指责在于实现应用程序的各个功能,他来创建数据模型,实现业务逻辑并将其显示在简单的视图上。 图形设计者:主要职责在于创建一个图像化概念,创造软件的图像资源,比如: 图示(Icon),标志(logo),三维模型或配色方案。如果他对微软的expression工具相当熟悉,那么可以直接创造风格和控制模板。 交互设计者:主要负责界面的内容和切换。他通过线框或草图来与客户或团队交流思想。他应该通过演练和情境来验证它的模型。 集成编译者:集成者穿梭于开发者和设计者之间的艺术家。他主要把设计者图像资源集成到开发者的简单界面上。 这个角色需要一些稀有的技能以至于往往很难找到合适它的人选。 更多信息 The New Iteration - Microsoft Paper about the Designer/Developer collaboration