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

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

011_画面別-ロード画面

「ドラゴンクエストけしケシ!」消しゴムモチーフだから進行度合いが消えるデザインでも成立している!

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ドラゴンクエストけしケシ!」通称「DQけしケシ」のロード中の進…

「エリオスライジングヒーローズ」ローディングアイコンを推しのアイコンに変更できる機能の紹介

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです。 今回は「エリオスライジングヒーローズ」、通称「エリオスR」のローディン…

「僕のヒーローアカデミア ULTRA IMPACT」ロード中を示すアニメーションにデザインのバリエーションが用意されていた。単純接触効果に繋がるのかもしれない

こんにちは!ちょこです! このブログでは「ゲームのUIを見てみよう!」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「僕のヒーローアカデミア ULTRA IMPACT」、通称「ヒロトラ」のロード…

「逆転オセロニア」画像ではなくテキストでランダム性と遊び心を表現しているロード画面

こんにちは、ちょこです! このブログでは「ゲームのUIを見てみましょう」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「逆転オセロニア」のロード中に表示されるテキストについて紹介し…

「逆転オセロニア」ロード画面にTipsを表示させて、ゲームのルールや世界観を伝えるデザイン

こんにちは、ちょこです。 このブログでは「ゲームのUIを見てみましょう」というテーマでゲームを紹介しています。 すこしでも 今回は「逆転オセロニア」のロード中の画面にゲームのTipsを表示するデザインを紹介します。 Tipsを表示するデザイン…。最近はあ…

「ユージェネ」目的地に合わせてロード画面のバリエーションを用意し、没入感を維持するデザインの紹介

こんにちは!ちょこです! 今回は「ユージェネ」の画面遷移演出のバリエーションが豊富だったので、デザインの一部を紹介します。 「ユージェネ」の場合、目的地に応じて画面遷移時の画面デザインが用意されています。 例えば、目的地が海岸線近くだと海がモ…

「シャイニングニキ」遷移先に関係するロード画面が表示されるデザイン

こんにちは、ちょこです! 今回は「シャイニングニキ」のロード画面の紹介です。 部屋やショップなど、特定の画面に遷移する際に専用のロード画面が表示されるデザインになっていました。 該当の画面はこちらです。 専用の画面があると没入感が維持される 画…

「アッシュアームズ-灰燼戦線-」ロード画面に隠されたデザイン

こんにちは!ちょこです! 「アッシュアームズ-灰燼戦線-」のロード画面のビジュアルデザインが、凝っていたのでご紹介します! 該当の画面はこちらです。ロード画面は比較的頻繁に表示されるので情報の見せ方は絞っているものの、かなり凝ったデザインであ…

「ヒプノシスマイク-A.R.B-」ロード中にぐるぐる回るレコードをよく見ると細部の拘りが感じられるアニメーション演出だった

こんにちは!ちょこです! 今回のテーマは「世界観への没入のためのビジュアルの作り込みについて」です。 没入感が得られるということは余計なストレスが無いということでもあります。 そういった面でUIにも関係があると考えます。 紹介するタイトルは前回…

「この素晴らしい世界に祝福を!ファンタスティックデイズ」ロード演出めちゃ多い!

こんにちは!ちょこです! 「この素晴らしい世界に祝福を!ファンタスティックデイズ」のロード画面の種類が多いっ!アニメもバリエーションが多かった気がします。 今回はそのバリエーションの一部を紹介します。 1:段組み 1:上から文字が落ちてきて、輪…

「ディズニー マイリトルドール」タイトル画面にロードの進捗の代わりに遊び心のあるテキストが表示される

こんにちは、ちょこです。 「ディズニー マイリトルドール」のタイトル画面に表示されるロード中のテキストが可愛いな、と思いました。 ▲ここ! ▲アニメーションするとこんな感じ! あまり見ないけど、個人的には遊び心があって好きなデザインです。最近見か…

「永遠の七日」データダウンロード中にアンケート機能が利用できる実装でした

こんにちは、ちょこです。 「永遠の七日」でデータDL中にアンケート機能が表示されたので実装事例として紹介します。 手紙風でかわいいですね。フォントも丸くてかわいいくて開発者のこだわりが感じられます。 ユーザーの反応を知ることはより良いUIを作るた…

「ガール・カフェ・ガン」数字は進んでいるのにロード画面のプログレスバーが全然進まなくてイライラしてた話

こんにちは、ちょこです。 「ガール・カフェ・ガン」のデータダウンロード画面ですが数字とゲージを合ってないように見えるんですよね… 進捗率を計算してみた 数字をベースに進捗率を計算してみました。 進捗を計算すると12.3%くらいでした。 10等分してみ…

