スプラッシュ画面

Applies to Windows and Windows Phone

Skype、マップ、OpenTable のスプラッシュ画面

 

スプラッシュ画面は、ユーザーが Windows ストア アプリを起動したときに最初に目にするものです。スプラッシュ画面は、ユーザーが Windows ストア アプリを起動したときに最初に目にするものです。スプラッシュ画面により、リソースを初期化しているときであってもアプリの起動中であることが即座にユーザーに示されます。スプラッシュ画面は、アプリが操作できる状態になるとすぐに、Windows によって閉じられます。ユーザーの没入性を高めるように設計されたスムーズで洗練された読み込みエクスペリエンスを提供します。

Windows のスプラッシュ画面

スプラッシュ画面は、画像と背景色から構成されます。ユーザーには、アプリの読み込み中にアプリのプレビューが表示されます。明確にアプリを識別する画像と配色を使って、さまざまなフォーム ファクターで適切に動作するスプラッシュ画面をデザインします。スプラッシュ画面が表示されるとき、背景のサイズだけがさまざまな画面サイズに合わせて変更されます。透過 .png と単色の背景を使うことによりシンプルさを維持することもできますし、リッチな写真とアニメーションを使ってユーザーにより適合したエクスペリエンスを作成することも可能です。

 

Windows ストアのスプラッシュ画面

 

Windows ストアは、スプラッシュ画面のデザインについて最小限のアプローチを採用しています。このことは、アプリのスプラッシュ画面で同じ処理を行う必要があることを意味するわけではありません。ユーザーの没入性を高め、ユーザーが引き続きアプリを使用し続けるような強力な第一印象を与える方法を考えます。

スプラッシュ画面による技術革新

スプラッシュ画面は、単なる色の背景とアイコンに留まるものではありません。 アプリを差別化し、ユーザーに対して優れた第一印象を与えるために、背景とアイコンを共にカスタマイズできます。スプラッシュ画面は、アプリのコンテンツのプレビューであり、アプリのパーソナリティに直接関連させる必要があります。ユーザーの没入性を高め、アプリのエクスペリエンスにユーザーを引き込むために、このブランドの印象付けの機会をうまく使ってください。

Phototastic

スプラッシュ画面では、簡単で単純なアプローチであっても強力な印象を与えることができます。この例では Phototastic のロゴは、かすかな灰色の背景に中央揃えで配置され、このブランドの大胆な色使いを目立たせることができます。

Phototastic アプリのスプラッシュ画面

 

Foursquare

Foursquare アプリが場所の起動と特定を行っている間、スプラッシュ画面では近隣にある場所の画像を表示し始めます。このリッチでイマーシブな読み込みエクスペリエンスは、新しい場所の発見エンジンとしてのアプリの確約に対して忠実さを維持しています。

foursquare アプリ スプラッシュ画面の 2 つのビュー

foursquare アプリ スプラッシュ画面の第 3 のビュー

 

Halo Spartan Assault

Windows ストアに追加された非常に人気の高い Halo シリーズの 1 つである Halo Spartan Assault では、スプラッシュ画面を映画的なエクスペリエンスとして扱っています。バックグラウンドでゲームを読み込む間、美しいカット シーンにより Spartan Assault がそのコンテキストとして Halo 世界にどのように適合するかを示しています。

Halo Spartan Assault アプリ スプラッシュ画面の 2 つのビュー

Halo Spartan Assault アプリ スプラッシュ画面の第 3 のビュー

 

星座表

星座表アプリは、最初のエクスペリエンスをユニークで魅力的なものにするために、複雑なアニメーション シーケンスを使います。スプラッシュ画面のアプリ ロゴを表示した後、太陽系の感動的な表示に切り替えます。これは、ユーザーに提示されるアプリのコンテンツの概要を示す最適なプレビューです。美しい写真は星を眺めるのに適したムードを高め、ユーザーをアプリに招待します。

星座表アプリのスプラッシュ画面のビュー

星座表アプリのスプラッシュ画面の 3 つのビュー

星座表アプリのスプラッシュ画面のビュー

 

関連トピック

スプラッシュ画面のガイドライン
Windows ストア アプリのブランド設定

 

 

表示:
© 2014 Microsoft