こんにちは、まいです！
歴史の流れやサービスの進化、プロジェクトの歩みなどを人に伝えたいとき、ついつい文字だけの年表になってしまって「読みにくいな……」と感じたことはありませんか？
今回は、キャラクターが時間軸の空間を歩きながら、変化のストーリーを案内してくれる図解表現をご紹介します！
今回の図解表現
今回使う図解表現は、
Timeline Traveler
です。
直訳すると「時間の旅人」。その名前のとおり、キャラクターが過去から未来へと続く一本のルートを実際に旅しながら、何が起きてどう変わったのかをナビゲートしてくれる図解スタイルです。
この図解はどんな表現？
一般的な年表の図解だと、カレンダーやリストの横にちょこんとキャラクターが立っているだけ、というレイアウトになりがちですよね。
でも、この Timeline Traveler は全く違います！
時間軸そのものが「道」や「展示空間」のようなひとつの空間になっていて、キャラクターがその上を歩いたり、立ち止まったりして変化を観察します。
「年号や出来事を順番に読む」のではなく、「時間の経過によって何が変わったのかを、キャラクターと一緒に視覚的に体験できる」のが最大の魅力です。
この表現ならではのポイント
この図解表現で特に意識されているのは、次のようなポイントです。
- 時間軸が空間になっていること：左から右へ続く一本の道やレールのように、時間の流れがひとつの連続した空間として描かれます。
- キャラクターが観察者であること：キャラクターはただポーズを取るのではなく、「過去を観察する」「ターニングポイントで立ち止まる」「次の地点を見つめる」といった具体的な旅の行動をしています。
- 主役はあくまで「変化」：キャラクターが目立ちすぎるのではなく、出来事によってモノや状態がどう変わったかという「変化の積み重ね」が主役になります。
出来事をただ並べるのではなく、転換点（ターニングポイント）をしっかり強調することで、「だから今こうなっているんだ！」という因果関係がひと目でわかるようになります。
デザインのポイント
私がこの図解を見て「ここがすごく綺麗だな！」と感じたデザインのポイントをいくつか紹介しますね。
ひとつ目は、視線誘導のスマートさです。
画面の左端（過去）から右端（未来）に向かって時間軸が伸びていて、読者の目線が自然にキャラクターの歩みと同じ方向に誘導されます。キャラクターの視線や体の向きも次の出来事へ向いているので、迷わずに読み進められます。
ふたつ目は、変化を比較しやすい整った構図です。
技術の進化や製品の移り変わりを描くとき、対象物の大きさや視点がバラバラだと違いが分かりにくくなりますよね。このスタイルでは、描く角度や表現方法が統一されているため、どこがどう進化したのかが直感的に伝わります。
そして、引き算された配色と余白も素敵です。
背景はすっきりとした白を基調にして、ベースはグレーや黒。そこに強調したい転換点だけアクセントカラーを使うことで、知的な専門誌のような落ち着いた雰囲気に仕上がります。
こんな内容におすすめ
Timeline Traveler は、時間の経過に伴う「変化」や「ストーリー」を伝えたいときにぴったりです！
- テクノロジーや製品の進化史（初代から最新モデルへの進化）
- 会社やサービスの沿革（創業から現在までの転換点）
- プロジェクトや業務改善のプロセス（問題発生から改善後の成果まで）
- 生き物や植物の成長プロセス
- 歴史上の重要な出来事と因果関係
単なるスケジュールの確認ではなく、「どうしてそうなったのか」「どこで劇的に変わったのか」を伝えたいときに絶大な効果を発揮します。
実際に作ってみよう
この図解を作るときは、ChatGPTに以下のような構成で情報を伝えます。
- 案内役となるキャラクターの画像を添付する
- 解説したい時間軸の情報を入力する
入力する情報は、細かな日付を大量に並べるよりも、3〜6個くらいの重要な出来事に絞り込むのがコツです。「スタート地点」「最大の転換点」「現在の状態」をはっきりと整理して渡してあげると、AIが綺麗な時間軸のルートを組み立ててくれます。
今回使った汎用プロンプト
# Timeline Traveler
## 目的
入力された情報を分析し、添付されたキャラクターが時間軸の上を移動しながら、出来事・変化・発展・因果関係を案内する、高品質な「Timeline Traveler Style」の解説図を生成してください。
単なる「年表＋キャラクター」ではなく、時間軸そのものをキャラクターが旅する空間として表現してください。
キャラクターは過去の出来事を観察し、転換点で立ち止まり、前後の状態を比較しながら、現在や未来へ進むナビゲーターです。
目標は「出来事を順番に読む」のではなく、「時間の経過によって何が変わったのかを視覚的に体験する」ことです。
## 入力情報
【情報】
(ここに解説したい情報)
【キャラクター】
添付されたキャラクター画像を使用してください。
## 情報分析
最初に以下を整理してください。
- 対象となる期間
- 開始時点と終了時点
- 重要な出来事
- 発生順序と時期
- 状態の変化
- 転換点・分岐点
- 継続した要素
- 原因と結果
- 最終的に理解させたい変化
すべての出来事を均等に扱わず、理解に必要な3～6個程度の重要地点を中心に構成してください。
## 時間軸の空間化
時間軸を画面の中心となる巨大な構造として描いてください。
例えば、
- 左から右へ続く時間の道
- 過去から未来へ伸びる一本のレール
- 年代ごとに変化する風景
- 技術の進化を示す連続した展示空間
- 出来事が配置された階段状の時間軸
- 成長過程を追う曲線状のルート
などです。
時間の進行方向は明確にし、出来事の順序を正確に維持してください。
実際の経過時間を表す場合は、間隔の大小にも意味を持たせてください。均等配置を採用する場合は、時間間隔を表す縮尺と誤認させないでください。
## キャラクターの役割
キャラクターには時間を旅する具体的な行動を与えてください。
例えば、
- 過去の状態を観察する
- 時間軸に沿って歩く
- 重要な転換点で立ち止まる
- 変化した対象を指し示す
- 過去と現在を見比べる
- 次の出来事へ視線を向ける
- 未来の予測地点を確認する
などです。
キャラクターの位置・視線・姿勢によって、読者が自然に時間の流れを追えるようにしてください。
同じキャラクターを大量に複製せず、原則一人のナビゲーターとして描いてください。
## キャラクターの再現
添付画像の髪型・髪色・顔立ち・瞳・服装・配色・アクセサリー・体型・頭身・全体的な雰囲気を維持してください。
時代に合わせて勝手に衣装を変更しないでください。
表情は好奇心・発見・納得を自然に表現し、過剰な漫画的リアクションは避けてください。
## 出来事と変化の可視化
各地点には日付や名称だけでなく、出来事を象徴する対象物・構造・状態を配置してください。
例えば、
- 技術進化：旧製品から新製品への形状変化
- 製造工程：材料から完成品への変化
- 成長記録：大きさや数量の推移
- 歴史：各時代を象徴する建築物や道具
- 業務改善：作業手順の変化
- システム開発：機能追加と構成の発展
などです。
変化前後で同じ対象を比較できるよう、可能な限り視点・縮尺・表現方法を揃えてください。
## 転換点と因果関係
重要な変化が起きた地点は、拡大・アクセントカラー・短い注釈などで強調してください。
「何が起きたか」だけでなく、「その結果、何が変わったか」を視覚的につなげてください。
ただし、時間的に連続しているだけの出来事を、根拠なく因果関係として描かないでください。
予測や計画は、確定した過去の事実と区別してください。
## レイアウト・デザイン
画面全体を一つの連続した時間空間として構成してください。
視線が、
開始地点 → 重要な出来事 → 転換点 → 状態の変化 → 最終地点
へ自然に進むようにしてください。
背景は完全な白（Pure White Background）を基本とし、黒・グレーとアクセント1～2色を中心に使用してください。
キャラクター本来の固有色は維持してください。
全体は、
Editorial Timeline
＋
Visual Storytelling
＋
Character Navigation
を組み合わせた、清潔で知的な表現としてください。
2Dを基本に、必要に応じて軽い2.5Dやアイソメ表現を使用してください。
## 禁止事項
以下は避けてください。
- 年表の横にキャラクターを立たせるだけ
- 出来事を文章カードだけで並べる
- 時間順序の逆転
- 不正確な日付・期間
- 時間間隔を誤認させる配置
- 過去の事実と未来予測の混同
- 根拠のない因果関係
- 存在しない出来事の追加
- キャラクターの大量複製
- 不必要な時計・砂時計・タイムマシン
- 大量の丸角カード
- 過剰な3D・映画的パース
- 重い影・発光・複雑なグラデーション
- 長文中心の説明
- 幼児向け教材風
## 文字・出力仕様
画像内のタイトル、出来事、注釈は原則として日本語にしてください。
年号・日付・単位・製品名・専門用語などは正確に維持してください。
アスペクト比：16:9
高解像度で生成し、時間軸・日付・ラベル・対象物を明瞭に描画してください。
## 最終イメージ
「キャラクターが年表を説明する画像」ではありません。
「キャラクターが過去から未来へ続く時間軸を旅し、各時点の出来事を観察しながら、変化の積み重ねと重要な転換点を読者と一緒に発見するTimeline Traveler」にしてください。
「年号を並べる」ではなく「時間の流れを体験する」、
「出来事を読む」ではなく「変化を観察する」、
「キャラクターが主役」ではなく「時間の変化が主役」、
「過去と未来を飾る」ではなく「前後の関係を理解する」
デザインにしてください。- プロンプトの役割：キャラクターを時間軸のナビゲーターとして配置し、エディトリアルデザイン風の高品質な年表・進化図を生成する
- 書き換えて使う部分：プロンプト内の「情報」の欄に、解説したい出来事や変化のステップを箇条書きで記入します
- 必要な素材：案内役にしたいキャラクターの画像を1枚添付します
このプロンプトは、「キャラクターを複製して何人も並べない」「余計なタイムマシンや派手な時計などの装飾を入れない」といった引き算のルールがしっかり設計されています。そのため、子どもっぽくならず、洗練された大人の解説図ができあがります。
まいのポイント
私なら、「時間の間隔」と「余白の取り方」に注目して調整してみたいです！
例えば、1年で一気に進化した期間と、10年かけてじっくり変わった期間がある場合、その距離感や余白の広さを変えることで「時間の重み」を表現できます。
また、一番ドラマチックだった「転換点」の場所だけ、少しキャラクターの足を止めさせて、吹き出しや拡大図を添えるようなレイアウトを意識すると、メリハリがついて一気にストーリー性が高まりますよ。
出来事の移り変わりを分かりやすく伝えたいときは、ぜひこの Timeline Traveler を試してみてくださいね！
# Timeline Traveler
## 目的
入力された情報を分析し、添付されたキャラクターが時間軸の上を移動しながら、出来事・変化・発展・因果関係を案内する、高品質な「Timeline Traveler Style」の解説図を生成してください。
単なる「年表＋キャラクター」ではなく、時間軸そのものをキャラクターが旅する空間として表現してください。
キャラクターは過去の出来事を観察し、転換点で立ち止まり、前後の状態を比較しながら、現在や未来へ進むナビゲーターです。
目標は「出来事を順番に読む」のではなく、「時間の経過によって何が変わったのかを視覚的に体験する」ことです。
## 入力情報
【タイトル】
種から花へ ― 植物の成長を旅する
【テーマ】
種を植えてから花が咲くまでの成長過程を、時間軸に沿って観察する。
【対象期間】
0日目〜60日目（架空の成長モデル）
【主な出来事】
- 0日目：種まき。土の中に小さな種がある。
- 3日目：発芽。種から根と芽が伸び始める。
- 7日目：双葉が開き、地上に小さな緑が現れる。
- 30日目：茎と葉が成長し、つぼみができる。
- 60日目：花が咲き、成長の成果が見える。
【時間軸の表現】
左から右へ続く一本の道を時間軸とし、各地点に植物の成長状態を配置する。
経過日数に応じて地点間の距離を変える。
0〜7日目は短い間隔に複数の出来事を配置し、7〜30日目、30〜60日目は長い道と広い余白で時間の経過を表現する。
短期間に起きる変化も見やすいよう、時間軸は模式図とする。
【重要な転換点】
3日目の「発芽」を強調する。
キャラクターが足を止め、土の断面を覗き込む。
種から根と芽が伸びる瞬間を拡大図で示し、
「ここから成長が始まるんだ！」という短い吹き出しを添える。
【キャラクターの行動】
キャラクターは時間軸の道を歩きながら成長を観察する。
発芽地点では立ち止まり、最後の開花地点では花を見上げる。
原則として一人だけ配置する。
【伝えたいこと】
植物は毎日同じ速度で変化するわけではなく、短期間の大きな変化と、長い時間をかけた成長を積み重ねて花を咲かせる。
【デザイン】
白背景のシンプルな2D図解。
植物の成長を主役にし、時間軸の距離と余白で時間の長さを感じさせる。
重要な転換点のみ拡大図と吹き出しを使用する。
【キャラクター】
添付されたキャラクター画像を使用してください。
## 情報分析
最初に以下を整理してください。
- 対象となる期間
- 開始時点と終了時点
- 重要な出来事
- 発生順序と時期
- 状態の変化
- 転換点・分岐点
- 継続した要素
- 原因と結果
- 最終的に理解させたい変化
すべての出来事を均等に扱わず、理解に必要な3～6個程度の重要地点を中心に構成してください。
## 時間軸の空間化
時間軸を画面の中心となる巨大な構造として描いてください。
例えば、
- 左から右へ続く時間の道
- 過去から未来へ伸びる一本のレール
- 年代ごとに変化する風景
- 技術の進化を示す連続した展示空間
- 出来事が配置された階段状の時間軸
- 成長過程を追う曲線状のルート
などです。
時間の進行方向は明確にし、出来事の順序を正確に維持してください。
実際の経過時間を表す場合は、間隔の大小にも意味を持たせてください。均等配置を採用する場合は、時間間隔を表す縮尺と誤認させないでください。
## キャラクターの役割
キャラクターには時間を旅する具体的な行動を与えてください。
例えば、
- 過去の状態を観察する
- 時間軸に沿って歩く
- 重要な転換点で立ち止まる
- 変化した対象を指し示す
- 過去と現在を見比べる
- 次の出来事へ視線を向ける
- 未来の予測地点を確認する
などです。
キャラクターの位置・視線・姿勢によって、読者が自然に時間の流れを追えるようにしてください。
同じキャラクターを大量に複製せず、原則一人のナビゲーターとして描いてください。
## キャラクターの再現
添付画像の髪型・髪色・顔立ち・瞳・服装・配色・アクセサリー・体型・頭身・全体的な雰囲気を維持してください。
時代に合わせて勝手に衣装を変更しないでください。
表情は好奇心・発見・納得を自然に表現し、過剰な漫画的リアクションは避けてください。
## 出来事と変化の可視化
各地点には日付や名称だけでなく、出来事を象徴する対象物・構造・状態を配置してください。
例えば、
- 技術進化：旧製品から新製品への形状変化
- 製造工程：材料から完成品への変化
- 成長記録：大きさや数量の推移
- 歴史：各時代を象徴する建築物や道具
- 業務改善：作業手順の変化
- システム開発：機能追加と構成の発展
などです。
変化前後で同じ対象を比較できるよう、可能な限り視点・縮尺・表現方法を揃えてください。
## 転換点と因果関係
重要な変化が起きた地点は、拡大・アクセントカラー・短い注釈などで強調してください。
「何が起きたか」だけでなく、「その結果、何が変わったか」を視覚的につなげてください。
ただし、時間的に連続しているだけの出来事を、根拠なく因果関係として描かないでください。
予測や計画は、確定した過去の事実と区別してください。
## レイアウト・デザイン
画面全体を一つの連続した時間空間として構成してください。
視線が、
開始地点 → 重要な出来事 → 転換点 → 状態の変化 → 最終地点
へ自然に進むようにしてください。
背景は完全な白（Pure White Background）を基本とし、黒・グレーとアクセント1～2色を中心に使用してください。
キャラクター本来の固有色は維持してください。
全体は、
Editorial Timeline
＋
Visual Storytelling
＋
Character Navigation
を組み合わせた、清潔で知的な表現としてください。
2Dを基本に、必要に応じて軽い2.5Dやアイソメ表現を使用してください。
## 禁止事項
以下は避けてください。
- 年表の横にキャラクターを立たせるだけ
- 出来事を文章カードだけで並べる
- 時間順序の逆転
- 不正確な日付・期間
- 時間間隔を誤認させる配置
- 過去の事実と未来予測の混同
- 根拠のない因果関係
- 存在しない出来事の追加
- キャラクターの大量複製
- 不必要な時計・砂時計・タイムマシン
- 大量の丸角カード
- 過剰な3D・映画的パース
- 重い影・発光・複雑なグラデーション
- 長文中心の説明
- 幼児向け教材風
## 文字・出力仕様
画像内のタイトル、出来事、注釈は原則として日本語にしてください。
年号・日付・単位・製品名・専門用語などは正確に維持してください。
アスペクト比：16:9
高解像度で生成し、時間軸・日付・ラベル・対象物を明瞭に描画してください。
## 最終イメージ
「キャラクターが年表を説明する画像」ではありません。
「キャラクターが過去から未来へ続く時間軸を旅し、各時点の出来事を観察しながら、変化の積み重ねと重要な転換点を読者と一緒に発見するTimeline Traveler」にしてください。
「年号を並べる」ではなく「時間の流れを体験する」、
「出来事を読む」ではなく「変化を観察する」、
「キャラクターが主役」ではなく「時間の変化が主役」、
「過去と未来を飾る」ではなく「前後の関係を理解する」
デザインにしてください。