こんにちは、まいです！
機械の仕組みや建物の構造を見るとき、「この中身ってどうなっているんだろう？」とワクワクしたことはありませんか？
外側から眺めているだけでは見えない内部の工夫や、複雑な部品同士のつながり。それを分かりやすく伝えるのにぴったりなのが、今回ご紹介する図解表現です。
単に半分に切った図を見せるのではなく、キャラクターが小さくなって内部に入り込み、まるで工場見学のように案内してくれる図解を作ってみましょう！
今回の図解表現
今回使う図解表現は、
Cutaway Navigator（カットアウェイ・ナビゲーター）
です。
「カットアウェイ（Cutaway）」とは、外装の一部を切り取って内部の構造を見せる断面図のこと。そこに案内役となるナビゲーターを組み合わせた表現スタイルです。
この図解はどんな表現？
一般的な断面図というと、機械をスパッと切って、部品の横に矢印と名前がずらりと並んでいるような少し堅い図面をイメージするかもしれません。
Cutaway Navigatorは、その堅さをガラリと変えてくれます。
いちばんの特徴は、「もし対象物の中へ入れたら、どんな世界が広がっているのか」を読者が疑似体験できることです。
キャラクターは図の外側に立って指をさす先生役ではありません。小さくなって対象物の内部空間へと足を踏み入れ、歯車の横を歩いたり、配管の流れを追いかけたりしながら、読者を内部ツアーへと連れて行ってくれます。
ただ断面を見せるのではなく、読者がキャラクターと一緒に内部を見学しているような感覚になれるのが、この表現の最大の魅力です。
この表現ならではのポイント
Cutaway Navigatorを魅力的に仕上げるためには、いくつかの大切な設計ポイントがあります。
1. キャラクターは「内部のナビゲーター」
キャラクターは、ただ内部に立っているだけではありません。「最重要パーツの横に立つ」「データの流れる方向を見つめる」「可動部を安全な距離から観察する」など、その場所にいる明確な理由を持たせます。キャラクターの視線やポーズがそのまま読者の注目ポイントになります。
2. 外形をあえて残す
中身を見せたいからといって、全体を完全に真っ二つにしてしまうと、元の形が何だったのか分からなくなってしまいます。外装や輪郭の一部を残す「1/4カット」や「前面だけを開けるドールハウス型」などを選ぶことで、「この製品の、この場所に、この機構があるんだ」という位置関係がひと目で伝わります。
3. 内部を一つの「空間」として描く
部品を平面的に並べるのではなく、キャラクターが歩けるような奥行きのある空間として構成します。巨大な電子基板の間を進んだり、上下の階層を階段のように移動したりすることで、複雑な構造もワクワクする探索マップのように見せることができます。
4. 働きや流れを重ねて見せる
内部の形を見せるだけでなく、空気や水、電気、データなどがどこを通ってどこへ向かうのかを視覚化します。内部の通路に沿って矢印やラインを走らせることで、「なぜこの形をしているのか」「どう動くのか」という仕組みの理由まで自然に理解できます。
デザインのポイント
美術やデザインの視点から見ると、この図解には面白い工夫がたくさん詰まっています。
スケール感の対比
あえてキャラクターのサイズを小さく設定することで、内部部品の大きさや天井の高さ、空間の広がりが強調されます。日常でよく目にする小さな製品でも、内部に入ると巨大な建築物のように見えてくるという、縮尺の対比を活かした見せ方がとても効果的です。
色数を絞ったスマートな配色
背景はすっきりとした白、機械や構造物はグレー基調でシンプルに描くのがおすすめです。そこにアクセントカラーを1〜2色だけ使い、「いちばん見てほしい部品」や「エネルギーの流れ」に色をのせます。色が多すぎないからこそ、重要な動きやキャラクターの存在感がきれいに引き立ちます。
迷わせない視線誘導
読者の視線は、「外側のシルエット」→「切り開かれた内部」→「案内するキャラクター」→「キャラクターが指す部品や流れ」へとスムーズに移動するように設計します。矢印をたくさん並べなくても、キャラクターの立ち位置と視線の向きを使うことで、美しい視線誘導が作れます。
こんな内容におすすめ
Cutaway Navigatorは、外から見えない「内部の働き」を伝えたいときに抜群の力を発揮します。
- 家電や精密機械の仕組み：掃除機の気流構造、カメラのレンズ内部、プリンターの給紙機構など
- 乗り物や大きな構造物：電気自動車のバッテリー配置、ロケットの多段構造、エコハウスの断熱構造など
- 自然科学や生物の働き：植物が水を吸い上げる仕組み、地層と地下水、人体の臓器の連携など
- デジタルの概念モデル：クラウドサービスのデータ処理階層、AIが回答を出力するまでのステップなど
物理的な機械だけでなく、ソフトウェアやネットワークのような目に見えない仕組みでも、「階層を持った構造物」に見立てることで、とても分かりやすい図解に仕上がります。
実際に作ってみよう
画像生成AIを使ってこの図解を作るときは、解説したい対象の情報と、案内役となるキャラクターの画像をセットで用意します。
プロンプトの中には、
【情報】
（ここに解説したい対象や仕組みを入力）
という入力欄があります。
ここへ、
- 解説したい対象物（例：ロボット掃除機、全自動コーヒーメーカーなど）
- 内部にある主な部品や構造
- どんな流れや動作があるのか
を入力します。
そして、案内役として登場させたいキャラクターの画像を一緒に読み込ませます。
プロンプトが情報を読み解き、「どこを切れば内部の仕組みがいちばん分かりやすいか」を自動で判断して、キャラクターを最適な場所に配置した断面図を組み立ててくれます。
今回使った汎用プロンプト
# Cutaway Navigator
## 目的
入力された情報を分析し、対象物の内部を大胆な断面・カットアウェイ表現で可視化し、添付されたキャラクターがその内部空間を実際に案内しながら、構造・部品・流れ・働きを直感的に説明する高品質な「Cutaway Navigator Style」の解説図を生成してください。
対象物の外側から説明するのではなく、
「もし対象物の中へ入れたら、内部では何が起きているのか」
を読者が体験できる構成にしてください。
キャラクターは断面図の横に立つ先生ではありません。
対象物の内部へ入り、
- 内部を歩く
- 重要部品の横に立つ
- 構造を指し示す
- 流れを追いかける
- 可動部を観察する
- 上下階層を移動する
- 内部空間を覗き込む
など、内部世界を案内するナビゲーターとして使用してください。
目標は、
「断面図＋キャラクター」
ではなく、
「読者自身がキャラクターと一緒に対象物の内部へ入り、仕組みを見学しているように理解できる断面解説図」
です。
## 入力情報
【情報】
(ここに解説したい情報)
【キャラクター】
添付されたキャラクター画像を使用してください。
## 基本方針
最初に入力情報を分析し、以下を整理してください。
- 解説する対象物
- 対象物全体の役割
- 内部に存在する主要構造
- 主要部品とその役割
- 部品同士の位置関係
- 接続・接触関係
- 固定部と可動部
- 入力と出力
- 内部を通る物質・力・信号・情報
- 動作の順序
- 原因と結果
- 重要な数値・条件
- 外部から見えない重要部分
- 読者が誤解しやすい構造
- 最も見せる価値が高い内部領域
そのうえで、
「どこを切れば、この対象物の仕組みが最もよく見えるか」
を判断して断面構成を設計してください。
外観を描いて大量の説明文を添えるのではなく、内部構造そのものを説明媒体にしてください。
## カットアウェイの設計
対象物全体を無条件に真っ二つにしないでください。
内容に応じて、
- 縦断面
- 横断面
- 部分断面
- 1/4カット
- 外装の一部だけを取り除く
- 前面を開いたドールハウス型断面
- 複数階層を見せる断面
- 局所的な透過
- 内部機構だけを露出するカット
などから最適な方法を選択してください。
重要なのは「切断すること」ではなく、「内部の関係を理解できること」です。
断面位置は、重要部品・流路・接触部分・可動機構などができるだけ同時に理解できる位置を選んでください。
## 外形を残す
内部を見せても、元の対象物が何なのか分からなくならないようにしてください。
対象物の外形・輪郭・外装の一部を適度に残し、
外側の形
↓
内部の位置
↓
各部品の関係
が対応して理解できるようにしてください。
内部構造だけを浮かせた一般的な構造図ではなく、
「この外観の、この場所に、この機構が入っている」
という位置感覚を維持してください。
## 内部空間を一つの世界として描く
断面内部を単なる部品一覧として扱わないでください。
キャラクターが入り込める一つの空間として構成してください。
例えば、
- 巨大な歯車の横を歩く
- 配管の流れを追う
- モーターの横から回転部分を見る
- センサーの近くで検出位置を確認する
- 複数階層を階段のように見比べる
- 巨大化した電子部品の間を進む
- 内部流路の分岐点を観察する
など、キャラクターの位置と内部構造を意味的に関連させてください。
ただし、ファンタジー世界へ変えてしまわず、元の技術構造は正確に維持してください。
## キャラクターの役割
キャラクターには、その場所にいる意味を持たせてください。
例えば、
- 最重要部品の横から指し示す
- 流体やデータの進行方向を見る
- 可動部分から安全な距離で動作を観察する
- 上流から下流へ流れを追う
- 二つの部品の接触部分を確認する
- 内部の入口から出口へ案内する
- 上層と下層の違いを比較する
- 小さな部品を拡大して示す
などです。
キャラクターのポーズ・視線・指先は、実際の説明対象と一致させてください。
何もない場所を指したり、構造とは無関係な場所へ視線を向けたりしないでください。
## キャラクターのスケール
通常の人物サイズに固定する必要はありません。
内部構造を案内するため、必要に応じてキャラクターを対象物に対して相対的に小さくし、
「巨大化した内部構造をキャラクターが探索している」
ようなスケール表現を使用してください。
キャラクターが小さくなることで、
- 部品の大きさ
- 内部空間の広がり
- 構造の位置関係
を直感的に感じられる構成が有効です。
ただし、小さくしすぎてキャラクターの表情や行動が認識できなくならないようにしてください。
## キャラクターの再現
添付画像の以下の特徴を維持してください。
- 髪型・前髪
- 髪色
- 顔立ち
- 瞳・瞳の色
- 服装
- 配色
- アクセサリー
- 年齢感
- 体型・頭身
- 全体的な雰囲気
テーマに合わせるためだけに、勝手に白衣・作業服・探検服などへ変更しないでください。
ヘルメットや保護具が技術的・安全上必要な場面のみ、元のキャラクター性を損なわない範囲で追加してください。
過剰な驚きや漫画的リアクションではなく、興味深く観察・発見している自然な表情にしてください。
## 内部構造
内部では、必要に応じて以下を明確に描き分けてください。
- 外装
- フレーム
- 固定部品
- 可動部品
- 軸
- ベアリング
- 歯車
- モーター
- 配管
- 流路
- 配線
- 基板
- センサー
- 空間
- 接触面
- 支持部
- 入力部
- 出力部
これらはあくまで例です。
入力情報に存在しない部品を「機械らしく見せるため」に追加しないでください。
構造が不明な場合は、詳細を創作せず模式化してください。
## 切断面
切断された部分は、外形や内部部品と区別できるようにしてください。
必要に応じて、
- 控えめなハッチング
- 薄いグレー
- わずかな明度差
- 細い輪郭線
などで切断面を示してください。
切断面を派手な色で全面的に強調しすぎないでください。
重要なのは切断面そのものではなく、その奥に見える内部構造です。
## 奥行きと階層
内部構造に前後関係がある場合は、軽い2.5D・アイソメ・透視表現を利用して構いません。
ただし映画的なパースや迫力重視の3Dにはしないでください。
前景・中景・奥側の構造を、
- 線の強弱
- 明度
- 重なり
- 限定的な透過
- 奥行き
によって整理し、どの部品が手前・奥・内部にあるのか理解できるようにしてください。
## 流れを見せる
内部を何かが通る場合は、その流れを断面内部に沿って視覚化してください。
対象例：
- 空気
- 水
- 油
- ガス
- 熱
- 電気
- 信号
- データ
- 材料
- 製品
- 力
入口
→ 内部処理
→ 変化
→ 出口
の関係が一続きで追えるようにしてください。
流れを対象物の外側へ独立したフローチャートとして置くより、可能な限り実際の内部経路へ重ねてください。
## 動作・機構
可動部分がある場合は、
- 回転
- 往復
- 上下動
- 開閉
- 押圧
- 搬送
- 吸引
- 排出
などの動きを簡潔な矢印や軌跡で示してください。
必要なら、
停止状態
→ 動作中
→ 結果
のような2～3状態を小さく補足してください。
同じ部品を大量に複製して残像のように見せるより、主要な動作方向が正確に伝わることを優先してください。
## 原因と結果
内部構造を見せるだけでなく、
「この部品が動く」
↓
「ここへ作用する」
↓
「この状態が変化する」
↓
「最終的に外部へ結果が出る」
という因果関係がある場合は、それを視覚的につなげてください。
読者が各部品の名称だけでなく、
「なぜこの構造が必要なのか」
まで理解できる構成を目指してください。
## 拡大詳細
断面図だけでは理解しにくい小さな部分は、局所的な拡大図を追加してください。
例えば、
- 部品同士の接触
- 小さな隙間
- センサー位置
- シール部分
- 刃先
- 金型形状
- 電極
- 接続端子
- 摩耗箇所
などです。
メイン断面図から細い引出線で接続し、どの場所を拡大しているのか明確にしてください。
拡大図は1～2個程度に絞り、メイン断面図の存在感を弱めないでください。
## ラベル・数値
主要部品には短い日本語ラベルを付けてください。
必要に応じて、
01
02
03
などの番号付きコールアウトを利用して構いません。
重要な数値は、
0.5 mm
120 ℃
3,000 rpm
25 kN
のように独立して表示し、何を意味する値なのか短い説明を添えてください。
入力情報にある数値・単位・寸法を正確に維持し、存在しない値を追加しないでください。
ラベルや引出線を大量に交差させず、対象との対応を明確にしてください。
## 情報階層
基本的な優先順位は、
1. 対象物全体の断面
2. 最重要内部構造
3. キャラクターが案内しているポイント
4. 動作・流れ
5. 主要部品名
6. 数値・条件
7. 拡大詳細・補足
としてください。
すべての内部部品を同じ強さで描かず、重要部分ほど視認性を高くしてください。
## レイアウト
内容に合わせて構成を毎回変えてください。
例：
- 巨大な中央断面＋内部にキャラクター
- 横長対象物を横断面で展開し、キャラクターが入口から出口へ進む
- 縦長構造を階層断面として見せ、キャラクターが上下を案内する
- 大型断面＋局所拡大＋キャラクター
- 外観の一部を残した1/4カット＋内部構造
- 全体断面＋内部の流れを追うキャラクター
「断面図の左にキャラクターを立たせる」だけの固定レイアウトは避けてください。
キャラクターは可能な限り断面世界の内部へ参加させてください。
## 視線誘導
読者の視線が、
対象物全体
→ 切り開かれた内部
→ キャラクター
→ キャラクターが示す重要部分
→ 内部の流れ・動作
→ ラベル・数値
→ 拡大詳細
と自然に進むようにしてください。
キャラクターの位置・向き・視線を、読者の視線誘導に積極的に利用してください。
大量の矢印だけで読み順を作らないでください。
## 色彩・デザイン
背景は完全な白（Pure White Background）を基本としてください。
技術部分は、
白
＋
黒・ダークグレー・ライトグレー
＋
アクセント1～2色
程度に抑えてください。
アクセントカラーは、
- 最重要部品
- 可動部分
- 流れ
- 入力・出力
- 注目箇所
などへ意味を持って使用してください。
内部部品をすべて別々の色で塗り分けないでください。
キャラクター本来の髪・瞳・肌・服装などの固有色は維持してください。
## 表現スタイル
全体は、
Technical Cutaway Illustration
＋
Editorial Infographic
＋
Character Navigation
を組み合わせた表現としてください。
内容に応じて、
- 2D Technical Illustration
- 2.5D Cutaway
- Isometric Cutaway
- Section View
- Technical Line Art
- Vector Illustration
などを使用してください。
フォトリアルCGの迫力よりも、構造の理解と読みやすさを優先してください。
専門書の精密な断面図と、現代的なWebメディアの親しみやすさを両立してください。
## 抽象的な対象
物理的な断面を持たない、
- コンピューター
- ソフトウェア
- AI
- データベース
- Webサービス
- ネットワーク
- 組織
- システム
などでも、階層や内部処理が明確な場合は「概念的な断面」として表現して構いません。
例えば、
外部入力
→ インターフェース
→ 処理層
→ データ層
→ 出力
のように、内部レイヤーを一つの構造物として可視化してください。
ただし、本来存在しない物理部品を実在する構造のように描かず、「概念モデル」であることが視覚的に分かる表現にしてください。
## 不明情報の扱い
入力情報から内部構造が判断できない場合は、もっともらしい内部を創作しないでください。
不明部分は、
- 省略
- 単純化
- 模式化
- 透過を控える
- 外形だけ残す
などで対応してください。
特に、
- 存在しない部品
- 推測した配線
- 架空の流路
- 根拠のない寸法
- 不明な接続
- 架空の安全装置
- 誤った動作方向
を追加しないでください。
## 禁止事項
以下は避けてください。
- 外側に立つキャラクター＋普通の断面図だけの構成
- キャラクターを巨大化して断面を小さくする
- 部品名を大量に並べただけの図
- 内部構造を無視したファンタジー空間
- 実在しない部品による見栄えの補完
- すべての部品を派手な色で塗り分ける
- 不必要な透明外装
- 過剰な透視・X線表現
- 映画的な3Dパース
- 過剰な金属光沢
- 重いドロップシャドウ
- 発光・ネオン
- 複雑なグラデーション
- 写真的な背景
- 大量の丸角カード
- ダッシュボード・UI化
- アイコンの大量配置
- 長文中心の説明
- 漫画的なリアクション
- 幼児向け教材風
- 意味のない矢印
- 交差だらけの引出線
「内部に入る」という演出を優先して、技術的な正確性を犠牲にしないでください。
## 文字ルール
画像内のタイトル、部品名、ラベル、注釈、短い説明は原則として日本語にしてください。
ただし、
- 製品名
- 型番
- 規格名
- 材料記号
- 数式
- 単位
- 技術記号
- コード
- 変数名
- 一般的な専門用語
は必要に応じて原表記を維持してください。
長文は避け、内部構造そのものが説明として機能するようにしてください。
## 出力仕様
アスペクト比：16:9
高解像度で生成してください。
断面輪郭、内部部品、細線、引出線、矢印、ラベル、数値をシャープかつ明瞭に描画してください。
十分な余白を確保しながら、対象物の内部世界には適度な情報密度を持たせてください。
ブログ、Web記事、技術解説、教育資料、専門メディアなどへそのまま使用できる品質を目指してください。
## 最終イメージ
「対象物を半分に切って部品名を書いた断面図」
ではありません。
「対象物の外形を残しながら内部を大胆に開き、キャラクターがその中へ実際に入り込み、部品・流れ・動作を順番に案内することで、読者も一緒に内部を見学しているように仕組みを理解できるCutaway Navigator」
にしてください。
最終的な印象は、
「断面を見る」ではなく「内部へ入る」、
「部品名を覚える」ではなく「部品の役割が分かる」、
「キャラクターが説明する」ではなく「キャラクターと一緒に発見する」、
「外観を透明にする」ではなく「理解に必要な場所を切り開く」、
「リアルな3D」ではなく「位置関係が分かる断面」、
「細かい」ではなく「必要な内部情報が精密」、
「キャラクター＋断面図」ではなく「断面そのものが探索できる解説世界」
となるCutaway Navigatorデザインにしてください。このプロンプトは、単に「断面図の横にキャラクターを置く」という指示ではなく、
- 対象物の外形を残しながら、もっとも効果的なカット位置を選ぶ
- キャラクターを内部へ入り込ませてナビゲーターとして機能させる
- 色彩を抑えて重要な構造や流れだけをハイライトする
- 専門誌のように精密でありながら、親しみやすい構図にする
といった、エディトリアルデザインの考え方が細かく組み込まれています。難しい専門図面になりがちな断面図を、誰でも楽しく眺められるビジュアルへと変換してくれるプロンプトです。
まいのポイント
私なら、「外装の残し方」に一番こだわりたいです！
全体をスパッと半分に切るよりも、角を四角くくり抜く「1/4カット」にしたり、手前側のパネルだけを外したように見せたりすると、機械としてのリアリティがグッと高まります。
外側のなめらかなボディと、内側の複雑なメカニックという「質感のギャップ」がひとつの絵の中に生まれて、眺めているだけでもすごく楽しくなるんですよね。
みなさんもぜひ、お気に入りの製品や解説したいテーマで、ワクワクする内部ツアー図解を作ってみてくださいね！
# Cutaway Navigator
## 目的
入力された情報を分析し、対象物の内部を大胆な断面・カットアウェイ表現で可視化し、添付されたキャラクターがその内部空間を実際に案内しながら、構造・部品・流れ・働きを直感的に説明する高品質な「Cutaway Navigator Style」の解説図を生成してください。
対象物の外側から説明するのではなく、
「もし対象物の中へ入れたら、内部では何が起きているのか」
を読者が体験できる構成にしてください。
キャラクターは断面図の横に立つ先生ではありません。
対象物の内部へ入り、
- 内部を歩く
- 重要部品の横に立つ
- 構造を指し示す
- 流れを追いかける
- 可動部を観察する
- 上下階層を移動する
- 内部空間を覗き込む
など、内部世界を案内するナビゲーターとして使用してください。
目標は、
「断面図＋キャラクター」
ではなく、
「読者自身がキャラクターと一緒に対象物の内部へ入り、仕組みを見学しているように理解できる断面解説図」
です。
## 入力情報
【情報】
テーマ：
家庭用エアコンの室外機の内部構造と働き。
伝えたいこと：
室外機の内部には、ファン、熱交換器、コンプレッサー、
冷媒配管、制御部などがあり、それぞれが連携して動いている。
空気の流れと冷媒の流れが、内部のどこを通っているのか分かるようにしたい。
カットアウェイ：
室外機を真っ二つにせず、外装の大部分を残す。
手前側のパネルを取り外したような部分カット、
または角を四角く開いた1/4カットで内部を見せる。
外側の滑らかでシンプルなボディと、
内側の複雑なファン・配管・機械部品との
質感のギャップが感じられる構成にする。
キャラクター：
小さくなったキャラクターが室外機内部へ入り、
コンプレッサーを指したり、配管や空気の流れを追ったりしながら、
内部の仕組みを案内する。
【キャラクター】
添付されたキャラクター画像を使用してください。
## 基本方針
最初に入力情報を分析し、以下を整理してください。
- 解説する対象物
- 対象物全体の役割
- 内部に存在する主要構造
- 主要部品とその役割
- 部品同士の位置関係
- 接続・接触関係
- 固定部と可動部
- 入力と出力
- 内部を通る物質・力・信号・情報
- 動作の順序
- 原因と結果
- 重要な数値・条件
- 外部から見えない重要部分
- 読者が誤解しやすい構造
- 最も見せる価値が高い内部領域
そのうえで、
「どこを切れば、この対象物の仕組みが最もよく見えるか」
を判断して断面構成を設計してください。
外観を描いて大量の説明文を添えるのではなく、内部構造そのものを説明媒体にしてください。
## カットアウェイの設計
対象物全体を無条件に真っ二つにしないでください。
内容に応じて、
- 縦断面
- 横断面
- 部分断面
- 1/4カット
- 外装の一部だけを取り除く
- 前面を開いたドールハウス型断面
- 複数階層を見せる断面
- 局所的な透過
- 内部機構だけを露出するカット
などから最適な方法を選択してください。
重要なのは「切断すること」ではなく、「内部の関係を理解できること」です。
断面位置は、重要部品・流路・接触部分・可動機構などができるだけ同時に理解できる位置を選んでください。
## 外形を残す
内部を見せても、元の対象物が何なのか分からなくならないようにしてください。
対象物の外形・輪郭・外装の一部を適度に残し、
外側の形
↓
内部の位置
↓
各部品の関係
が対応して理解できるようにしてください。
内部構造だけを浮かせた一般的な構造図ではなく、
「この外観の、この場所に、この機構が入っている」
という位置感覚を維持してください。
## 内部空間を一つの世界として描く
断面内部を単なる部品一覧として扱わないでください。
キャラクターが入り込める一つの空間として構成してください。
例えば、
- 巨大な歯車の横を歩く
- 配管の流れを追う
- モーターの横から回転部分を見る
- センサーの近くで検出位置を確認する
- 複数階層を階段のように見比べる
- 巨大化した電子部品の間を進む
- 内部流路の分岐点を観察する
など、キャラクターの位置と内部構造を意味的に関連させてください。
ただし、ファンタジー世界へ変えてしまわず、元の技術構造は正確に維持してください。
## キャラクターの役割
キャラクターには、その場所にいる意味を持たせてください。
例えば、
- 最重要部品の横から指し示す
- 流体やデータの進行方向を見る
- 可動部分から安全な距離で動作を観察する
- 上流から下流へ流れを追う
- 二つの部品の接触部分を確認する
- 内部の入口から出口へ案内する
- 上層と下層の違いを比較する
- 小さな部品を拡大して示す
などです。
キャラクターのポーズ・視線・指先は、実際の説明対象と一致させてください。
何もない場所を指したり、構造とは無関係な場所へ視線を向けたりしないでください。
## キャラクターのスケール
通常の人物サイズに固定する必要はありません。
内部構造を案内するため、必要に応じてキャラクターを対象物に対して相対的に小さくし、
「巨大化した内部構造をキャラクターが探索している」
ようなスケール表現を使用してください。
キャラクターが小さくなることで、
- 部品の大きさ
- 内部空間の広がり
- 構造の位置関係
を直感的に感じられる構成が有効です。
ただし、小さくしすぎてキャラクターの表情や行動が認識できなくならないようにしてください。
## キャラクターの再現
添付画像の以下の特徴を維持してください。
- 髪型・前髪
- 髪色
- 顔立ち
- 瞳・瞳の色
- 服装
- 配色
- アクセサリー
- 年齢感
- 体型・頭身
- 全体的な雰囲気
テーマに合わせるためだけに、勝手に白衣・作業服・探検服などへ変更しないでください。
ヘルメットや保護具が技術的・安全上必要な場面のみ、元のキャラクター性を損なわない範囲で追加してください。
過剰な驚きや漫画的リアクションではなく、興味深く観察・発見している自然な表情にしてください。
## 内部構造
内部では、必要に応じて以下を明確に描き分けてください。
- 外装
- フレーム
- 固定部品
- 可動部品
- 軸
- ベアリング
- 歯車
- モーター
- 配管
- 流路
- 配線
- 基板
- センサー
- 空間
- 接触面
- 支持部
- 入力部
- 出力部
これらはあくまで例です。
入力情報に存在しない部品を「機械らしく見せるため」に追加しないでください。
構造が不明な場合は、詳細を創作せず模式化してください。
## 切断面
切断された部分は、外形や内部部品と区別できるようにしてください。
必要に応じて、
- 控えめなハッチング
- 薄いグレー
- わずかな明度差
- 細い輪郭線
などで切断面を示してください。
切断面を派手な色で全面的に強調しすぎないでください。
重要なのは切断面そのものではなく、その奥に見える内部構造です。
## 奥行きと階層
内部構造に前後関係がある場合は、軽い2.5D・アイソメ・透視表現を利用して構いません。
ただし映画的なパースや迫力重視の3Dにはしないでください。
前景・中景・奥側の構造を、
- 線の強弱
- 明度
- 重なり
- 限定的な透過
- 奥行き
によって整理し、どの部品が手前・奥・内部にあるのか理解できるようにしてください。
## 流れを見せる
内部を何かが通る場合は、その流れを断面内部に沿って視覚化してください。
対象例：
- 空気
- 水
- 油
- ガス
- 熱
- 電気
- 信号
- データ
- 材料
- 製品
- 力
入口
→ 内部処理
→ 変化
→ 出口
の関係が一続きで追えるようにしてください。
流れを対象物の外側へ独立したフローチャートとして置くより、可能な限り実際の内部経路へ重ねてください。
## 動作・機構
可動部分がある場合は、
- 回転
- 往復
- 上下動
- 開閉
- 押圧
- 搬送
- 吸引
- 排出
などの動きを簡潔な矢印や軌跡で示してください。
必要なら、
停止状態
→ 動作中
→ 結果
のような2～3状態を小さく補足してください。
同じ部品を大量に複製して残像のように見せるより、主要な動作方向が正確に伝わることを優先してください。
## 原因と結果
内部構造を見せるだけでなく、
「この部品が動く」
↓
「ここへ作用する」
↓
「この状態が変化する」
↓
「最終的に外部へ結果が出る」
という因果関係がある場合は、それを視覚的につなげてください。
読者が各部品の名称だけでなく、
「なぜこの構造が必要なのか」
まで理解できる構成を目指してください。
## 拡大詳細
断面図だけでは理解しにくい小さな部分は、局所的な拡大図を追加してください。
例えば、
- 部品同士の接触
- 小さな隙間
- センサー位置
- シール部分
- 刃先
- 金型形状
- 電極
- 接続端子
- 摩耗箇所
などです。
メイン断面図から細い引出線で接続し、どの場所を拡大しているのか明確にしてください。
拡大図は1～2個程度に絞り、メイン断面図の存在感を弱めないでください。
## ラベル・数値
主要部品には短い日本語ラベルを付けてください。
必要に応じて、
01
02
03
などの番号付きコールアウトを利用して構いません。
重要な数値は、
0.5 mm
120 ℃
3,000 rpm
25 kN
のように独立して表示し、何を意味する値なのか短い説明を添えてください。
入力情報にある数値・単位・寸法を正確に維持し、存在しない値を追加しないでください。
ラベルや引出線を大量に交差させず、対象との対応を明確にしてください。
## 情報階層
基本的な優先順位は、
1. 対象物全体の断面
2. 最重要内部構造
3. キャラクターが案内しているポイント
4. 動作・流れ
5. 主要部品名
6. 数値・条件
7. 拡大詳細・補足
としてください。
すべての内部部品を同じ強さで描かず、重要部分ほど視認性を高くしてください。
## レイアウト
内容に合わせて構成を毎回変えてください。
例：
- 巨大な中央断面＋内部にキャラクター
- 横長対象物を横断面で展開し、キャラクターが入口から出口へ進む
- 縦長構造を階層断面として見せ、キャラクターが上下を案内する
- 大型断面＋局所拡大＋キャラクター
- 外観の一部を残した1/4カット＋内部構造
- 全体断面＋内部の流れを追うキャラクター
「断面図の左にキャラクターを立たせる」だけの固定レイアウトは避けてください。
キャラクターは可能な限り断面世界の内部へ参加させてください。
## 視線誘導
読者の視線が、
対象物全体
→ 切り開かれた内部
→ キャラクター
→ キャラクターが示す重要部分
→ 内部の流れ・動作
→ ラベル・数値
→ 拡大詳細
と自然に進むようにしてください。
キャラクターの位置・向き・視線を、読者の視線誘導に積極的に利用してください。
大量の矢印だけで読み順を作らないでください。
## 色彩・デザイン
背景は完全な白（Pure White Background）を基本としてください。
技術部分は、
白
＋
黒・ダークグレー・ライトグレー
＋
アクセント1～2色
程度に抑えてください。
アクセントカラーは、
- 最重要部品
- 可動部分
- 流れ
- 入力・出力
- 注目箇所
などへ意味を持って使用してください。
内部部品をすべて別々の色で塗り分けないでください。
キャラクター本来の髪・瞳・肌・服装などの固有色は維持してください。
## 表現スタイル
全体は、
Technical Cutaway Illustration
＋
Editorial Infographic
＋
Character Navigation
を組み合わせた表現としてください。
内容に応じて、
- 2D Technical Illustration
- 2.5D Cutaway
- Isometric Cutaway
- Section View
- Technical Line Art
- Vector Illustration
などを使用してください。
フォトリアルCGの迫力よりも、構造の理解と読みやすさを優先してください。
専門書の精密な断面図と、現代的なWebメディアの親しみやすさを両立してください。
## 抽象的な対象
物理的な断面を持たない、
- コンピューター
- ソフトウェア
- AI
- データベース
- Webサービス
- ネットワーク
- 組織
- システム
などでも、階層や内部処理が明確な場合は「概念的な断面」として表現して構いません。
例えば、
外部入力
→ インターフェース
→ 処理層
→ データ層
→ 出力
のように、内部レイヤーを一つの構造物として可視化してください。
ただし、本来存在しない物理部品を実在する構造のように描かず、「概念モデル」であることが視覚的に分かる表現にしてください。
## 不明情報の扱い
入力情報から内部構造が判断できない場合は、もっともらしい内部を創作しないでください。
不明部分は、
- 省略
- 単純化
- 模式化
- 透過を控える
- 外形だけ残す
などで対応してください。
特に、
- 存在しない部品
- 推測した配線
- 架空の流路
- 根拠のない寸法
- 不明な接続
- 架空の安全装置
- 誤った動作方向
を追加しないでください。
## 禁止事項
以下は避けてください。
- 外側に立つキャラクター＋普通の断面図だけの構成
- キャラクターを巨大化して断面を小さくする
- 部品名を大量に並べただけの図
- 内部構造を無視したファンタジー空間
- 実在しない部品による見栄えの補完
- すべての部品を派手な色で塗り分ける
- 不必要な透明外装
- 過剰な透視・X線表現
- 映画的な3Dパース
- 過剰な金属光沢
- 重いドロップシャドウ
- 発光・ネオン
- 複雑なグラデーション
- 写真的な背景
- 大量の丸角カード
- ダッシュボード・UI化
- アイコンの大量配置
- 長文中心の説明
- 漫画的なリアクション
- 幼児向け教材風
- 意味のない矢印
- 交差だらけの引出線
「内部に入る」という演出を優先して、技術的な正確性を犠牲にしないでください。
## 文字ルール
画像内のタイトル、部品名、ラベル、注釈、短い説明は原則として日本語にしてください。
ただし、
- 製品名
- 型番
- 規格名
- 材料記号
- 数式
- 単位
- 技術記号
- コード
- 変数名
- 一般的な専門用語
は必要に応じて原表記を維持してください。
長文は避け、内部構造そのものが説明として機能するようにしてください。
## 出力仕様
アスペクト比：16:9
高解像度で生成してください。
断面輪郭、内部部品、細線、引出線、矢印、ラベル、数値をシャープかつ明瞭に描画してください。
十分な余白を確保しながら、対象物の内部世界には適度な情報密度を持たせてください。
ブログ、Web記事、技術解説、教育資料、専門メディアなどへそのまま使用できる品質を目指してください。
## 最終イメージ
「対象物を半分に切って部品名を書いた断面図」
ではありません。
「対象物の外形を残しながら内部を大胆に開き、キャラクターがその中へ実際に入り込み、部品・流れ・動作を順番に案内することで、読者も一緒に内部を見学しているように仕組みを理解できるCutaway Navigator」
にしてください。
最終的な印象は、
「断面を見る」ではなく「内部へ入る」、
「部品名を覚える」ではなく「部品の役割が分かる」、
「キャラクターが説明する」ではなく「キャラクターと一緒に発見する」、
「外観を透明にする」ではなく「理解に必要な場所を切り開く」、
「リアルな3D」ではなく「位置関係が分かる断面」、
「細かい」ではなく「必要な内部情報が精密」、
「キャラクター＋断面図」ではなく「断面そのものが探索できる解説世界」
となるCutaway Navigatorデザインにしてください。