使用 SketchFlow 設計原型

important note重要訊息:

只有 Expression Studio Ultimate 才提供 SketchFlow。

優良的產品始於優良的設計。SketchFlow 是只能在 Expression Studio Ultimate 中找到的一組功能集,專門用來支援原型設計程序,從概念設計開始,一直到製作完成的應用程式為止。

SketchFlow 讓下列工作變得更為簡便:

  • 快速試驗動態的使用者體驗。

  • 將您的設計訴求重點傳達給專案關係人。

  • 收集、評估及採用專案關係人的意見反應。

如需 SketchFlow 提供之原型設計工具的概觀,請參閱 SketchFlow 概觀

建立應用程式流程

利用 SketchFlow,設計人員可以既快速又輕鬆地建立呈現應用程式流程的互動架構。這個架構 (原型專案) 包含任意數目的「螢幕」 ** ,也就是虛擬白板,您可在這些白板上塗鴉、繪圖、寫作或插入 Expression Blend 的任何現有使用者介面 (UI) 模型功能,以建立 UI。您也可以使用螢幕建立可重複使用的元素,例如標誌、背景或 UI 範本,然後再將這些螢幕當作元素包含在其他螢幕中。

就算只有原型的初稿草圖,您還是可以隨時建置並執行原型專案,然後再瀏覽整個原型。

如需詳細資訊,請參閱建立應用程式流程

建立內容

不同於其他許多原型設計解決方案都是處理使用者介面 (UI) 元素的圖片,SketchFlow 可以讓您使用實際的 UI 控制項和動態版面配置容器來建立原型 UI。您可以建立真正的互動功能,包括導覽和狀態變更,而不用撰寫程式碼,而且還可以使用豐富的 Expression Blend 功能,例如資料繫結、範例資料和行為。您的原型可以非常逼真,以確實傳達您的構想。

如需詳細資訊,請參閱在畫板上建立內容

新增互動功能

您可以增加有助於將設計訴求重點傳達給專案關係人的互動功能,以進一步調整您的原型。您可以執行下列工作:

  • 使用動畫模擬使用者互動。

  • 使用視覺狀態呈現單一元素的多種狀態。

  • 使用行為模擬事件和動作,讓原型中的 UI 元素模擬最終應用程式的功能。

  • 繫結至範例資料,以建立及展示資料導向 UI。

如需詳細資訊,請參閱新增互動功能

收集意見反應

建立原型專案時,您可以隨時建置並執行專案,然後在 SketchFlow 播放程式中檢視。當您準備好要分享原型時,您可以封裝專案 (包括 SketchFlow 播放程式),然後將專案分享給專案關係人;專案關係人不需要安裝 Expression Blend 就可以檢閱您的專案。在 SketchFlow 播放程式中檢視專案時,專案關係人可以直接在原型中留下意見反應,然後再將意見反應檔案分享給設計人員,讓設計人員能夠在使用 Expression Blend 時更輕鬆地檢閱及採用意見反應。

如需詳細資訊,請參閱留下原型的意見反應

轉換成實際執行專案

SketchFlow 原型不是單純的繪圖,而是從第一個螢幕開始到最後一個都有完整功能的原型。您的原型是真正的 WPF 或 Silverlight 應用程式。只要修改幾個小地方,您就可以將原型轉換成實際執行的專案,並繼續調整原型,直到變成最終的應用程式。

如需詳細資訊,請參閱轉換原型

Copyright © 2011 by Microsoft Corporation. All rights reserved.