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

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

011_画面別-ホーム/マイページ画面

「COUNTER: SIDE(カウンターサイド)」スワイプするメニューの見せ方って難しいな

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「COUNTER: SIDE(カウンターサイド)」から、ホーム画面のメニューデザ…

「ポケモンユナイト」季節感を背景に取り入れるだけではなく、ミッションの進捗状況に応じてツリーにライトが点く演出もあるデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ポケモンユナイト」から、季節感あふれるホーム画面のデザインを…

「ガーディアンテイルズ」クリスマスっぽいホーム画面のデザイン紹介

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ガーディアンテイルズ」通称「ガデテル」から、季節感あふれるホ…

「アルゴナビス from BanG Dream! AAside」メニュー画面の特徴を4つあげてみたよ!

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アルゴナビス from BanG Dream! AAside」通称「ダブエス」から、…

「キャットバスターズ - collections -」縦画面なのに親指で押しやすい範囲にボタンが配置されているデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです。 今回は「キャットバスターズ - collections -」、通称「キャトコレ」にて…

「僕のヒーローアカデミア ULTRA IMPACT」ホーム画面のアイコンデザイン紹介

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

「ブラック・サージナイト」ボイスが流れる場面ではテキストも一緒に表示されていると良い

こんにちは!ちょこです! このブログでは「ゲームのUIを見てみよう!」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ブラック・サージナイト」のユニバーサルデザインの事例を紹介しま…

「IDOLY PRIDE アイドリープライド」ホーム画面に設定したキャラに合わせてライブボタンのデザインを変化させているのは、短時間でゲームの世界観を訴求したかったから?

こんにちは!ちょこです! このブログでは「ゲームのUIを見てみよう!」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「IDOLY PRIDE アイドリープライド」のホーム画面に設定したキャラク…

「IDOLY PRIDE アイドリープライド」外が見えなくても室内の光を工夫することで時間帯の表現が可能!

こんにちは!ちょこです! このブログでは「ゲームのUIを見てみよう!」というテーマでゲームを紹介しています。 少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「IDOLY PRIDE アイドリープライド」の部屋の様子が時間帯に合わせて…

「ライドゼロ (RIDE ZERO)」キャラを表示させず、導線を重視したホーム画面のデザイン事例

こんにちは!ちょこです! このブログでは「ゲームのUIを見てみましょう」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ライドゼロ (RIDE ZERO)」のホーム画面のデザインを紹介してみま…

「パニシング:グレイレイヴン」初心者の方が次に何をしたら良いのか迷わないようにデザインされているホーム画面の紹介

こんにちは!ちょこです! 今回は「パニシング:グレイレイヴン」のホーム画面から、ユーザーの行動を誘導するデザインの事例を紹介させていただきます。 ゲーム初心者の方や「パニシング:グレイレイヴン」をプレイし始めた方が助かるようなデザインである…

「タイムリフレイン」ホーム画面のデザインが切り替えられるオプションの存在理由が謎すぎる

こんにちは!ちょこです! 「タイムリフレイン」にてホーム画面のデザインが切り替えられるデザインになっていました。 設定画面からデザインが切り替えられます。該当の画面はこちらです。 設定はこちらです。「簡易モード」と「オリジナル」の設定がありま…

「サクラ革命」ボタンを段階的に表示することによって、ユーザーの視線を誘導、やることを仄めかすデザインになっています

こんにちは、ちょこです! 「サクラ革命」のホーム画面にて、アニメーションによる視線誘導がありました。割と見落としやすい部分だと思うので紹介します。 該当のシーンはこちらです。 ホーム画面に遷移した際、下位階層のボタンが時間差でアニメーション表…

「ファイナルギア」ホームボタンでメインコンテンツのボタンが縦に並べてあって、指の可動域的に押しやすいレイアウトだと思った

こんにちは、ちょこです。 「ファイナルギア」のボタンが押しやすい配置になっていました。 早速見ていきます! 具体的にはこちらのホーム画面です。 通常、画面下部に並んで配置されがちなメインコンテンツのボタンが画面右側に配置されています。 ここの部…

「ファイナルギア」設定画面にあるベゼルレスUIって何?

こんにちは、ちょこです! 「ファイナルギア」の設定画面に「ベゼルレスデザインUI最適化」という 見慣れない項目がありました。 ん~…初めて見ました。 相変わらず中国のゲームはオプションが細かい…! ベゼルレスデザインUIの設定をスライダーで調整して…

「ファイナルギア」バッテリー残量と現在時刻の表示のさせ方がスキューモーフィズムだった

こんにちは、ちょこです! 「ファイナルギア」のホーム画面にバッテリーの残量と現在時刻が表示されていました。 それ自体は珍しくはないのですが、表示されている場所とデザインの思想が珍しかったので紹介します。 該当の画面はこちらです。 ホーム画面は…

「三国 -IKUSA-」巻物の形をしたUIって大体ドロワー

こんにちは!ちょこです! 「三国 -IKUSA-」にて画面下部のメニューがドロワーになっていました。 中国のアプリってフッターがこういった挙動になってること多いですよね。なんでだろう…。 挙動としてはこんな感じです。 このドロワーのデザインは現実世界の…

