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