Microsoft Expression Blend の SketchFlow プロジェクトは、他の Expression Blend プロジェクトと同様に機能します。ただし、SketchFlow には、機能するプロトタイプを迅速かつ容易に作成できるように、プロトタイプ作成用に特別に作成されたツールが含まれています。
SketchFlow の詳細については、「SketchFlow 概要」を参照してください。
Expression Blend でのプロジェクトの使用の詳細については、ソリューション、プロジェクトおよびファイルの作業 を参照してください。
新しいプロトタイプ プロジェクトを作成するには
[ファイル] メニューの [新しいプロジェクト] をクリックします。
[新しいプロジェクト] ダイアログ ボックスの [プロジェクトの種類] で、[Siliverlight] または [WPF] をクリックします。
右のウィンドウで、[Silverlight 3 SketchFlow アプリケーション] または [WPF SketchFlow アプリケーション] をクリックします。
[名前] ボックスに、プロトタイプ プロジェクトの名前を入力します。
[場所] ボックスで、プロジェクトを格納するフォルダーを参照します。
[言語] ドロップダウン リストで、[C#] または [Visual Basic] を選択します。
[OK] をクリックします。
SketchFlow プロジェクトが作成されたら、次の 2 つ方法のどちらかでプロトタイプのデザインを開始できます。[SketchFlow マップ] パネルでアプリケーション フローを作成するか、アートボードでコンテンツを作成します。プロトタイプ作成を開始した後は、アプリケーション フローの構造作成とアートボード上でのコンテンツ作成を簡単に行き来することができます。
アプリケーション フローの作成
[SketchFlow マップ] パネルはグラフ エディターで、これを使用してアプリケーションの構造、フロー、ナビゲーション、およびコンポジションを定義できます。
[SketchFlow マップ] パネルを使用してアプリケーションの構造に注目したり、アートボードを使用して個々の画面のコンテンツに注目することができます。たとえば、ユーザー インターフェイス (UI) について考える前に、アプリケーション フローのアウトラインを作成し、SketchFlow プレーヤーを使用して、画面にわずかなメモしかない場合であっても、アプリケーション フローを直ちにレビューできます。
アプリケーション フロー作成の詳細については、「アプリケーション フローの作成」を参照してください。
アートボードでコンテンツの作成
個々の画面にフォーカスがある場合には、Expression Blend で使用可能なすべての描画ツールを使用したり、レイヤー、ベクター マスク、テキストを維持したまま Photoshop のファイルをインポートすることができます。画像を使用して UI コントロールを表すこともできます。また、Windows Presentation Foundation (WPF) および Microsoft Silverlight で利用可能な実際の UI コントロールのすべてを使用することができます。さらに、プロジェクト全体で再利用可能なコンポーネントを簡単に作成できます。
アートボード上のコンテンツ作成の詳細については、「アートボードでコンテンツの作成」を参照してください。
プロトタイプの精緻化
アプリケーション フローおよびアートボードを行き来しながら、フローまたはコンテンツを精緻化することができます。いつでも、プロジェクトをビルドし、F5 を押して SketchFlow プレーヤーで実行することができます。