Microsoft Expression Blend

Microsoft Expression Blend作為一款功能齊全的專業設計工具,可用來針對基於 Microsoft Windows 和基於 Microsoft Silverlight 1.0 的應用程式製作精美複雜的用戶界面。Expression Blend 可讓設計人員集中精力從事創作,而讓開發人員集中精力從事編程工作。

簡介

Expression Blend 的工作原理

在 Expression Blend 中,您可以在美工板上繪製形狀、路徑和控制項,然後修改其外觀和行為,從而直觀地設計應用程式。您可以導入圖像、視頻和聲音。在基於 Windows 的應用程式中,還可以導入和更改三維對象。

您可以創建用於動態顯示設計的可視元素或音頻元素的 Storyboard,並可以選擇在用戶與應用程式進行互動時觸發這些 Storyboard。在處理基於 Windows 的應用程式時,您可以重新設計已套用於基本控制項的模板,使應用程式具有獨特的外觀和行為。

在處理應用程式時,您可以隨時使用編程人員正在處理的代碼隱藏檔案或自定義控制項檔案來更新您的項目。

與 Expression Blend 結合使用的其他工具

您可以將 Microsoft Expression Design 2 生成的圖形和可擴展應用程式標記語言 (XAML) 資源導入到 Expression Blend 2 項目中。您還可以導入在 Microsoft Expression Encoder 2 中創建的 Silverlight 1.0 媒體項目,以將新的功能或可視元素添加到項目中,或者修改可在 Expression Encoder 2 中重用的媒體播放器模板。

您可以將 Silverlight 1.0 導入到 Microsoft Expression Web 2 項目中,以添加更多 Web 內容或發布站點。

Microsoft Visual Studio 2008 可以與 Expression Blend 2 完美地結合使用,以在您指定要偵聽的事件時自動更新項目中的代碼隱藏檔案。從 Expression Blend 2 的“項目”面板中,可以打開各個代碼隱藏檔案或整個項目。還可以使用 Visual Studio 2008 的部署工具來部署您的應用程式。

Expression Blend 生成的內容

Expression Blend 將生成 Windows Presentation Foundation 應用程式,這意味著,所顯示的設計方案是由 XAML 來表示的。正如 HTML 是 Web 應用程式標記語言一樣,XAML 是 Windows Presentation Foundation (WPF) 的標記語言。有關 XAML 和 WPF 的詳細信息,請參閱 XAML 編輯和學習資源和社區資源。

Expression Blend 附帶的功能

Expression Blend 2 包括以下功能:

全套矢量繪圖工具,包括文本工具和三維 (3D) 工具;

易於使用且新穎的可視界面,帶有可停靠的面板和面向對象的上下文選單;

實時動畫;

三維和媒體支持,可增強用戶體驗;

先進、靈活且可重用的自定義和外觀選項,適用於各種常用控制項;

強大的數據源和外部資源集成點;

實時的設計和標記視圖;

從 Expression Design 2 導入作品的功能;

從 Expression Encoder 2 導入站點的功能;

可以與 Visual Studio 2008 互動使用,從而幫助設計人員和開發人員更緊密、更有效地進行團隊協作。

目標應用程式類型

Expression Blend 2 已經過最佳化,可以生成以下類型的應用程式:

生產類應用程式 有助於提高廣大客戶的生產力及效率的應用程式以及行業應用程式,如 Microsoft Office。

消費類應用程式 媒體播放器、安全工具和桌面小工具等應用程式。

遊戲 簡單的娛樂性桌面或在線上遊戲。

信息查詢終端 在信息查詢終端上運行的應用程式,用戶可與其互動以獲取信息、查看產品目錄、在機場辦理登機手續等。

IT 專業工具 專門針對特定的公司或客戶需要執行小型作業的工具(如錯誤跟蹤工具)。

最佳實踐

有些設計創意非常好,因為它們能夠提高易用性。下面是一些藉助 Expression Blend 2 和 Microsoft .NET Framework 3.5 提高易用性的常用方法:

按照現實世界建模: 可以使用自定義的可視效果和互動功能,使特定控制項的外觀和行為均與其現實世界的對應物類似。如果用戶熟悉現實世界的對象並且現實世界的方法是完成該任務的最佳、最有效方法,這種技術就是最佳選擇。例如,簡單的工具(如計算器)按照現實世界的對應物進行建模就很有效。

展示而不是解釋: 可以使用動畫和過渡來展示關係、原因和效果。此技術最適用於提供需要通過額外的文字來解釋內容以免用戶誤解的信息。例如,幼兒書籍可以動態顯示翻頁,以展示控制項的工作方式。

提高功能可見性: 功能可見性是指對象直觀表明其使用方式的特性(而不是使用標籤來解釋)。可以使用自定義控制項的可視效果和動畫功能,直觀表明如何使用非標準的控制項。

使用自然對應: 自然對應是用戶要完成的任務與完成任務的方法之間的一種清晰聯繫。在標準的常用控制項不能提供自然對應時,可以使用自定義外觀和互動功能來建立自然對應。

降低知識門檻: 可以使用自定義互動功能,限制執行某項操作的方式並降低執行某項任務所需的知識門檻。

改進反饋: 可以使用自定義控制項的可視效果和動畫功能來提供反饋,以顯示用戶的操作是否正確或者顯示操作進度。例如,Windows Vista 的 Internet Explorer 中的地址欄會在背景中顯示載入頁面的進度。

使對象更容易互動: 稱為費茨法則的人類動作模型指出,單擊目標所需的努力與目標的距離成正比,而與目標的大小成反比。例如,可以使用動畫使得指針在靠近對象時變大,而在遠離對象時變小。這樣做,就更容易單擊對象。此外,還可使對象變小,從而更有效地利用螢幕空間。

聚焦: 可以使用豐富的布局和自定義可視效果,突出顯示任務必需的螢幕元素,或者淡化次要元素。

Expression Blend 3 Plus SketchFlow:設計與構建桌面和Web程式的視覺化工具。現已有RC候選版可下載。

教程

隨著計算機軟體開發分工細節化,微軟對已有的產品線進行了調整,在保持原有經典開發工具Visual Studio基礎上,又推出了一套新的設計開發工具系列,Expression Studio。 Expression Studio設計工具系列包含四項主要產品

版本信息

Expression Blend通常是發布於微軟Expression Studio。

不過為了方便開發都微軟也提供了內置於Visual Studio安裝包中的Blend for Visual Studio。

Blend for Visual Studio 2012

Blend for Visual Studio 2012 為您提供了準確的設計圖面和工具來幫助您設計和生成美觀精緻的用戶界面,您可以通過這樣的界面直觀地創建和編輯 Microsoft Windows 應用程式。

可以使用 Blend 設計和生成:

•Windows 套用商店 app 。

•Windows Phone app 。

•Sketchflow 原型。

•Microsoft Silverlight 和 Windows Presentation Foundation (WPF) 應用程式。

相關詞條

熱門詞條

聯絡我們