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

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

011_画面別-キャラ詳細/プロフィール画面

「アルゴナビス from BanG Dream! AAside」スガキヤや天下一品が好物のアイドルとプロフィール画面のデザイン

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

「オンエア!」キャラクターのプロフィール画面、相関図がゲームらしくデザインされていた

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです。 今回は「オンエア!」のキャラクターのプロフィール画面のデザインを紹介…

「エリオスライジングヒーローズ」キャラクターのプロフィール項目の中にある家族構成の欄が気になる

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

「三國志 覇道」演義と正史の情報が書かれた武将プロフィール画面、複数の作品に登場するキャラクターのプロフィール画面のデザインの参考に

こんにちは!ちょこです! このブログでは「ゲームのUIを見てみよう!」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「三國志 覇道」の武将のプロフィールのデザインについて紹介します!…

「ブラック・サージナイト」エラーメッセージに世界観を取り入れて没入感を妨げない工夫

こんにちは!ちょこです! このブログでは「ゲームのUIを見てみよう!」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ブラック・サージナイト」の世界観を取り入れたエラーメッセージを…

「逆転オセロニア」長押しすると駒のステータスの最大値が表示される。分かりやすさと画面の情報量のバランスを取るのが難しいところ

こんにちは、ちょこです。 このブログでは「ゲームのUIを見てみましょう」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「逆転オセロニア」から駒の詳細画面で長押しすると、駒のステータ…

「パニシング:グレイレイヴン」プロフィール欄は世界観を伝えるために使える場所

こんにちは!ちょこです! 今回は「パニシング:グレイレイヴン」のキャラプロフィール画面から、世界観を表したテキストがあったので紹介します。 世界観を表現するテキストを考える際の参考になれば幸いです。 該当の画面はこちらです。 画面左側に3Dの…

「ブラックスター -Theater Starless-」ゲームUIの情報設計の学習には、なんだかんだで既存のゲームをたくさん触る必要があるという話に落ち着いて

こんにちは、ちょこです。 「ブラックスター -Theater Starless-」のストーリーを読むかどうか確認するダイアログで登場人物の情報が表示されるのですが、そこにプレイヤーの有無も表示されているのが興味深いです。 ▲自分自身が表示されているのが興味深い …

「スタンドマイヒーローズ」プロフィールがプロフ帳みたいで可愛い!

こんにちは、ちょこです! 「スタンドマイヒーローズ」のキャラクターのプロフィール画面が没入感のあるデザインになっていました! ▲履歴書ではないのですが、何かそれっぽいデザイン 項目には「疲れた時はどうしてる?」「大事なものの隠し場所は?」など…

「ビーナスイレブンびびっど!」キャラプロフィールにあだ名という情報があるのが興味深い

こんにちは、ちょこです! 「ビーナスイレブンびびっど!」のキャラクターのプロフィールで「あだ名」という情報があることに驚きました! キャラクターのプロフィールが表示される画面ですが「あだ名」という情報があることに気付くかと思います。 ▲ゆうか…

「アークナイツ」プロファイル画面の3つの謎

こんにちは、ちょこです。 「アークナイツ」の図鑑の下位階層にキャラクターのプロファイル画面があるのですが、そこで面白い挙動があったので紹介します。 右側にあるボタンをタップするとそれぞれ「プロファイル」「ボイス」の情報が表示されます。 ▲動く…

「パレットパレード」キャラのプロフィール画面で思いがけない作り込み。キャラクター推しのゲームは参考にしたい

こんにちは、ちょこです。 パレパレの作り込みで面白かった部分を紹介します。 部屋のデザインをキャラクターごとに変えているんですよね。 この二人は同じ部屋…?史実では懇親があったようなのでそれをデザインに活かした? と言っても、全て個別に作るので…

「パレットパレード」一つ一つは細かいけど、たくさん粗があるとアプリのクオリティが下がって見えるので勿体ない

こんにちは、ちょこです。 「パレットパレード」をプレイしていていくつか気になった部分がありました。 こういった部分がきちんと詰められるともっと良くなるのかな、と思います。 1:文字の境界線の不統一 2:画像が切れている 3:画像のパターンが綺麗に…

「妖怪ウォッチメダルウォーズ」汎用ポップアップばかりだとシステムっぽく見えない?少しの工夫でゲームっぽく見せている事例の紹介

こんにちは、ちょこきなこです。 UIのパーツを作成していて、汎用の素材を使ってウィンドウをデザインすることって多いと思います。それは汎用的な素材の方がデータの読み込みが速かったり、デザインの統一性が図れたりするためです。 「妖怪ウォッチメダル…

「王子様のプロポーズ Eternal Kiss」力を入れるは世界観!

こんにちは、ちょこきなこです。 王子様のプロポーズのUIの話なのですが、このタイトル、基本的には簡素なUIのパーツで作られています。 ただ、世界観というか、 物語に没入できる部分に関してはグラフィックに凝ったデザインになっています。 いくつか具体…

「メギド72」フリック可能を示すカーソルの位置とアニメーションは大事だよ!

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 この画面、左右フリックでキャラ切り替え出来るんですが、直感的じゃないと感じました。 なぜなら画面の中央に目線がいってるので、<>の記号を見落とすから。 他の画面はこんな感じの位置。 …

「欅のキセキ」育成による分岐。繰り返し遊ばれる機能であれば、飽きさせないための工夫も必要

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 覚醒でシナリオ分岐するのか…。 育成で分岐するソシャゲってあったかな…イベント結果で獲得できるキャラが変わる、とかはあった気がするけど、恒常的に分岐する仕様は珍しい気がする。 タクティ…

「キャプテン翼〜たたかえドリームチーム〜」アプリからコミック購入の導線の紹介

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 キャラクターの詳細画面(正しくは選手名鑑)に「活躍したコミック」ってあるんですよね。 これ、なんで置いてあるのかなー、と思ったのですが女性ユーザーを意識した導線だと推測しています。 こ…

「千銃士」また右上に見出しがある

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 以前、見出しが右上にあるのってなんでだろう、って記事書いたんですが、割とすぐ他事例があったので考えてみます。 もうあれですね、その画面に遷移する前にユーザーは何の画面か分かっている…

「刀使ノ巫女 刻みし一閃の燈火」着替え画面は他の画面と違ってかわいいデザインになっとる

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 今日は「刀使ノ巫女 刻みし一閃の燈火」から着替え画面のデザインを紹介します。 ここだけ世界観が柔らかいんですよね。他がバトル要素に絡むメニューになっているので、キャラクター達が安らぐ…