以下の内容はhttps://appgameui.hatenablog.com/entry/2025/07/15/233822より取得しました。


「トライブナイン」再開するエリアに合わせてタイトル画面の背景も変わるデザイン

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

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

今回は「トライブナイン」のタイトル画面のデザインを紹介します。
バリエーションが多く、没入感を高める効果があるようにも感じました。丁寧に作られている印象を受けます。
以下、目次です。

 

再開するエリアに合わせて変化し、没入感が高い

「トライブナイン」のタイトル画面は、ゲームを再開するエリアに合わせた背景が表示されます。

以下はタイトル画面とゲーム画面を比較した表です。
読み込みの都合なのか詳しいことはわからないのですが、タイトル画面には「入力待ち」と「ゲーム開始待ち」の2つの状態が用意されています。

入力待ち ゲーム開始待ち ゲーム画面
f:id:appgameui:20250615225240p:image f:id:appgameui:20250615225248p:image

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

f:id:appgameui:20250615225259p:image f:id:appgameui:20250615225301p:image

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

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

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

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

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

表示されているエリアがゲーム内外で共通しているため、ゲーム開始前後で変化する情報量が少なく、没入感を高めていると感じます。特に配色が似ている点が、直感的な分かりやすさに繋がっている印象を受けます。

 

現在のパーティを表示する

タイトル画面にパーティキャラを表示することで、所有効果が強化されているように感じました。

補足:所有効果とは、自分が所有しているものに対して、そうでないものよりも高い価値を感じてしまう認知バイアスのことです。この場合はセーブデータに対して効果を発揮していると推測しています。

タイトル画面 ゲーム画面
◆◆◆◆◆◆◆◆◆◆◆◆◆◆ ◆◆◆◆◆◆◆◆◆◆◆◆◆◆

▲編成中のキャラがタイトル画面にも表示される

また、キャラの衣装も反映されています。
これも所有効果を高める要因のひとつだと考えます。

衣装変更前 衣装変更後
◆◆◆◆◆◆◆◆◆◆◆◆◆◆ ◆◆◆◆◆◆◆◆◆◆◆◆◆◆

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

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

▲タイトル画面では衣装も反映される

タイトル画面で表示されているのはセーブデータです。しかし、情報を可視化することでプレイヤー自身の体験と強く紐付けられ、所有効果のような特別な感情を思い起こせるのではないかな、と推測します。

 

以上です。
没入感の高いタイトル画面をデザインする際の参考になれば幸いです。

 

このブログではこのようにゲームUIついて簡単にまとめて紹介しています。
もし良かったら話のネタ程度に他の方に紹介していただけると嬉しいです。

 


権利者さまへ

 

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

「トライブナイン」のガイドラインを確認したところ、以下の記載がありました。

ガイドラインに沿って活動いただければ、YouTube、Twitch、X、Facebook、お客様ご自身のウェブサイト、またはその他の動画共有サイトで、ゲームの攻略・紹介・実況・解説動画を投稿していただくことが可能です。また、配信や投稿できる範囲に制限は設けませんので、ゲーム全編を配信・投稿することが可能です。

ゲーム『トライブナイン』配信・投稿ガイドライン - 【公式】トライブナイン / TRIBE NINE

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

トライブナインのコンテンツ利用ガイドラインです。2025年4月19日版です

 

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

 

お問い合わせ




以上の内容はhttps://appgameui.hatenablog.com/entry/2025/07/15/233822より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14