【スマホアプリ】スプラッシュ画面デザイン集

  • このエントリーをはてなブックマークに追加

スマートフォンアプリのスプラッシュ画面をデザイン機会があったので、参考にデザインを収集しました。


Pokémon GO

01 公式: Pokémon GO
皆さんご存知のポケモンGOです。NIANTICのロゴの下に横線があるのですが、こちらが簡単なローディングのバーになっています。
(画面が切り替わってもまだ読み込んでいるのでどこまで読んでいるのか謎ですが…)


どうぶつの森 ポケットキャンプ

03 公式: どうぶつの森 ポケットキャンプ
こちらも昨今のトレンド、どうぶつの森です。ゲームの世界観がよく表現されたとてもかわいらしい画面に仕上がっていて、引き込まれますね。


CamScanner

02 公式: CamScanner
カメラで撮った画像をpdfに変換してくれるアプリです。ツールらしいクールなデザインです。


Kindle

04 公式:Kindle
こちらも皆様ご存知Kindleです。本を読む少年のイメージカットが幻想的です。(最近カラーリングが若干リニューアルしたみたいですね)


Waaaaay!(うぇーい!)

05
公式: Waaaaay!
地図を読むのが苦手な人のための、地図アプリです。背景に地図をイメージさせるようなパターンがデザインされています。


SWORKIT

09
公式: SWORKIT
自宅で手軽にトレーニングできる、フィットネスアプリです。たくましい女性の写真でクールな印象に。


UBER EATS

06 公式:UBER EATS
話題のUBER EATSです。ロゴマークだけでもなかなかキャッチーなのですが、ローディングも兼ねています。アニメーションがスムーズで気持ち良いですね。
ところでこのアプリでなかなか面白い仕組みです。単純に利用するだけなら、近くの提携レストランから食べ物を注文するだけなのですが、配達してくれる人も近くにいた一般の人なんです。ご興味あればぜひくわしく調べてみてください。


Dr.Wallet

07 公式: Dr.Wallet
家計簿アプリです。アプリ名だけでなく、キャッチコピーも配置されていて、とてもバランスが良くて素敵です。


Google Home

10 公式:Google Home
Homeの名前に併せて、家の形のロゴが可愛らしくて親しみやすいイメージに仕上がっています。


LIMIA

14 公式:LIMIA
DIYなど、暮らしの情報を提供するキュレーションサイトのアプリ版です。様々なアイテムの写真を使用して、にぎやかで楽しそうな印象がとても良いですね。思わず開きたくなってしまいます。


April

11 公式:April
写真をコラージュしたりできる画像編集アプリです。キツネのキャラクターが「Bright Up Your Days!」なんて言ってくれると、ちょっと嬉しい気持ちになってしまいますね。

執筆者:森島[ WEBデザイナー ]

8bit デザイナーです。 デザイン・マークアップ・映像制作など幅広く担当しています。

関連記事

Webデザイン

【Photoshop】クリックするだけ!? AIで風景を置き換える新機能”風景ミキサー”の使い方

PhotoshopCCのver23.0から搭載された新機能「風景ミキサー」を紹介します。 AIを使用したフィルター機能で、写真の背景をクリックするだけで簡単に変更できます! 目次1 どんな機能?2 使い方2.1 手順1:被写体を選択する2.2 手順2:フィルターを適用する2.3 完成3 YoutubeChannelのご紹介 どんな機能? 左が元写真で、右がフィルター適用後です。 あくまで元の画像の構図や要素は崩さずに、雰囲気をガラリと変えてしまいます。 どんな雰囲気の背景にし […]

Webデザイン

【Illustrator】手書きのスキャン画像をパスデータにする

Illustratorの「画像トレース」という機能を使用すれば、パスデータを作成することができます。 簡単に使えるので、ぜひロゴやイラストを作る時に活用してください。 目次1 「画像トレース」機能の使い方1.1 画像トレースパネルを開く1.2 スキャンしたデータをトレースする1.3 不要な部分を削除する2 YoutubeChannelのご紹介 「画像トレース」機能の使い方 画像トレースパネルを開く まず、メニューから画像トレースパネルを開きます。 [ウィンドウ]>[画像トレー […]

Webデザイン

【Illustrator】長文をカラム分けして読みやすくする方法

リーフレットやチラシなどの印刷物を作る時、長文をカラム分けすると文章が読みやすくなります。 このカラム分けされたテキストボックスは互いにリンクされており、片方で改行などの編集をすると、溢れたテキストが自動で次のテキストへ送られるようになっています。 領域を作ってリンクするだけなので、非常に簡単です。ぜひ習得してください。 目次1 やり方解説1.1 手順1:四角オブジェクトを配置する1.2 手順2:四角オブジェクトをテキストボックスに変換する1.3 手順3:複数のテキストボック […]

株式会社8bit (エイトビット)

東京都目黒区でWebサイト制作、Webシステム開発などを行っております。
コーポレートサイトやWebサービスの企画・提案を得意としており、自社での経験を元にアイデアをカタチにするお手伝いをさせていただいております。

Web制作に関するご相談はお気軽にどうぞ

弊社に制作をご依頼いただく際の費用感をご確認いただける、
見積りシミュレーションをご用意いたしました。