「クローズxWORST~打威鳴舞斗~」このUIがすごい!ホーム画面部門 第1位!

こんにちは、ちょこです! 今回は 「クローズxWORST~打威鳴舞斗~」のホーム画面のデザインのすごいところを紹介します。 「ホーム画面のデザインってどうデザインすれば良いのか分からない」 「何が良いデザインなのか分からない」 といった悩みを抱えてい…

「デュエル・マスターズ プレイス」充電中だけに表示されるナビキャラのランダムメッセージ。そのステータスを参照する発想はなかった!

こんにちは、ちょこです! 「デュエル・マスターズ プレイス」、通称「デュエプレ」のホーム画面のデザインで面白い挙動があったので紹介させてください! ホーム画面の左側にはこのようにナビキャラがおり、ランダムで何かしら呟く実装になっています。 未…

「ガンダムブレイカーモバイル」ホーム画面のデザイン手法を他のアプリと比較して分析してみました

こんにちは、ちょこです! 「ガンダムブレイカーモバイル」のホーム画面のデザインがちょっと珍しいデザインであったので紹介します。 見て分かる通り、スキューモフィズムなデザインです。 ちなみにここで言う「スキューモフィズム」は以下のような認識でい…

「レッド:プライドオブエデン」猫モチーフのデザインがあちこちに。UIパーツに遊び心を取り入れたい際の参考に

こんにちは!ちょこです! 「レッド:プライドオブエデン」では【猫】がキーワードのタイトルです。したがって猫がモチーフのUIパーツが多く見られます。 世界観に寄せたデザインの作り込みの事例として、いくつか紹介します。 1:タップを促す指のマーク 2…

「ウイニングイレブン クラブマネージャー」ホーム画面のデザインについての所感

こんにちは!ちょこです! 「ウイニングイレブン クラブマネージャー」のホーム画面がフッターの無いデザインになっていました。 この規模のゲームでフッターが無いデザインは珍しい…。 このデザインに関して率直な感想ですが… メニュー項目が隠れているので…

「テイルズ オブ クレストリア」チャットボタンの位置が定まっていない。一貫性は大切にしてほしい

こんにちは!ちょこです! 「テイルズ オブ クレストリア」をプレイしていてチャットボタンの位置が不統一なのが気になりました。 ▲ホーム画面 見やすくするために拡大してみます。 ▲画面上部を拡大 このように画面上部中央にチャットボタンが配置されている…

「スタートリガー」ホーム画面の4つの特徴を紹介します

こんにちは!ちょこです! 「スタートリガー」のホーム画面が割と特徴的なので、どういった特徴があるか紹介します! 1:奥行きを利用している 2:情報の追加がしづらい 3:ボタンが動く 4:色数が絞られている 1:奥行きを利用している しばしば見かけるよ…

「ココッパドール(ココドル)」縦にスワイプするカルーセルは衣装を魅せるための工夫!

こんにちは!ちょこです! 「ココッパドール(ココドル)」のホーム画面のバナーが縦にスワイプする操作で斬新だったので紹介します! 挙動を見るとこんな感じです! 縦にスライドするバナーは初めて見ました! どんな意図があるの? デザインの意図ですが、よ…

「マジカミ」ホーム画面でキャラクターの誕生日がお祝いされていた!キャラの訴求になりそう

こんにちは、ちょこです! 「マジカミ」でキャラの誕生日にホーム画面がデコレーションされていました! 季節感を演出するタイトルはしばしば見かけてきましたが、誕生日で画面を変えるのは初めて見たかも… 以下、ホーム画面で季節感を演出するタイトル例 ▲…

「マジカミ」ホーム画面でTVモニターにキャンペーンバナーを奥に配置するデザインの紹介

こんにちは!ちょこです! 「マジカミ」のイベントやキャンペーンバナーの表現が珍しかったので紹介します! ホーム画面がこんな感じでカラオケルームになっているのですが、キャンペーンバナーがTVモニターに映されています。 ホーム画面に初めて遷移した直…

「ビーナスイレブンびびっど!」動画広告を観せるための画面のデザインがスタジアムのスクリーン風のデザインだった!

こんにちは!ちょこです! 「ビーナスイレブンびびっど!」の動画広告を見せるためのデザインが世界観に寄り添ってて凄い! システム的ではなくスタジアムのスクリーンというデザインです!世界観に寄り添っていて凄く良いと思いました! 遷移としてはこんな…

「Chess Rush」ホーム画面が季節感あふれてたので紹介します

こんにちは、ちょこです。 「Chess Rush」のホーム画面が季節感あふれてたので紹介します。 他にもお知らせ画面であったり… 訴求画像のデザインも雪化粧がされています。 ▲「バナナ~」は一見すると意味不明ですがキャラクターの名前です。 アニメーションを…

「仮面ライダー シティウォーズ」ドロワーのUIを採用する時に注意したいこと

こんにちは、ちょこです。 「仮面ライダー シティウォーズ」のホーム画面にある、メニューボタンのデザインと挙動が気になりました。 注意したいこととしては 挙動が(ある程度)推測できる見た目にする です。以下、詳細と解決案の提案を書いてみます。 どん…