隨著計算機軟件開發分工細節化，微軟對已有的產品線進行了調整，在保持原有經典開發工具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開發行列。

Expression Blend中文教程 - 開篇