網頁與程式介面設計工具─Microsoft Expression Blend 3

新版Expression Blend的主要特色，在於可以用來開發基於Silverlight 3的網站及應用程式，以及基於Windows Presentation Foundation（WPF）的應用程式。在這套軟體設計專案時，我們可以使用XAML、C＃、VB的程式碼來編輯，並且共用Visual Studio專案、程式碼、資產和設計，讓設計人員與開發人員間合作更順利。而這一版本不僅在功能選單上做了許多強化，並加入SketchFlow設計概念，在初期設計階段便可以呈現流程與效果。

增強設計工具，視窗面板更豐富
在使用介面上，基本使用方式大同小異，但這一版本的功能內容較Expression 2充實了許多，特別是上方工具選單中，增強了專案、檢視與工具選單，而視窗面板上的項目也明顯豐富許多，讓設計時更有條理。此外，新版除了原本的互動、專案、結果、屬性面板，還多了SketchFlow、狀態、組件、資料、資產、資源等分類，尤其在資產庫多了相當多的控制項可使用，並具有詳細分類，操作時可以更快搜尋到目標。


▲在面板視窗上，Expression Blend 3具有更豐富的面板資源，在分類上多了SketchFlow、狀態、組件、資料、資產、資源，介面配置也較彈性。

較上一版本而言，這些視窗面板的配置彈性也明顯較大，已和目前多數的設計軟體相當，你可以直接用滑鼠拖曳Expression Blend 3的面板，也可以很自由地縮放面板大小；很特別的是，若是將面板固定，則會自動隱藏至左右側成為選單形式，如此一來，可以獲得較寬敞的工作區，而不像上一版本僅提供有限的浮動與固定住面板。

注重設計草圖，以便加強設計人員之間的溝通方式
這一版本很值得注意的功能就是SketchFlow，顧名思義就是流程的草圖速寫，可以繪製出整個Silverlight 應用程式的頁面流程，讓構思於設計階段就能夠表達出。繪製的方式也很簡單，SketchFlow地圖用拖拉的方式即可串連出類似流程圖的架構，接著在資產面板中的樣式選擇SketchStyles，可以很容易地在工作區中繪製具有草圖風格的雛形，並能夠以SketchFlow動畫的方式來呈現效果。


▲SketchFlow是快速的原型設計功能。從SketchFlow地圖上只需要拖曳的方式，即可開始繪製專案雛形。

當設計完成後，我們按下F5便可以在瀏覽器上預覽設計草圖，還可以在頁面上加註與附記，建立有效的說明文件，以便與其他設計人員有更好的互動。此外，我們還可以將設計草稿轉成Word 格式的草圖設計文件，測試時我們可以順利將SketchFlow轉成Word 2007文件，但測試時發現，在安裝Word 2003的電腦上，無法執行此功能。


▲使用SketchFlow瀏覽器，可以讓溝通設計理念更容易，例如直接在草圖上迅速地標示意見反應。

行為功能可直接套用至物件上
行為模式也是新版本中很重要的功能，在設計時我們只需將設定完成的行為，直接套用至物件即可，有點類似外掛元件庫的方式，很容易將應用程式變得更有互動性。例如在行為控制項中點選Mouse drag element，將此行為直接套用至畫板上的任意物件，發布後，該物件便可以使用滑鼠任意拖曳。

◀在資產庫視窗面板中，「行為」可將應用程式中的物件加入互動功能，而不需撰寫程式碼，是可擴充且可重複使用的元件。

這些行為模組，也可以使用.NET來編寫。除了內建的行為控制項之外，我們還可以從說明選單，連結至線上社群圖庫中的Behaviors類型，即可自行下載各式行為外掛資源。在這個線上論壇中，除了可以下載各種類型的資源，也可以發布自行製作的外掛模組。

支援更多的常用圖檔格式，增加操作靈活度
在圖像編輯方面，Expression Blend 3最大特色就是支援更多種美術人員常用的檔案格式。在檔案選單內，增加匯入Adobe Photoshop（.PSD）與Illustrator（.AI）檔案格式功能。我們試著匯入這類檔案時，首先會顯示檔案中的圖層資訊，可以篩選後再確認要匯入的圖層圖案；匯入後也將保留這些資訊內容，例如圖層以Image表示、向量層以向量表示、文字層以文字表示，不過像是Photoshop的特效，例如外光暈、浮角與斜雕，則無法完整匯入。

▶匯入PSD檔時，可以勾選欲匯入的圖層內容，移至縮圖時可以放大檢視各個圖層內容，但要注意的是，某些特效樣式無法匯入。

在操作設計時，Expression 3還提供許多容易使用的工具，在點選元件後，滑鼠右鍵選單中多了Make Into Control選項，我們可以將任意繪製的形狀，直接轉變為各種控制項元素，使用上相當方便。

此外，Expression Blend 3在設計階段提供了範例資料，使建立資料連線的應用程式更方便，而資料項目拖曳至物件與時間軸面板，可直接建立資料繫結。並支援微軟Team Foundation Server，讓專案進度與小組合作更順暢。

整體操作上，Expression Blend 3已比之前版本靈活，例如工作區可支援以滑鼠滾輪來控制縮放，或是能夠將外部複製於剪貼簿的圖像，直接貼入工作區當中，且程式碼區域也具有提示功能。其他實用功能還包括，在處理文字控制項時，可以利用新增的字型管理員來設定；控制物件位置、大小、尺寸及排列方式時，可使用版面配置面板迅速調整。文⊙羅正漢