プロトタイプ プロジェクトの作成

重要 :
SketchFlow は、Expression Studio Ultimate だけで使用できます。Expression Blend 3 で作成した SketchFlow プロジェクトで作業をしている場合は、Expression Blend 4 を使用できるようにプロジェクトをアップグレードする必要があります。Expression Blend 4 でプロジェクトを初めて開くと、アップグレードを促すメッセージが表示されます。SketchFlow プロジェクトは、Expression Studio Ultimate だけでアップグレードできます。

Microsoft Expression Blend の SketchFlow プロジェクトは、他の Expression Blend プロジェクトと同様に機能します。ただし、SketchFlow には、機能するプロトタイプを迅速かつ容易に作成できるように、プロトタイプ作成用に特別に作成されたツールが含まれています。

SketchFlow の詳細については、「SketchFlow 概要」を参照してください。

Expression Blend でのプロジェクトの使用の詳細については、ソリューション、プロジェクトおよびファイルの作業 を参照してください。

新しいプロトタイプ プロジェクトを作成するには

1. [ファイル] メニューの [新しいプロジェクト] をクリックします。

2. [新しいプロジェクト] ダイアログ ボックスの [プロジェクトの種類] で、[Siliverlight] または [WPF] をクリックします。

3. 右のウィンドウで、[Silverlight SketchFlow アプリケーション] または [WPF SketchFlow アプリケーション] をクリックします。

4. [名前] ボックスに、プロトタイプ プロジェクトの名前を入力します。

5. [場所] ボックスで、プロジェクトを格納するフォルダーを参照します。

6. [言語] ドロップダウン リストで、[C#] または [Visual Basic] を選択します。

7. [OK] をクリックします。

SketchFlow プロジェクトの作成後、[SketchFlow マップ] パネルでアプリケーション フローを作成するか、アートボードでコンテンツを作成して、プロトタイプのデザインを開始できます。プロトタイプ作成を開始した後は、アプリケーション フローの構造作成とアートボード上でのコンテンツ作成を簡単に行き来することができます。

アプリケーション フローの作成

[SketchFlow マップ] パネルはグラフ エディターで、これを使用してアプリケーションの構造、フロー、ナビゲーション、およびコンポジションを定義できます。

[SketchFlow マップ] パネルを使用してアプリケーションの構造に注目したり、アートボードを使用して個々の画面のコンテンツに注目することができます。たとえば、ユーザー インターフェイス (UI) について考える前に、アプリケーション フローのアウトラインを作成し、SketchFlow プレーヤーを使用して、画面にわずかなメモしかない場合であっても、アプリケーション フローを直ちにレビューできます。

アプリケーション フロー作成の詳細については、「アプリケーション フローの作成」を参照してください。

アートボードでコンテンツの作成

個々の画面にフォーカスがある場合には、Expression Blend で使用可能なすべての描画ツールを使用したり、レイヤー、ベクター マスク、テキストを維持したまま Photoshop のファイルをインポートすることができます。画像を使用して UI コントロールを表すこともできます。また、Windows Presentation Foundation (WPF) および Microsoft Silverlight で利用可能な実際の UI コントロールのすべてを使用することができます。さらに、プロジェクト全体で再利用可能なコンポーネントを簡単に作成できます。

アートボード上のコンテンツ作成の詳細については、「アートボード上のコンテンツの作成」を参照してください。

プロトタイプの精緻化

アプリケーション フローおよびアートボードを行き来しながら、フローまたはコンテンツを精緻化することができます。いつでも、プロジェクトをビルドし、F5 を押して SketchFlow プレーヤーで実行することができます。

Copyright ©2011 by Microsoft Corporation. All rights reserved.