共用方式為


關於 Expression Blend

Microsoft Expression Blend 是功能完整的專業設計工具,可建立吸引人且精密的使用者介面供 Microsoft Windows 和 Microsoft Silverlight 應用程式使用。Expression Blend 可依據角色分隔專案檔案,讓設計人員充分發揮創造力,而讓開發人員專注於程式設計。每位小組成員皆可在不妨礙他人進度的情況下工作。

Expression Blend 如何運作?

在 Expression Blend 中,您可以透過視覺化方式設計應用程式、在畫板上繪製圖形、路徑和控制項,然後修改其外觀與行為。您可以匯入影像、視訊與聲音。您也可以在 Windows 應用程式中匯入 3D 物件,並加以變更。

您可以建立腳本而以動畫顯示設計的視覺或音訊元素,並選擇性地在使用者與應用程式互動時觸發這些腳本。當您處理 Windows 或 Silverlight 2 的應用程式時,您可以重新設計套用至基本控制項的範本,而讓應用程式的外觀與行為更為獨特。

Cc296376.alert_note(zh-tw,Expression.10).gif注意事項:

已安裝 Service Pack 1 的 Expression Blend 2 可支援 Silverlight 2。

當您處理應用程式時,可以隨時使用程式設計人員所撰寫的程式碼後置檔案或自訂控制項檔案,對您的專案進行更新。

Cc296376.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-tw,Expression.10).gif回到頁首

還有哪些工具可與 Expression Blend 搭配使用?

您可以將 Microsoft Expression Design 2 所產生的圖形和可延伸應用程式標記語言 (XAML) 資源匯入您的 Expression Blend 2 專案中。您也可以匯入 Microsoft Expression Encoder 2 中所建立的 Silverlight 媒體專案,將新功能或視覺化元素新增至專案中,或修改可在 Expression Encoder 2 中重複使用的媒體播放範本。

在 Microsoft Expression Web 2 中,您可以匯入 Silverlight 1.0 網站和編譯的 Silverlight 2 應用程式檔案至現有或新的專案中,然後發佈您的作品。

Microsoft Visual Studio 2008 可與 Expression Blend 2 緊密地搭配運作,而在您指定要偵聽的事件時自動更新程式碼後置檔案。在 Expression Blend 2 的 [專案] 面板中,可以開啟個別的程式碼後置檔案或整個專案。您也可以使用 Visual Studio 2008 的部署工具,部署您的應用程式。

Cc296376.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-tw,Expression.10).gif回到頁首

Expression Blend 會產生哪些項目?

Expression Blend 會產生 Windows Presentation Foundation (WPF) 應用程式、Silverlight 1.0 網站和 Silverlight 2 使用者控制項 (.xap 與支援檔案)。您的視覺化設計會以 XAML 呈現。正如 HTML 是 Web 應用程式的標記語言,XAML 則是 WPF 的標記語言。如需有關 XAML 與 WPF 的詳細資訊,請參閱 XAML 編輯學習和社群資源

Cc296376.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-tw,Expression.10).gif回到頁首

Expression Blend 附有哪些功能?

Expression Blend 2 包含下列項目:

  • 具有完整的向量繪圖工具,包括文字和 3D 工具

  • 易於使用且現代化的視覺介面,具有可固定的面板與根據物件顯示的快顯功能表

  • 即時動畫

  • 可提升使用者經驗的 3D 與媒體支援

  • 各式一般控制項具有進階、靈活及可重複使用的自訂及外觀元素設定選項

  • 資料來源和外部資源的強大整合功能

  • 即時的設計和標記檢視

  • 從 Expression Design 2 匯入作品的功能

  • 從 Expression Encoder 2 匯入網站的功能

  • 與 Visual Studio 2008 的互通性有助於設計人員與開發人員密切合作,並提高相互間的團隊效率

Cc296376.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-tw,Expression.10).gif回到頁首

目標應用程式類型

Expression Blend 2 適合用於建立下列類型的應用程式:

  • 產能應用程式   為更廣泛的客戶群提升產能和效率的應用程式,以及商務應用程式,如 Microsoft Office。

  • 消費者應用程式   媒體播放程式、安全性工具及桌面小工具等應用程式。

  • 遊戲   娛樂用途的簡單桌面或線上遊戲。

  • 資訊站   在資訊站上執行的應用程式,可供使用者操作以取得資訊、檢視產品目錄、在機場辦理報到手續等。

  • IT 專業公用程式   用來處理小件工作的工具,例如針對特定公司或客戶需求特別設計的錯誤追蹤工具。

Cc296376.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-tw,Expression.10).gif回到頁首

最佳作法

某些設計之所以優異,是因為這些設計可以增進可用性。以下是使用 Expression Blend 2 與 .NET Framework 3.5 改善可用性的一些常見作法:

  • 模擬真實世界   您可以使用自訂的視覺效果和互動功能,讓特定控制項在外觀和行為上如同真實世界裡的對應物一樣。這項技巧最適合在使用者熟悉真實世界物品的情況下使用,而模擬真實世界正是執行工作最佳、最有效率的作法。例如,像小算盤這類簡易公用程式如此好用,就是因為它和真實世界裡的對應物一模一樣。

  • 以畫面取代文字   您可以使用動畫和切換效果表達關係、原因及結果。這項技巧最適合用於提供需要文字來說明使用者可能會忽略的資訊。例如,給幼兒看的書籍可以利用翻頁動畫展示控制項的作用。

  • 改善功能可見性   「功能可見性 (Affordance)」是物件的屬性之一,可建議物件使用方式 (而非使用標籤加以說明)。您可以使用自訂控制項視覺效果和動畫來表示非標準控制項的使用方式。

  • 使用自然對應   自然對應是指使用者心中想要做什麼與如何做之間,顯而易見的一種關係。當標準一般控制項無法建立如此的關係時,即可使用自訂外觀和互動功能建立自然對應。

  • 降低知識程度   您可以使用自訂互動功能,對某項操作可能的執行方式數量及執行工作所需的知識加以限制。

  • 改善系統回應   您可以使用自訂控制項視覺效果和動畫呈現系統回應,指出使用者操作是否正確,或顯示執行進度。例如,在 Windows Vista 中,Internet Explorer 的 [網址列] 會顯示幕後載入網頁的進度。

  • 簡化物件互動功能   一項名為費茲定律 (Fitts' law) 人體運動模型指出,點按目標所需花費的精力與距離成正比,與大小成反比。例如,您可以利用動畫,在指標接近物件時放大物件,並在指標遠離物件時縮小物件。這樣使用者就更容易按到物件。採用此方式時可讓物件變得較小,因此能更有效率地利用螢幕空間。

  • 焦點   您可以使用豐富的版面配置和自訂視覺效果,強調畫面上對工作而言不可或缺的元素,而較不強調次要元素。

Cc296376.alert_note(zh-tw,Expression.10).gif注意事項:

在以 Windows Vista 為平台進行設計時,不論應用程式實作方式為何,請盡量遵守 Windows Vista 使用者經驗指導方針 (英文),為所有 Windows Vista 應用程式建立一套高品質且一致的基準。

Cc296376.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-tw,Expression.10).gif回到頁首