[日本語]マテリアルデザイン 『Launch screen』#44
Usage(起動画面の使用法)🔗
「Launch screen(起動画面)」は、ホーム画面からアプリを起動した際の読み込み中に表示する画面です。
起動画面を表示することで、楽しさを演出したり、読み込み時間が長いという感覚を和らげることができます。
※すでにアプリが起動済みの場合は、「起動画面」は表示しません。
Launch screen(起動画面)の種類
起動画面には次の 2 種類があります。
・Placeholder UI(プレースホルダー UI )
・Branded launch(ブランド起動画面)
以下に詳しく解説します。
Placeholder UI(プレースホルダー)🔗
読み込み時間が短いアプリや、ブランドを強調する必要の無いアプリの場合の起動画面として「プレースホルダー」を使用する方法があります。
「プレースホルダー」は、アプリが起動するまでの間、ステータス バー、アプリ バー、ボトム シートなどは、コンテンツ無しのUI要素を画面上に表示します。
そして「プレースホルダー」が表示される前には、画面上に「ブランドロゴ(Branded indicator)」を表示します。(以下動画)
なお、以下の動画のように、「プレースホルダー」が表示されたあとは、読み込み中の各UI要素に対して「ブランドロゴ(Branded indicator)」を表示しないようにしてください。
NG
また、以下の動画のように、読み込み中の画面で、すぐにコンテンツが表示されるふるまいは、不快な体験を生み出す可能性がある為避けてください。(予測しない場所に画像が表示される)
Branded launch(ブランド起動画面)🔗
「Branded launch(ブランド起動画面)」は、ブランドロゴやブランドに関連する要素を表示することによって、アプリの起動中にそのアプリのブランドを表現することができます。
そしてこの「ブランド起動画面」では、ロゴやキャッチフレーズを除き、基本的にはテキストを使用しないでください。
※なお、「ブランド起動画面」は一般的には「スプラッシュ画面(Splash screen)」とも呼ばれます。
この記事が気に入ったらサポートをしてみませんか?