隨著計(jì)算機(jī)軟件開發(fā)分工細(xì)節(jié)化，微軟對(duì)已有的產(chǎn)品線進(jìn)行了調(diào)整，在保持原有經(jīng)典開發(fā)工具Visual Studio基礎(chǔ)上，又推出了一套新的設(shè)計(jì)開發(fā)工具系列，Expression Studio。 Expression Studio設(shè)計(jì)工具系列包含四項(xiàng)主要產(chǎn)品：

• Expression Blend

Expression Blend（下稱Blend），是一款用于設(shè)計(jì)桌面和Web應(yīng)用用戶界面的可視化工具。用戶可以通過拖拉控件方式創(chuàng)建用戶交互界面；另外Blend中，包含一款軟件原型建模工具SketchFlow， 該工具允許用戶快速開發(fā)出專業(yè)的項(xiàng)目原型，創(chuàng)建設(shè)計(jì)原型后，以豐富的界面效果展示給客戶，該工具將在后文詳細(xì)講述。

• Expression Design

Expression Design（下稱Design），是一款專業(yè)的圖形圖像設(shè)計(jì)編輯工具，主要是為項(xiàng)目美工設(shè)計(jì)人員準(zhǔn)備，如果你對(duì)Photoshop，F(xiàn)ireworks或者Illustrator熟悉，可以把Design看做同類產(chǎn)品，其中使用原理大部分都是相同的，而Design的優(yōu)勢(shì)是可以和Blend完美無縫結(jié)合，創(chuàng)建圖形后，可以直接轉(zhuǎn)換成為XAML，供Blend調(diào)用，由于本系列教程是講述 Blend，這里就不再對(duì)Design過多描述，在后文用到時(shí)，我們將詳細(xì)講述。

• Expression Encoder

Expression Encoder（下稱Encoder）是一款專業(yè)的視頻編輯工具，開發(fā)人員可以使用該工具編輯視頻項(xiàng)目，并發(fā)布到Web服務(wù)器，Silverlight項(xiàng)目可以在應(yīng)用中進(jìn)行高質(zhì)量播放調(diào)用。由于本系列教程是講述 Blend，這里就不再對(duì)Encoder過多描述，在后文用到時(shí)，我們將詳細(xì)講述。

• Expression Web

Expression Web（下稱Web），是一款專業(yè)的Web頁面設(shè)計(jì)工具。如果您對(duì)Dreamweaver熟悉，可以把Web看做同類產(chǎn)品。Web允許開發(fā)人員通過即見即所得的模式，設(shè)計(jì)和開發(fā)符合Web標(biāo)準(zhǔn)的網(wǎng)站。由于本系列教程是講述 Blend，這里就不再對(duì)Web過多描述，在后文用到時(shí)，我們將詳細(xì)講述。

既然本系列文章講述Blend，我想我們應(yīng)該多了解一些Blend方面的知識(shí)。我們一直在說Blend強(qiáng)大，具體它強(qiáng)大在哪里呢？

首先作為交互性設(shè)計(jì)工具，Blend解決了傳統(tǒng)開發(fā)中開發(fā)人員和設(shè)計(jì)人員配合不容易協(xié)調(diào)的瓶頸。無論是桌面應(yīng)用還是Web應(yīng)用，越來越注重用戶體驗(yàn)性，而程序代碼設(shè)計(jì)和美工設(shè)計(jì)也逐漸被細(xì)分化，而兩者在項(xiàng)目中的配合是至關(guān)重要的，相信有不少開發(fā)人員都有過相同的經(jīng)歷和感觸，程序開發(fā)人員和美工設(shè)計(jì)人員一遍又一遍的修改框架希望能夠達(dá)到完美匹配。Blend正是針對(duì)該問題推出了一系列的解決方案，例如，在Blend中編輯Silverlight或WPF項(xiàng)目UI代碼的同時(shí)，也會(huì)直接綁定到Visual Studio中，實(shí)現(xiàn)雙向修改代碼功能； 在Blend中，可以快速導(dǎo)入PhotoShop圖形和Illustrator矢量圖，方便項(xiàng)目UI設(shè)計(jì)。

其次，Blend是一款通用的設(shè)計(jì)工具，支持設(shè)計(jì)跨平臺(tái)跨瀏覽器的Silverlight和WPF應(yīng)用項(xiàng)目，為了簡化設(shè)計(jì)人員的工作量，Blend支持一個(gè)簡單的可重復(fù)利用的元素叫做行為（Behaviors），設(shè)計(jì)人員可以直接應(yīng)用不同的行為到項(xiàng)目中，無需編寫任何代碼，例如，可以直接應(yīng)用拖拉行為到項(xiàng)目，讓項(xiàng)目支持拖拽控件。 在微軟Expression官方網(wǎng)站，有大量的行為（Behaviors）代碼下載，免費(fèi)使用。

最后是快捷方便的設(shè)計(jì)方式，以及軟件項(xiàng)目原型設(shè)計(jì)工具SketchFlow。 在Silverlight中 ,VisualStateManager的編輯是很復(fù)雜的，如果僅靠Visual Studio進(jìn)行代碼編輯，是非常浪費(fèi)時(shí)間和精力的事情，如果使用Blend進(jìn)行編輯，會(huì)大大的提高效率。 另外，使用Blend進(jìn)行控件的樣式和模板設(shè)計(jì)也是非常方便的，我們將在后文詳細(xì)描述。 值得一提的是SketchFlow，該項(xiàng)目是現(xiàn)在為數(shù)不多的優(yōu)秀建模工具之一。使用該工具，開發(fā)人員可以快速的建立項(xiàng)目原型，以Silverlight的方式展示給客戶或者項(xiàng)目團(tuán)隊(duì)成員，我們將在后文詳細(xì)描述。

通過以上的描述，我們可以清楚明白，從事Silverlight和WPF項(xiàng)目開發(fā)，Blend是必不可少的設(shè)計(jì)工具，學(xué)會(huì)了Blend會(huì)在開發(fā)過程中達(dá)到事半功倍的效果。 也正式以上的原因，才會(huì)有了本系列文章教程，本系列教程旨在為了讓更多的開發(fā)人員了解和學(xué)習(xí)Expression Blend的使用，希望能夠讓更多的開發(fā)人員加入到Silverlight和WPF開發(fā)行列。

Expression Blend中文教程 - 開篇