Expression Blend 3新工具:用SketchFlow來設計原型
最近,我們在Expression Blend 3中加入了一套新的工具,旨在用來輔助設計的早期階段。
使用SketchFlow,您可以
a) 為您的想法設計草圖
b) 把這些想法轉化為可工作的原型,其精細程度可根據您的需要,從極其粗糙到接近真實產品都可勝任
c) 在SketchFlow播放器中,展示這些交互用戶體驗,以供審查和評論
SketchFlow用來創建快速、非正式的原型,從而使設計人員能夠輕松地探索各種想法。您可以從***張粗略草圖開始運行、探討原型。當您準備進一步開發時,可以將原型通過Expression Blend或Visual Studio轉換成一個真正的應用程序。
想法素描
當您開始為一個WPF或者Silverlight項目創建新的原型時,您會看到可能已經非常熟悉的Expression Blend面板、控制工具箱和artboard。您可以使用Expression Blend 3中現有的控件或您自定義的控件。
SketchFlow還提供了一套“草圖風格”的控件,使您的原型看起來有與草圖的風格一致外觀,這有助于將注意力集中在用戶體驗的概念上,而不會過早的為視覺效果的細節分心。草圖風格的控件功能齊全,可以隨時轉換為高質量效果的控件。以下展示了草圖風格的控件的外觀。
映射流和導航
Artboard提供了單獨一屏幕的視圖,而應用程序流程面板使您可以為應用程序創建映射流,或隨后快速修改流程圖而不需要重新設計。
在下面的應用程序中,藍色實線箭頭代表用戶體驗過程中的一站,而綠色虛線箭頭代表可以在各個屏幕畫面間共享或重復使用的內容,比如一套在多個網頁頁面上共用的網站導航按鈕。
Gathering Feedback 收集反饋
SketchFlow提供了一種方法來向他人展示您的原型——SketchFlow播放器。SketchFlow播放器使您可以從***時刻起探索原型,即使它僅包含幾張粗略的草圖。該播放器可以讓您瀏覽您的原型、運行動畫來說明您的原型將如何工作、或切換到用戶界面的不同狀態,所有這些都無需任何實際用戶界面元素。這顯著降低了在早期階段許多費用尚未發生前,評估想法的成本。
但是向他人展示原型只是審查流程的一部分,因此SketchFlow播放器還提供了工具來收集評論者的反饋意見。評論者可以以不同形式提供反饋:文字的形式,如下面的截圖中在反饋標簽中的意見;或墨水形式,如下面的截圖的紅色箭頭。然后您可以使用Expression Blend中的反饋面板,將這些反饋意見整合到原型中,這使得您可以利用來自您的團隊的各種建議來迭代您的設計。
添加互動和數據
SketchFlow利用Expression Blend 3的功能,幫助您創建栩栩如生的原型:使用“行為”來添加交互而不使用代碼,用樣本數據來創建的數據驅動的用戶界面原型,以及從Adobe Photoshop和Illustrator導入內容。
【編輯推薦】