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

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

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

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

 

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

 

今回は「アルゴナビス from BanG Dream! AAside」通称「ダブエス」から、キャラクターのプロフィール画面に表示されている好物を紹介します。

 

好物が表示されているのは一般的ではありますが、その内容が少し風変りでした。
該当の画面はこちらです。

f:id:appgameui:20211214234959p:image

 

画面左側にキャラクターの2Dグラフィック、右側にキャラクターのパーソナル情報が表示されています。

その情報の中で注目したいのはこちらです。
好きなものに「ラッキーピエロハンバーガー」があります。

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

 

ラッキーピエロは北海道では有名な飲食店で、非常に地方色の強いお店です。
キャラクターが北海道出身であるため、地元のショップを推している、という構図です。

このように「ダブエス」では、キャラクターの好物がそのキャラの出身のお店になっているものが多く見られました。

具体的なお店まで言及する例は、他のゲームタイトルにはない特徴かと思います。

 

権利表記画面にも名前の表示に協力してくれた会社名が掲載されています。

f:id:appgameui:20211214234921p:image

 

例えば、以下の会社名が並んでいます。※一部列挙

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

「え!これって全国チェーンじゃないの!?」
というお店もあるかもしれませんが、基本的には地元色の強いお店が多い印象を受けます。

 

このように地元を強調することで…

  • キャラの出身や郷土愛のアピール
  • その地域で生まれ育ったファンへのアピール
  • 他のゲームにはない特徴のアピール

こういった役割が果たせるのではないか、と考えました。
他のキャラクターも紹介してみます。

 

f:id:appgameui:20211214234950p:image

 

こちらのキャラクターは天下一品ですね。ラーメンを省略している点が興味深いです。

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

 


f:id:appgameui:20211214235005p:image

 

鶴屋吉信の京観世です。和菓子が好きなようです。
イメージに合う好物だと感じました。

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

 


f:id:appgameui:20211214234945p:image

 

このキャラは岩崎本舗角煮まんじゅうが好物です。ただの角煮まんじゅうではなく、メーカーを指定している辺り、こだわりが感じられます。

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

 


f:id:appgameui:20211214234939p:image

 

このキャラはツル茶んの食べるミルクセーキが好きなようです。

ツル茶んは現代っぽい店名ではありますが、大正14年(1925年)にオープンした超老舗の喫茶店です。これは気になります…!

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

 


f:id:appgameui:20211214234954p:image

 

このキャラの好物は、しるこサンドです。
ビジュアルの派手さと好物の地味さのギャップが激しい。

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

www.youtube.com

 

 


f:id:appgameui:20211214234932p:image

 

このキャラクターはスガキヤのラーメンが好きなようです。
庶民的な印象が愛おしく感じます。

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

www.youtube.com

このようにキャラクターのプロフィールに特徴を持たせることで、コンテンツのイメージを印象付けることに繋がります。

UIデザイナーが表示する情報を取りまとめたりデザインすることもあるかと思うので、紹介させていただきました。

 

 

以上です。

キャラクターのプロフィール画面をデザインする際の参考になれば幸いです。

 

 

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

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

 


権利者さまへ

 

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

「アルゴナビス from BanG Dream! AAside」のガイドラインを確認したところ、ゲーム内で使用されている画像やスクリーンショット画像はWebサイトやSNSへ投稿しても良い旨の文章がありました。

 

Contents Guideline | ARGONAVIS(アルゴナビス) from BanG Dream! 公式ポータルサイト

 

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

ARGONAVISプロジェクトが権利を有するイラスト、画像等の使用につきまして、個人に使用許諾することはございません。
個人でお楽しみいただく範囲での使用については、SNS等での投稿を含め、特に弊社からなんらかの対応をすることはございません。

 

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

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



 

これによりゲーム画面のスクリーンショットのブログの利用についてはガイドラインに従った前提で許可されている認識でおります。

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

 

お問い合わせ