ゲームアプリのUIデザイン

プレイしたゲームアプリのUIデザインに関して書き残します。毎日頑張って更新!

「ポケモンユナイト」ロードの進捗状況に合わせて、プログレスバーの上にいるピカチュウも進んでいくエンタメ感あるデザイン

こんにちは!ちょこです!

 

このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです!

 

今回は「ポケモンユナイト」から、プログレスバーのデザインを紹介します。

ここで言うところの「プログレスバー」とはゲーム起動時のロード中に表示されるゲージを指します。

 

該当の画面はこちらです。

f:id:appgameui:20211231100518p:image

 

画面下部にプログレスバーが表示されているのが分かるかと思います。
主に以下の5つの要素で構成されています。

  1. 進捗状況がわかるゲージ
  2. 進捗状況がわかる数字(30%)
  3. 状況が分かるテキスト(更新データをダウンロード中)
  4. 通信速度(速度526.6KB/s)
  5. ピカチュウが走る姿

◆◆◆◆◆◆◆◆◆◆◆◆◆◆

 

特に注目したいのは「5:ピカチュウが走る姿」です。
アニメーションで見るとこんな感じです。

◆◆◆◆◆◆◆◆◆◆◆◆◆◆

 

分かりやすいように拡大します。
プログレスバーの進行状況に応じて、ピカチュウが走っている位置も進んでいます。

◆◆◆◆◆◆◆◆◆◆◆◆◆◆

 

プログレスバーの要件としてはこのピカチュウを表示する意味はないのですが、ゲームらしくエンタメ感のある演出だと感じます。

このように、ゲームUIはしばしば「ゲームらしさ」「ゲームの世界観」といった情報を付与することがあります。

 

以上です。

プログレスバーのデザインの参考になれば幸いです。

 

このブログではこのようにゲームUIついて簡単にまとめて紹介しています。

他のゲームUIも紹介しているので、もし良かったら他の記事も見て行っていただけると嬉しいです。

 


権利者さまへ

 

以下はコンテンツ利用に関する認識の説明です。

ポケモンユナイト」のガイドラインを確認したところ、ゲーム実況の配信、動画投稿に関しては許諾されている旨の記載はありました。

 

Pokémon UNITEの動画や静止画の利用に関するガイドライン | 『Pokémon UNITE』公式サイト

 

主な参照箇所を抜粋します。

非営利目的に限り、動画共有サイトを含むウェブサイトやSNSへPokémon UNITEに関する動画や静止画を投稿することができます。ただし、YouTubeニコニコ動画等が正式に提供するパートナー機能等を使用する場合には、投稿による収益化も可能です。

 

以下は確認したガイドラインページのキャプチャです。

◆◆◆◆◆◆◆◆◆◆◆◆◆◆

 

画像利用、記事の内容について問題がありましたら、お手数ですがご連絡ください。
速やかに対応いたします。

 

お問い合わせ