デザイン

デザイン

スプラッシュ・スクリーンをデザインするときのヒント、アイデア集【アプリの顔となる起動画面】

3,789 views

読了時間 : 約2分24秒

スプラッシュ・スクリーンは、ユーザーエクスペリエンスの無難な部分であるかもしれません。それはちょうどアプリを立ち上げたときの起動スクリーンであり、それほど長くは表示されません。しかし、最初の印象は重要であり、細部は非常に重要なのです。

 

実装してみる前に、まずはスプラッシュ・スクリーンとはなにか復習し、10のインスピレーションを見てみましょう。

 

 

スプラッシュ・スクリーンとは何ですか?

スプラッシュ・スクリーンは、携帯端末でアプリを開くと表示される画面です。起動画面と呼ばれ、アプリが開かれた後にそれが読み込まれているときに表示されるます。読み込みが終了すると、メニューなどより機能的な画面が表示され、ここで操作を完了できます。

 

スプラッシュ・スクリーンが画面に表示され、一瞬の瞬間に見えます。見落としてしまうかもしれません。伝統的には、ロゴと会社名が表示され、時々会社のモットーなども表示されます。

 

あなたはそれらを時間の無駄、特に工夫しなくても良いものと考えるかもしれません。しかし彼らはブランドのアイデンティティと認識を強化するために役立ちます。 Googleのマテリアルデザインは、スプラッシュ・スクリーンがユーザーにとってアプリケーションの最初の経験であることを強調しています。そして、第一印象は非常に大切なのです。

 

Skypeのスプラッシュ・スクリーンをご覧ください。柔らかなグラデーションで、堂々とロゴを表示します。その後、読み込みが完了すると、アイコンがアニメーション化されてバウンスします。MediumとEtsyのような他のスプラッシュ・スクリーンも見てみましょう。ブランドに完全に適合し、そのアイデンティティを強化するイラストを取り入れています。

 

時には、アプリの読み込みにそれほど時間がかからないこともあるでしょう。この例では、ブランドのロゴなどではなく、プレースホルダーのUIが表示されます。

また、あなたのアプリはブランドアイデンティティを強化する必要はないかもしれません。そのような場合には、開いたときにアプリにコア構造要素が表示されるようにするのが良いでしょう。

 

 

スプラッシュ・スクリーンのベストプラクティス

スプラッシュ・スクリーンのコアはシンプルです。それらはブランドを強化し、ユーザーが待っているときに見て、良い印象を与えるために使用されています。ここでは、独自のスプラッシュ・スクリーンを設計する際のベストプラクティスを紹介します。

 

  • ・不必要なものを入れない
  • ・複数の色やロゴを使用しない
  • ・アニメーションを控えめに使用する

 

 

インスピレーションを与える10のスプラッシュ・スクリーンデザイン

Medium & Etsy

 

Paperless Post & Airbnb

 

Bear & Cabify

 

8Fit & Netflix

 

Ryanair & Skype

 

 

 

結論

スプラッシュ・スクリーンは、ユーザーに少しでも喜びを与えたり、ブランドアイデンティティを強化するための手段となります。ただ、どのような理由でスプラッシュ・スクリーンをデザインしたときも、ロード時間が長くならないように注意してください。

 

 

 

※本記事は10 inspiring splash screen designsを翻訳・再構成したものです。

 

 

 

 

▼こちらの記事もおすすめです!

 

【コンビニでも使える!メルペイ初回利用1000円分招待コード】
当サイト限定招待コード:CMUTDF

 
利用可能店舗:メルカリ、コンビニ、ドラッグストア等

金額:※さらにメルペイスマート払で2000円分ポイント!
友達招待でお互いに1000円分ポイント!2人以上招待でUSJ貸し切りイベントに抽選招待も!

メルカリ-フリマアプリ&スマホ決済メルペイ

メルカリ-フリマアプリ&スマホ決済メルペイ

無料

 

 

【Uber初回利用2000円オフクーポン】
【Uber初回利用2000円オフクーポン】
130v4g

プロモーション コードを追加するで「130v4g」を入れてください。
※プロモコードは日本国内でのみ利用可能
 
»当サイト限定の初回利用2000円オフのクーポンを使って登録はこちら!

Uber

Uber

 

【UberEats初回1000円オフクーポン】
【UberEats初回1000円オフクーポン】
ins6je2v

対象店舗:マック、ガスト、スタバ、ピザハット、松屋 等
※1000円分無料で頼めます。〇〇円以上とかもナシ!完全無料でお試しOK
割引額:1000円引き
 
»当サイト限定の初回利用1000円オフのクーポンを使って登録はこちら!

Uber Eats のお料理配達

Uber Eats のお料理配達

おすすめ新着記事

おすすめタグ