Expression Blend について

  • [アーティクル]

Microsoft Expression Blend は、Microsoft Windows ベースのアプリケーションおよび Microsoft Silverlight ベースのアプリケーション用に魅力的で洗練されたユーザー インターフェイスを作成するための、プロフェッショナル向け高機能デザイン ツールです。Expression Blend では、ロール単位でプロジェクト ファイルが分かれているため、デザイナは創作に、開発者はプログラミングに専念できます。各チーム メンバは他のメンバの進捗を妨げることなく作業できます。

Expression Blend のしくみ

Expression Blend では、シェイプ、パス、およびコントロールをアートボード上に描画し、外観と動作を変更してアプリケーションを視覚的に設計します。イメージ、ビデオ、およびサウンドをインポートできます。Windows ベースのアプリケーションでは、3D オブジェクトをインポートして変更することもできます。

ビジュアル要素やオーディオ要素をアニメーション化するストーリーボードを作成できます。また、オプションで、ユーザー アプリケーションを対話的に操作するときに、これらのストーリーボードをトリガできます。Windows ベースまたは Silverlight 2 ベースの アプリケーションの編集時に基本的なコントロールに適用するテンプレートのデザインを変更して、アプリケーションに独自の外観や動作を設定できます。

Cc296376.alert_note(ja-jp,Expression.10).gifメモ :

Silverlight 2 は、Service Pack 1 がインストールされている Expression Blend 2 でサポートされています。

アプリケーションの編集時に、プログラマが編集中のコードビハインド ファイルまたはカスタム コントロール ファイルでプロジェクトをいつでも更新できます。

Cc296376.7e183f1f-37d8-4dcb-980c-19a5d61ca087(ja-jp,Expression.10).gif先頭に戻る

Expression Blend と連携するその他のツール

Microsoft Expression Design 2 で生成したグラフィックスや XAML (Extensible Application Markup Language) リソースを Expression Blend 2 プロジェクトにインポートできます。また、Microsoft Expression Encoder 2 で作成した Silverlight メディア プロジェクトをインポートして、プロジェクトに新機能やビジュアル要素を追加したり、Expression Encoder 2 で再利用可能なメディア プレーヤー テンプレートを変更したりできます。

Microsoft Expression Web 2 では、Silverlight 1.0 Web サイトおよびコンパイル済みの Silverlight 2 アプリケーションを既存または新規のプロジェクトにインポートし、作業を発行できます。

待機するイベントを指定すると、Microsoft Visual Studio 2008 は Expression Blend 2 とシームレスに連携して、プロジェクトのコードビハインド ファイルを自動更新します。Expression Blend 2 の [プロジェクト] パネルで、個別のコードビハインド ファイルまたはプロジェクト全体を開くことができます。Visual Studio 2008 の展開ツールを使用してアプリケーションを展開することもできます。

Cc296376.7e183f1f-37d8-4dcb-980c-19a5d61ca087(ja-jp,Expression.10).gif先頭に戻る

Expression Blend で生成されるファイル

Expression Blend では、Windows Presentation Foundation (WPF) アプリケーション、Silverlight 1.0 Web サイト、および Silverlight 2 ユーザー コントロール (.xap とサポート ファイル) が生成されます。ビジュアル デザインは XAML 形式で表示されます。HTML が Web アプリケーションのマークアップ言語であるのと同様に、XAML は WPF のマークアップ言語です。XAML および WPF の詳細については、「XAML の編集」および「情報とコミュニティのリソース」を参照してください。

Cc296376.7e183f1f-37d8-4dcb-980c-19a5d61ca087(ja-jp,Expression.10).gif先頭に戻る

Expression Blend の機能

Expression Blend 2 には、次の機能があります。

  • テキストおよび 3 次元 (3D) ツールを含む、ベクタ描画ツールの完全なスイート

  • ドッキング可能なパネルやオブジェクトのショートカット メニューを使用した、使いやすい最新のビジュアル インターフェイス

  • リアルタイム アニメーション

  • ユーザー エクスペリエンスを向上させる 3D およびメディアのサポート

  • さまざまな共通コントロールに対する、高機能、柔軟、再利用可能なカスタマイズ機能とスキン オプション

  • データ ソースおよび外部リソースに対する強力な統合ポイント

  • リアルタイムのデザインおよびマークアップ ビュー

  • Expression Design 2 からのアートワーク インポート機能

  • Expression Encoder 2 からのサイト インポート機能

  • Visual Studio 2008 との相互運用性により、デザイナと開発者とのチームでの共同作業がより密接かつ効率的になります。

