SketchFlow for Windows Phoneとは
SketchFlowは、いわゆるペーパープロトタイピングをWebブラウザ上で行い、そのフィードバックを開発にスムーズに反映できるツールです。プロトタイピングしたものが、そのままアプリへと昇華できるのは、素早い開発が求められる昨今では有効だと思われます。
また、アプリの画面構成などをWordファイルに出力できます。ファイルから［Microsoft Wordにエクスポート］をクリックすれば簡単にdocファイルを出力できます。アプリケーションを説明する際などに便利に使えます。
SketchFlowに関しては、以下の記事も参考にしてください。
- Silverlight制作をデザイナと開発者でコラボしてみた
実録：デザイナ×開発者コラボを成功するポイントとは Expression Blend×Visual Studioのコラボは本当に簡単なのか？ 面白コンテンツの制作過程をドキュメントでお届け
デザインハック ＜ リッチクライアント 2009/9/7 - プロトタイプ機能を備えた“本物”のデザイナーのツール
Expression Blend 3＋SketchFlowを使ってみた 先日発表された最新デザインツールについて、主な新機能6つと、Silverlightアプリに肉付けできるプロトタイプ機能を紹介
デザインハック ＜ リッチクライアント 2009/7/27
SketchFlowをWindows Phone用に使うには
SketchFlowを使うための環境を整えましょう。まずWindows Phone用のSketchFlow Templateをダウンロードします。
ダウンロードできたらインストールしましょう。
このSketchFlow Templateは英語版のExpression Blendのテンプレートフォルダにインストールされます。そのため、日本語の開発環境のみインストールしている場合は、テンプレートフォルダをコピーする必要があります。
- C:\Program Files (x86)\Microsoft Expression\Blend 4\ProjectTemplates\en\CSharp\WindowsPhone
- csWindowsPhonePrototype.zip
- C:\Program Files (x86)\Microsoft Expression\Blend 4\Templates\en\CSharp\WindowsPhone
- SketchFlowCompScreen.zip
- SketchFlowNavScreen.zip
この「en」が「ja」になっている以下のフォルダにコピーします。
- C:\Program Files (x86)\Microsoft Expression\Blend 4\ProjectTemplates\ja\CSharp\WindowsPhone
- C:\Program Files (x86)\Microsoft Expression\Blend 4\Templates\ja\CSharp\WindowsPhone
Expression Blendを開くと、「Windows Phone SketchFlow Application」が表示されました。
SketchFlowプロジェクトの作成
実際に、「Windows Phone SketchFlow Application」プロジェクトを作成すると、いままでとは少し違ったExpression Blendが起動します。
SketchFlowでは、その名前の通り、まるでスケッチのようなコントロールが利用されます。これは「あくまでプロトタイプの画面です」ということを表しています。
また、SketchFlowでは画面ごとのマップが表示されます。
このパネルでは、アプリケーション全体の画面遷移を視覚的に確認したり、右クリックで画面を増やしたりすることが可能です。また、各画面で使われている共通コンポーネントもこのマップで表示されます。
次ページでは、さらにSketchFlowを使いこなします。
Copyright © ITmedia, Inc. All Rights Reserved.