天天看點

Expression Blend 利用 SketchFlow 制作原型

SketchFlow 是 Blend 3 中的新工具,我覺着 SketchFlow是非常重要好用的原型設計及分發工具,把他學習好将會對我們設計和開發起到非常好的效果,建議了解并學好它,下面是官方的簡介,閱_^讀一下挺好,然後咱們就實戰一下^_^。
SketchFlow 介紹

Expression Blend 利用 SketchFlow 推出了一系列新功能,旨在讓您能夠更輕松地嘗試動态使用者體驗以及建立引人注目的原型。

SketchFlow 有助于您向利益幹系人表達設計創意,并使得用注釋收集回報更加輕松。您可以在項目中将 Microsoft Office PowerPoint 檔案導入到螢幕中。您也可以導出包含所有螢幕的螢幕截圖的 Microsoft Office Word 文檔。"資産"面闆中的新類别用于組織 SketchFlow 的樣式和其他資源。

設計人員可以使用 SketchFlow 以十分直覺的方式确定應用程式的導航模式和構成模式。SketchFlow 原型雖如同一系列素描般簡單,但卻可演變為所需的模樣,真實表達您的設計意圖。SketchFlow 使用 Expression Blend 的現有功能。在制作項目原型時,也可以使用如 Photoshop 導入、視覺狀态、行為以及示例資料等新 Expression Blend 功能。

卓越的産品始于卓越的設計。SketchFlow 是 Microsoft Expression Blend 中新的功能集,它設計為支援原型制作過程,此過程從概念設計開始,一直到将完成的應用程式制作出來為止。

SketchFlow 可讓您更輕松地執行以下工作:

  • 快速試驗動态的使用者體驗。
  • 将您的設計意圖傳遞給相關各方。
  • 收集、評估和實施相關各方的回報。

Expression Blend 利用 SketchFlow 制作原型
建立應用程式流

利用 SketchFlow,設計者可以快速輕松地建立表示應用程式流的互動式圖形。此圖形(原型項目)由任意數量的螢幕組成,這些螢幕是虛拟的白闆,您可以在其上随意塗抹、繪圖、寫字或插入 Expression Blend 現有的任何使用者界面 (UI) 模組化功能以生成 UI。您還可以使用螢幕來建立可重複使用的元素,例如徽标、背景或 UI 模闆,然後将這些螢幕作為元素包括在其他螢幕中。

您随時都可以生成原型項目,運作它,然後在原型中進行浏覽(即使您隻有原型的初始草圖)。

Expression Blend 利用 SketchFlow 制作原型
建立内容

許多其他原型制作解決方案使用使用者界面 (UI) 元素的圖檔,而 SketchFlow 與它們不同,它可讓您使用實際的 UI 控件和動态布局容器來建立原型 UI。您無需編寫代碼即可建立實際的互動性(包括導航和狀态更改),并且可以使用豐富的 Expression Blend 功能(例如資料綁定、示例資料和行為)。原型可以如實反映出您的想法,進而傳遞您的構思。

Expression Blend 利用 SketchFlow 制作原型
添加互動性

可以通過添加互動性(幫助您将設計意圖傳遞給相關各方)進一步優化原型。您可以執行下列操作:

  • 使用動畫模拟使用者互動。
  • 使用可視狀态表示單個元素的多種狀态。
  • 使用行為模拟事件和操作,以便原型中的 UI 元素模仿最終應用程式的功能。
  • 綁定到示例資料以建立和示範資料驅動的 UI。

Expression Blend 利用 SketchFlow 制作原型
收集回報

在您建立原型項目時,可以随時生成并運作項目,然後在 SketchFlow 播放器中檢視項目。在您準備共享原型時,可以将項目打包(包括 SketchFlow 播放器),然後将項目與相關各方共享,他們無需安裝 Expression Blend 就能審閱您的項目。當在 SketchFlow 播放器中檢視項目時,相關各方可以直接在原型中留下回報,然後與設計者共享回報檔案,這可讓設計者更輕松地一邊在 Expression Blend 中工作一邊審閱和實施回報。

Expression Blend 利用 SketchFlow 制作原型
轉換為生産項目

SketchFlow 原型并不隻是繪圖,而是從第一個螢幕起就全面起作用的原型。原型是實際的 WPF 或 Silverlight 應用程式。隻需輕微地進行少量修改,就能将原型轉換為生産項目,并且不斷将原型優化為最終應用程式。

繼續閱讀