Cc296376.7e183f1f-37d8-4dcb-980c-19a5d61ca087(ja-jp,Expression.10).gif先頭に戻る

対象となるアプリケーションの種類

Expression Blend 2 は、次の種類のアプリケーションを生成するように最適化されています。

  • 生産性を高めるアプリケーション   幅広い顧客ベースで生産性と効率の向上を実現するアプリケーション、および Microsoft Office などのビジネス アプリケーション。

  • コンシューマ向けアプリケーション メディア プレーヤー、セキュリティ ツール、デスクトップ ガジェットなどのアプリケーション。

  • ゲーム   エンターテインメント向けの簡単なデスクトップ ゲームやオンライン ゲーム。

  • 情報キオスク   情報を入手したり、製品リストを検討したり、空港でチェックインしたりする場合に、ユーザーが対話できる情報キオスクで実行することを目的としたアプリケーション。

  • IT プロフェッショナル用ツール 特定の企業や顧客のニーズに固有の、バグ追跡ツールなどの小規模なジョブ用のツール。

Cc296376.7e183f1f-37d8-4dcb-980c-19a5d61ca087(ja-jp,Expression.10).gif先頭に戻る

ベスト プラクティス

デザインの良さは使いやすさの向上と直結しています。Expression Blend 2 と Microsoft .NET Framework 3.5 を使用して使いやすさを向上するには、次のような方法があります。

  • 現実世界のモデル化   専用のビジュアルと操作方法を定義して、個々のコントロールの外観と動作を現実世界の道具などに似せて作成できます。この方法は、ユーザーが実際の道具に慣れている場合に最適です。現実世界の手法は、作業を行う上で最も効率的な方法です。たとえば、電卓のような単純なユーティリティは、現実世界の電卓をモデル化すると使いやすくなります。

  • 文字による説明ではなく視覚的な表示の使用   アニメーションや切り替えを使用すると、情報の関連性、原因、結果を視覚的に提示できます。この方法は、テキストによる説明とは異なる方法でユーザーが見落としがちな情報を伝える場合に最適です。たとえば、子供向けの本ではページめくりをアニメーション化して、コントロールの動作を示すことができます。

  • アフォーダンスの向上   アフォーダンスとは、オブジェクトをどのように使用するかを示すオブジェクトのプロパティで、ラベルを使用して説明する方法の代わりになります。コントロールに専用のビジュアルとアニメーションを定義して、一般的ではないコントロールをどのように使用するかを示すことができます。

  • ナチュラル マッピングの使用   ナチュラル マッピングとは、ユーザーの望むこととその実現方法との間の明快な関係です。専用の外観と操作方法を定義すると、標準の共通コントロールで対応できない場合にナチュラル マッピングを利用できます。

  • 必要な知識の低減   専用の操作方法を定義して、作業を実行するときに必要な処理の数や知識レベルを抑えることができます。

  • フィードバックの向上   カスタム コントロールのビジュアルとアニメーションを使用して、ユーザーの操作に間違いがないかどうかをフィードバックしたり、処理の進行状況を示したりできます。たとえば、Windows Vista の Internet Explorer のアドレス バーには、バックグラウンドで実行されているページ読み込みの進行状況が表示されます。

  • オブジェクトの操作の簡素化   フィッツの法則では、対象のクリックに必要な労力はその距離に正比例し、そのサイズに反比例します。たとえばアニメーションを使用して、ポインタがオブジェクトの近くにあるときはオブジェクトを大きく、離れているときは小さくすることができます。このようにすると、オブジェクトを簡単にクリックできます。また、通常はオブジェクトが小さくなるため、画面のスペースを効率的に使用できます。

  • フォーカス   機能豊富なレイアウトや専用のビジュアルを定義して、作業に必要な画面要素を強調したり、あまり重要でない要素を強調しないようにできます。

Cc296376.alert_note(ja-jp,Expression.10).gifメモ :

Windows Vista 用にデザインする場合は、Windows Vista ユーザー エクスペリエンスについてのガイドライン (英語の可能性あり) を参照することをお勧めします。実装方法にかかわらず、Windows Vista ベースのすべてのアプリケーション用の高品質で統一された基準に合わせることができます。

Cc296376.7e183f1f-37d8-4dcb-980c-19a5d61ca087(ja-jp,Expression.10).gif先頭に戻る