本文へスキップ
UI設計

セーブスロットと復旧導線を破綻させないゲームUI設計ガイド

上書き事故、最新セーブの見失い、復旧の不安を減らすために、セーブ画面と警告導線をどう整理するかを解説します。

公開日: 2026-07-07#Unity#セーブ設計#復旧導線#UI設計#Beginner
+
*
+
ココ先生・喜ぶ
ココ先生
ゲーム開発の案内役
この記事では セーブと復帰導線 を、読んで終わりにせず、SaveRecoveryDemo の小さな実装イメージまでつなげて案内します。
+
*
+
はじめちゃん・笑う
はじめちゃん
ゲームエンジン学習中
セーブスロットと復旧導線を破綻させないゲームUI設計ガイド を読む前に、まずUnity のどこを見ればよいかを確認したいです。
ココ先生
今日は「セーブと復帰導線」を、まず何が変わるのか、次に画面で何を見せるのか、最後にどの値を確認するのか、という順番で読んでいきます。
はじめちゃん
大きなテーマに見えますが、今日は「SaveRecoveryDemo」という小さな練習用の場面だけを作るのですね。何から始めればよいか分かりました。
ココ先生
保存地点を記録を表示、Retry Buttonで進める、リトライを選ぶを確認の流れを追えば、記事の内容を自分のプロジェクトへ移しやすくなります。
セーブスロット、復旧警告、上書き確認を描いたヒーロー画像
完成イメージ

セーブと復帰導線の状態を分ける

保存地点を記録、リトライを選ぶ、復旧警告を出す を別々の状態として扱い、今どの段階かを画面で確認できるようにします。

どこから戻るかをUIで伝える

Console だけではプレイヤーには見えません。TextMeshPro や Slider に saveSlotIndex / checkpointDistance / retryCount を出して、判断材料を画面へ移します。

最小実装から広げる

まず SaveRecoveryDemo を動かし、その後に本物の入力、通信、戦闘、保存処理などへ置き換えると、原因を見失いにくくなります。

導入

セーブ枠を押す前に、上書きか新規かを表示します。大事なノートに上書きする前の確認画面です。

作るもの

Canvas に slotLabel、warningPanel、confirmButton を置きます。SaveSlotUi に三つの枠を登録します。

枠の状態を読む

public void Select(int index){ selected=index; bool used=PlayerPrefs.HasKey($"slot_{index}"); warningPanel.SetActive(used); slotLabel.text=used?"上書きしますか?":"新しい記録を作ります"; }

確認後に保存する

public void Confirm(){ PlayerPrefs.SetString($"slot_{selected}",System.DateTime.Now.ToString()); PlayerPrefs.Save(); warningPanel.SetActive(false); }

完成版

using UnityEngine;using TMPro;public class SaveSlotUi:MonoBehaviour{[SerializeField]TMP_Text slotLabel;[SerializeField]GameObject warningPanel;int selected;public void Select(int index){selected=index;bool used=PlayerPrefs.HasKey($"slot_{index}");warningPanel.SetActive(used);slotLabel.text=used?"上書きしますか?":"新しい記録を作ります";}public void Confirm(){PlayerPrefs.SetString($"slot_{selected}",System.DateTime.Now.ToString());PlayerPrefs.Save();warningPanel.SetActive(false);}}
はじめちゃん
最後に整理すると、セーブと復帰導線でいちばん見失いやすい所はどこですか?
ココ先生
内部処理だけを追って、画面で伝える言葉を後回しにする所です。SaveRecoveryDemoでは、まずプレイヤーに見える変化を先に決めます。
はじめちゃん
流れは「保存地点を記録を表示」から始めて、「Retry Buttonで進める」で操作を入れる、と覚えればよいですか?
ココ先生
その通りです。その後に「リトライを選ぶを確認」で途中状態を見て、「復旧警告を出すで結果を見る」で結果を確認します。順番を固定すると、失敗した場所も見つけやすくなります。
はじめちゃん
つまり、いきなり完成システムにせず、状態名、表示、値の変化を小さくそろえるのですね。
ココ先生
はい。最後は「セーブと復帰導線をわかりやすく考える」の考え方で、難しい処理をプレイヤーに伝わる短い合図へ置き換えられるか確認しましょう。
この記事のまとめを案内するガイドキャラクター

この記事のまとめ

上書き事故、最新セーブの見失い、復旧の不安を減らすために、セーブ画面と警告導線をどう整理するかを解説します。

大きな違いを生むのは、派手な性能よりも 毎日触れる環境を無理なく整えること です。見やすい画面と使いやすい道具がそろうと、学習や次の一歩を決めやすくなります。