「ゴエティアクロス」バトルに入る前のロード画面に表示する内容はそのバトルと関連ある内容だった

こんにちは、ちょこです。 「ゴエティアクロス」のロード画面ですが、グラクロ同様にロード画面がデザインされていました。というかリリース時期を考えるとグラクロよりゴエクロの方が先なんですね。 どういったデザインかと言うとロード画面に表示されるテ…

「パレットパレード」ロード画面で絵が描ける斬新な仕様。でも秒で絵なんか描けるわけない

こんにちは、ちょこです。 パレパレこと「パレットパレード」始めました。衝撃的だったのがロード画面のデザインです。 こんなロード画面。 なんと絵が描けます…! どんな仕様だよ、と思うかもですが世界観的には画家のキャラクターものなので、アイディアと…

「ペンギンの島」起動時に表示されるペンギンが可愛い。ほぼ無意識にゲームに好感を持たせている素晴らしいデザイン

こんにちは、ちょこです。 ロード画面、かわいいねー。 ▲歩いてるだけでモテる という記事を書こうと思いましたが、もう少し考えてみます。流石に。 このロード画面はアプリ起動時の読み込み画面でしか表示されません。 また「ペンギンの島」に興味がある人…

「歌マクロス スマホDeカルチャー」データダウンロード画面の表示中にゲームに関するアンケートがあった

こんにちは、ちょこです。 「歌マクロス」でデータダウンロード画面を利用してアンケート機能が実装されてたのが興味深かったです。 データダウンロード中の画面を運営側の視点で有効活用しようとする試みは珍しいと思いました。 こんな感じでアンケートが表…

「東京コンセプション」情報はまとめた方が視線が散らない。ロード画面の事例。

こんにちは、ちょこです。 「東京コンセプション」ですが、ロードを示す情報が画面の四隅にあり、情報がまとまっていないのが気になりました。 右上には「LOADING...」 右下には「CONNECTING」の表示があります。 ロードの進捗を示すゲージは左下に表示され…

「ポケモンスクランブルSP」ゲーム起動画面に遊び心のあるテキストが表示されます。

こんにちは、ちょこきなこです。 「ポケモンスクランブルSP」のゲームが始まるまでの読み込み画面にて「冒険の準備をしています」という表現がなされているのが、ゲームらしくて遊び心のある表現だな、と思いました。 以前、七つの大罪でも実装されていたの…

「七つの大罪 光と闇の交戦 : グラクロ」タイトル画面で見るロード中の遊び心

こんにちは、ちょこきなこです。 「グラクロ」にて世界観を表現するためにロード画面が遊び心のある文字列が表示されていました。 今回はその実装の紹介です。 肌感だと50タイトルに1つくらいの割合で見かけるかも。 見た感じ、 「豚の帽子」亭は開店準備中…

「東京喰種 :re invoke」Loadingのシルエットがゆがんだデザインになっているので紹介

こんにちは、ちょこきなこです。 「東京喰種 :re invoke」ロード画面でちょっとしたデザインの紹介です。 この「Loading...」文字若干ゆがんでいます。 ベースライン敷くと分かりやすいですかね。 東京グールの世界観的にきれいに並んでいるより、少しいびつ…

「七つの大罪 光と闇の交戦 : グラクロ」UXを考慮したtipsの出し分け。小さな箇所でもよくできる箇所はいくらでもあると気付かされました。

こんにちは、ちょこきなこです。 以前、「グラクロは遷移によってロード画面のデザインを変えている」という旨の記事を書きましたが、それだけではなくて、表示するtipsの出し分けもしているようです。 早速紹介していきます。 まずは酒場に遷移する時だとこ…

「七つの大罪 光と闇の交戦 : グラクロ」ロードが(ほぼ)入らないのがすごい!ロードが入る場所で画面群を調べて区分けしてみました。

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 地味にこれが凄く凄くて凄い。これよく実現したな…と思うのが 「ロードが入らない仕様」 というか、正直どう実装されているのか分からないです…。 ちなみにロードするしないで主な部分を区分け…

「七つの大罪 光と闇の交戦 : グラクロ」圧倒的なロード画面の種類を紹介。数だけではなく出し分け方も丁寧。

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 ロードが滅多に入らない上に、入るところにも没入感を極力阻害しない工夫がなされているのは驚きました。 仕様を考えた方も入れた方も本気だわ…。 ロードが入る箇所は主に以下の場面です。 酒場…

「キャプテン翼~たたかえドリームチーム~」動的にアニメーションする素材をデザインするときに考慮したいシュート

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 プログレスバー…シュートになっとる。面白いですね。 こんな感じで進捗進むとゴールに突き刺さるデザイン。 これ、デザインとしては面白いのですが、実は致命的に失敗している部分があるんです…