Expression Blend实例中文教程(1) - 开篇

 

随着计算机软件开发分工细节化，微软对已有的产品线进行了调整，在保持原有经典开发工具Visual Studio基础上，又推出了一套新的设计开发工具系列，Expression Studio。 Expression Studio设计工具系列包含四项主要产品：

 

• Expression Blend

         Expression Blend（下称Blend），是一款用于设计桌面和Web应用用户界面的可视化工具。用户能够经过拖拉控件方式建立用户交互界面；另外Blend中，包含一款软件原型建模工具SketchFlow， 该工具容许用户快速开发出专业的项目原型，建立设计原型后，以丰富的界面效果展现给客户，该工具将在后文详细讲述。

• Expression Design

         Expression Design（下称Design），是一款专业的图形图像设计编辑工具，主要是为项目美工设计人员准备，若是你对Photoshop，Fireworks或者Illustrator熟悉，能够把Design看作同类产品，其中使用原理大部分都是相同的，而Design的优点是能够和Blend完美无缝结合，建立图形后，能够直接转换成为XAML，供Blend调用，因为本系列教程是讲述 Blend，这里就再也不对Design过多描述，在后文用到时，咱们将详细讲述。

• Expression Encoder

         Expression Encoder（下称Encoder）是一款专业的视频编辑工具，开发人员可使用该工具编辑视频项目，并发布到Web服务器，Silverlight项目能够在应用中进行高质量播放调用。 因为本系列教程是讲述 Blend，这里就再也不对Encoder过多描述，在后文用到时，咱们将详细讲述。

• Expression Web 

         Expression Web（下称Web），是一款专业的Web页面设计工具。若是您对Dreamweaver熟悉，能够把Web看作同类产品。Web容许开发人员经过即见即所得的模式，设计和开发符合Web标准的网站。因为本系列教程是讲述 Blend，这里就再也不对Web过多描述，在后文用到时，咱们将详细讲述。

既然本系列文章讲述Blend，我想咱们应该多了解一些Blend方面的知识。咱们一直在说Blend强大，具体它强大在哪里呢？

 

 首先做为交互性设计工具，Blend解决了传统开发中开发人员和设计人员配合不容易协调的瓶颈。不管是桌面应用仍是Web应用，愈来愈注重用户体验性，而程序代码设计和美工设计也逐渐被细分化，而二者在项目中的配合是相当重要的，相信有很多开发人员都有过相同的经历和感触，程序开发人员和美工设计人员一遍又一遍的修改框架但愿可以达到完美匹配。Blend正是针对该问题推出了一系列的解决方案，例如，在Blend中编辑Silverlight或WPF项目UI代码的同时，也会直接绑定到Visual Studio中，实现双向修改代码功能； 在Blend中，能够快速导入PhotoShop图形和Illustrator矢量图，方便项目UI设计。 

 其次，Blend是一款通用的设计工具，支持设计跨平台跨浏览器的Silverlight和WPF应用项目，为了简化设计人员的工做量，Blend支持一个简单的可重复利用的元素叫作行为（Behaviors），设计人员能够直接应用不一样的行为到项目中，无需编写任何代码，例如，能够直接应用拖拉行为到项目，让项目支持拖拽控件。 在微软Expression官方网站，有大量的行为（Behaviors）代码下载，无偿使用。

 

 最后是快捷方便的设计方式，以及软件项目原型设计工具SketchFlow。 在Silverlight中 , VisualStateManager的编辑是很复杂的，若是仅靠Visual Studio进行代码编辑，是很是浪费时间和精力的事情，若是使用Blend进行编辑，会大大的提升效率。 另外，使用Blend进行控件的样式和模板设计也是很是方便的，咱们将在后文详细描述。 值得一提的是SketchFlow，该项目是如今为数很少的优秀建模工具之一。使用该工具，开发人员能够快速的创建项目原型，以Silverlight的方式展现给客户或者项目团队成员，咱们将在后文详细描述。

经过以上的描述，咱们能够清楚明白，从事Silverlight和WPF项目开发，Blend是必不可少的设计工具，学会了Blend会在开发过程当中达到事半功倍的效果。 也正式以上的缘由，才会有了本系列文章教程，本系列教程旨在为了让更多的开发人员了解和学习Expression Blend的使用，但愿可以让更多的开发人员加入到Silverlight和WPF开发行列。