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

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

011_画面別-メニュー項目

「崩壊3rd」端末を模したメニューUIの紹介。世界観が近未来SFだとフラットな見た目とスキューモーフィズム的な考え方の相性って良い気がする

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「崩壊3rd」から、メニューを開いたときのビジュアルデザインをご紹…

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

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

「あんさんぶるスターズ!!Music」メニューのUI改修、7つの変更点

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです。 今回は「あんさんぶるスターズ!!Music」、通称「あんスタ」のメニュー画…

「ロマンシング サガ リ・ユニバース」ちょっと特殊なドロワーメニューのデザイン紹介

こんにちは!ちょこです! このブログでは「ゲームのUIを見てみよう!」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ロマンシング サガ リ・ユニバース」、通称「ロマサガRS」のUIパー…

「逆転オセロニア」ゲシュタルトの法則を利用して画面をすっきり見せてた素敵

こんにちは、ちょこです。 このブログでは「ゲームのUIを見てみましょう」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「逆転オセロニア」のボタンの配置でグルーピングを利用したデザイ…

「ドールズフロントライン」グローバルメニューに施設同士の距離を載せることにより、実際にそこに施設が存在している感がある

こんにちは、ちょこです! 「ドールズフロントライン」のグローバルメニューの中に施設間の距離が表示されていました! あんまり見ないデザインであったので、事例として紹介します。 該当の画面はこちらです。画面上部から表示されるメニューです。 このよ…

「マギア カルマサーガ(Magia Charma Saga)」下位階層のメニューの一括表示のON/OFF機能。メニューが多くなって収拾付かなくなった時の緊急避難としてはアリ?

こんにちは、ちょこです。 「マギア カルマサーガ(Magia Charma Saga)」で珍しい機能としてメニューの「全体展開表示」という設定がありました。 アニメーションさせるとこんな感じ。 ▲単純にギミックとしてかっこいい! 右上にある「全体展開表示」をONに…

「アークナイツ」メニューデザインの凄いところ

こんにちは、ちょこです。 「アークナイツ」のメニューが凄いって話をします。 1:画面上部にある 2:上下二段に分かれている 1:画面上部にある ▲画面上部にメインメニューが表示されます 開閉アニメーションはこのようになっています。 ▲普段は隠れていて…

「CUE!キュー」メニュー項目にて、メインの機能が下の方にレイアウトされている件に関して

こんにちは、ちょこです。 CUEのメニュー項目で独特な実装があったので、考えてみました。 メイン項目が下にあるんですよね… こんな感じ。 このデザインコンセプトは初めて見たかも。 CUEのUIは全体的にクセが強いというか、意欲的というか…。設計がきちんと…

「妖怪ウォッチぷにぷに」ターゲットを明確に意識し、ユーザーの学習コストを抑えるメニューのデザイン

こんにちは、ちょこです。 「妖怪ウォッチぷにぷに」のメニューに関して学習コストを下げる工夫が仕込まれていたので、気付いた範囲で書いていきます。 妖怪ウォッチのメニュー画面はこんなデザインです。 メニューがストーリーの進行に合わせて増えていく …

「妖怪ウォッチ ゲラポリズム」メニューの開閉アニメーションが凝っていて可愛かったので紹介します

こんにちは、ちょこきなこです。 「妖怪ウォッチ ゲラポリズム」のメニューの開閉演出が凝っていたので紹介させてください。 アニメーション全体としては、こんな感じで回転しながら表示されています。 かわいい。 演出の理由を考えた時に、メニュー項目のロ…

「きららファンタジア」メニュー項目が整理されていたので比較しました

こんにちは、ちょこきなこです。 「きららファンタジア」のメニュー項目を新旧で比較してみました。 リリース直後は以下のようなデザインだったようです。 色とか並び方が雑然としている印象です。 上の方にメインコンテンツを配置しているのかな…。ですが、…

「クレヨンしんちゃん 一致団ケツ! かすかべシティ大開発」メニュー画面のデザインの紹介

こんにちは、ちょこきなこです。 「クレヨンしんちゃん 一致団ケツ! かすかべシティ大開発」のメニュー画面を紹介します。 よく見て欲しいのですが、「メニュー」ではなく、「メニュ〜」と表示しています。 特に必然性のない表現ではありますが、どんな意図…

「七つの大罪 光と闇の交戦 : グラクロ」メニューのデザインが可愛い!

こんにちは、ちょこきなこです。 今回はゆる記事です。 グラクロは料理周りのUIがたいへん丁寧なのですが、メニュー周りのUIを紹介させてください。 関係する画面はこのあたりです。 はい、かわいい! というかほんとに作り込みおかしい。 可愛いポイント! …

「アイドルマスター ミリオンライブ! シアターデイズ」たくさん情報が並ぶと一見して分かりづらいので、分かりやすくする工夫が大事!

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 ボタン多過ぎぃ!!そこで、認識しやすくするために、チャンク(まとまり)を利用して色分けしていると思うのですが、それでもまだ不十分な気がしています。 不十分に感じている理由ですが、 色で…

「なめこザワールド」の研究室メニュー画面の紹介

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 今日はちょっとゆるめの話。なめこ。 なんていうんでしょうね、 こういうイラストとUIを合致させようとするデザインジャンル。 拡張性に乏しく限定的なデザインになりがちなので、ソシャゲに…

「キングスレイド」メニュー画面の可読性と世界観が気になるユーザーのつぶやき

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「キングスレイド」からメニュー画面を紹介します。中身の項目ですが、 ・パッチノート・新規ログイン・ヘルプ・観戦・コミュニティ・イベント・プレイ記録 と、日本のソーシャルゲームではあま…