こんにちは、まいです！
機械の仕組みやシステムの構造、実験の手順など、少し難しめの専門情報を図解にしたいときってありますよね。でも、専門的な図面や模式図だけだと少しとっつきにくく見えたり、逆にキャラクターを大きく配置しすぎると肝心の情報が目立たなくなったりして、バランスに悩むことも多いと思います。
そこで今回は、精密な技術図解のシャープさを保ちながら、キャラクターがナビゲーターとして分かりやすく視線を導いてくれる図解表現を紹介します！
今回の図解表現
今回使う図解表現は、
Technical Guide (テクニカル ガイド)
です。
専門メディアや技術資料のような精密さを持った図解に、案内役としてのキャラクターを自然に組み合わせたスタイルです。
この図解はどんな表現？
Technical Guideは、単に「キャラクターの横に説明文を並べる」という表現ではありません。
一番の特徴は、あくまで技術情報そのものが主役である点です。
画面の中心には、構造図、断面図、フロー図、グラフといった専門的な技術図を大きく配置します。そしてキャラクターは、先生のように長文を語るのではなく、「ここが重要な数値だよ」「この部品が動くよ」というように、指先や視線で注目ポイントをダイレクトに教えてくれます。
専門的な図面の持つ分かりやすさに、キャラクターの親しみやすさと視線誘導が加わることで、難しい仕組みでも直感的に理解できるようになります。
この表現ならではのポイント
Technical Guideならではの魅力をいくつか挙げてみますね。
- キャラクターが「視線誘導の役割」に徹している
キャラクターはただ立っているのではなく、指を差したり、数値に手を向けたり、拡大図を見つめたりと、明確なアクションを取ります。読者の視線は「キャラクター」→「その指先」→「注目すべき部品や数値」へと自然に流れるため、どこから見ればいいのか迷いません。 - 内部構造や微細な部分をしっかり視覚化できる
機械の断面図や分解図、重要な部品をクローズアップする「拡大詳細図（Detail View）」などを取り入れるのが得意です。文章で「内部には〇〇がある」と書く代わりに、図面としてしっかり描き分けてくれます。 - 数値や単位が独立して引き立つ
圧力、時間、寸法などの大切なデータは、文章の中に埋もれさせず、独立した数値ラベルとして配置されます。寸法線や引き出し線と組み合わせることで、工業図面のような信頼感のある画面になります。
デザインのポイント
私がこのスタイルを見て「ここがすごく綺麗だな！」と感じたデザインの工夫を紹介します。
- 技術図を引き立てる「引き算の配色」
背景はクリーンな白をベースにして、技術図本体はブラックやグレーなどの落ち着いたモノトーンを基調にまとめます。そのうえで、可動部やキャラクターが指し示している重要ポイントにだけ、アクセントカラーを1〜2色ポンと置きます。色数を絞ることで、どこが一番大切なのかが一瞬で伝わります。 - 余白と情報密度のバランス
技術図の周りにはしっかりと余白を取り、引出線やラベルがごちゃごちゃと交差しないように整理します。文字情報を短いキーワードや単位に絞り込むことで、専門書のような清潔感のあるレイアウトが完成します。
こんな内容におすすめ
Technical Guideは、正確な構造やデータの変化を伝えたいテーマにぴったりです。
- ハードウェア・機械構造（断面図、部品の組立、ギアの連動など）
- IT・ソフトウェア設計（データフロー、ネットワーク構成、APIの連携など）
- 科学・実験プロセス（温度や圧力の変化、化学反応の工程など）
- 製品の性能比較（従来品との数値比較、スペックの変化など）
- 製造・加工の手順（Before / Afterや加工工程のステップ解説など）
形のない抽象的なITのテーマでも、ブロック図やデータ経路として整理すれば、とてもスマートに表現できますよ。
実際に作ってみよう
画像生成AIを使ってTechnical Guideを作るときは、解説したい専門情報と、案内役にしたいキャラクターの画像をセットで準備します。
プロンプト内にある入力欄に、以下のように情報を当てはめてみてください。
- 【情報】：解説したい仕組み、構造、具体的な数値、注目させたいポイントなどを入力します。
- 【キャラクター】：案内役になってほしいキャラクターの画像を添付します。
ポイントは、「何を図面として見せたいか」を具体的に書くことです。「〇〇の内部構造」や「入力から出力までの流れ」といったキーワードを入れておくと、AIが最適な図解形式を選んで組み立ててくれます。
キャラクターの服装などを無理に白衣や作業着に変えず、普段の姿のまま案内してもらうことで、難解なテーマでも親しみやすい一枚に仕上がります。
今回使った汎用プロンプト
# Technical Guide
## 目的
入力された情報を分析し、添付されたキャラクターが技術図・模式図・構造図・数値・グラフなどを指し示しながら、専門情報を分かりやすく案内する高品質な「Technical Guide Style」の解説図を生成してください。
単なる「キャラクター＋説明文」にはせず、専門情報そのものを視覚化してください。
キャラクターは先生役として長い文章を話すのではなく、
- 重要な構造を指す
- 数値や変化点を示す
- 部品や工程を比較する
- 動作方向を案内する
- 拡大部分へ視線を導く
など、読者と技術情報をつなぐナビゲーターとして使用してください。
目標は、
「キャラクターが技術について説明しているイラスト」
ではなく、
「専門的な技術図解にキャラクターによる視線誘導を加え、難しい内容を直感的に理解できる一枚」
です。
## 入力情報
【情報】
(ここに解説したい情報)
【キャラクター】
添付されたキャラクター画像を使用してください。
## 基本方針
最初に入力情報を分析し、以下を整理してください。
- 解説対象
- 最も重要な結論
- 主要な構造・仕組み
- 部品・構成要素
- 位置・接続関係
- 入力と出力
- 動作や移動方向
- 工程や処理の流れ
- 原因と結果
- 重要な数値・単位・条件
- 比較すべき状態
- 読者が理解しにくい部分
- 特に注目させるべきポイント
そのうえで「何を図にすれば最も理解しやすいか」を判断し、入力内容に適した技術図解を設計してください。
文章を短くまとめて並べるのではなく、可能な限り情報同士の関係を図として表現してください。
## 技術図を主役にする
Technical Guideの主役はキャラクターではなく「技術情報」です。
画面には原則として一つのメイン技術図を設け、
- 対象物
- 構造
- 機構
- 工程
- システム
- データフロー
- 比較対象
など、入力情報の核心を大きく視覚化してください。
必要であれば画面の40～70％程度をメイン技術図に使用してください。
小さな図を大量に並べるより、一つの大きな図を中心として、その周囲に数値・ラベル・詳細図・キャラクターを配置する構成を優先してください。
## 技術図解の選択
入力内容に応じて、以下から最適な形式を選択してください。
- 技術模式図
- 構造図
- 部品構成図
- 断面図・部分断面図
- 分解図
- 透過図
- アイソメ図
- 正面図・側面図・上面図
- 動作・機構図
- 配置・接続図
- 工程図
- フロー図
- 入力→処理→出力
- Before / After
- 正常 / 異常
- OK / NG
- A / B比較
- 拡大詳細図
- グラフ・数値比較
- システム構成図
- 状態遷移図
すべてを使用せず、理解に必要な1～3種類程度へ絞ってください。
## キャラクターの役割
キャラクターには明確な説明行動を与えてください。
例えば、
- 指先で重要部品を示す
- グラフの変化点を指す
- 数値へ手を向ける
- 工程の進行方向を案内する
- Before / Afterを比較する
- 正常と異常の違いを示す
- 拡大詳細部分を観察する
- 構造の中心部分へ視線を向ける
などです。
指先・視線・姿勢と説明対象を必ず一致させてください。
何もない場所を指したり、視線と説明対象が異なる方向になったりしないようにしてください。
理想的には、
キャラクター
→ 視線
→ 手・指
→ 重要部分
→ 関連する数値・ラベル
という自然な視線の流れを作ってください。
## キャラクターの再現
添付画像から以下の特徴を維持してください。
- 髪型・前髪
- 髪色
- 顔立ち
- 瞳・瞳の色
- 服装
- 配色
- アクセサリー
- 年齢感
- 体型・頭身
- 全体的な雰囲気
技術テーマだからという理由だけで、勝手に白衣・作業服・研究者・エンジニア風の服装へ変更しないでください。
安全装備などが入力情報上必要な場合のみ追加してください。
表情は知的・落ち着いている・親しみやすい程度とし、漫画的な驚きや大げさなリアクションは避けてください。
キャラクターは画面全体の15～30％程度を目安とし、技術図を隠さないサイズにしてください。
## 構造・内部の説明
機械・設備・部品などでは、外観だけを描いて文章で説明するのではなく、必要に応じて内部構造を視覚化してください。
例えば、
- 固定部と可動部
- 接触面
- 穴・空間
- 流路
- 支持部分
- 接続部分
- 入力部・出力部
- センサー
- 工具とワーク
などです。
内部が重要なら断面図や部分断面図を使用し、隠れている部品や流路、接触関係などを明確にしてください。
複数部品の組立関係が重要なら分解図を使用し、部品の位置・向き・組立方向・順序を維持してください。見栄えのためだけに部品をランダムに散らさないでください。
## 拡大詳細図
小さな部分が理解の鍵になる場合は、Detail Viewを使用してください。
例：
- 接触部分
- センサー
- 刃先
- 金型
- 締結部分
- 摩耗箇所
- 小さな隙間
- 加工部分
- 配線・接続部分
メイン図から細い引出線で接続し、どの場所を拡大しているのか一目で分かるようにしてください。
## 動作・力・流れ
対象物が動く場合は、
- 直線矢印
- 回転矢印
- 往復矢印
- 軌跡
- 開閉方向
- 2～4段階程度の状態変化
によって実際の動作を示してください。
力学的な内容では、荷重・圧力・引張・圧縮・曲げ・せん断・摩擦・反力・トルクなどの作用点と方向を正確に示してください。
定量的な大小関係が入力情報にない場合、矢印の太さによって力の大小を勝手に表現しないでください。
液体・気体・材料・電気・信号・データ・製品・作業などに流れがある場合は、その経路を視覚化してください。
単純な箱と矢印だけで済ませず、物理的な位置関係が重要なら実際の経路に沿わせてください。
## 工程・プロセス
製造・処理・作業を説明する場合は、
Before
→ Process
→ After
の変化が分かる構成を優先してください。
必要に応じて、
- 材料
- 工具
- 金型
- ワーク
- 加工方向
- 変形
- 切断
- 接触
- 完成状態
を示し、「何が作用した結果、何が変わったのか」が図だけでも理解できるようにしてください。
## 数値・寸法・単位
重要な数値は文章中へ埋め込まず、視覚的に独立させてください。
例：
0.5 mm
120 sec
25 kN
85%
3.2×
数値の近くには、何を意味する値なのか分かる短いラベルを配置してください。
入力情報に寸法が存在する場合は、必要に応じて工業図面を思わせる簡潔な寸法線を使用してください。
長さ、幅、高さ、厚さ、直径、半径、角度、ピッチ、隙間、ストロークなどを正確に扱ってください。
mm、μm、N、kN、MPa、rpm、mm/s、℃、V、A、Hzなどの単位を勝手に変更・省略しないでください。
入力情報に存在しない数値や寸法は追加しないでください。
## グラフ・比較
数値変化が重要なら、棒グラフ・折れ線グラフ・散布図・比較バーなどから最適なものを選択してください。
不要な罫線・凡例・装飾を減らし、重要な変化点や数値へ直接ラベルを付けてください。
キャラクターがグラフの重要箇所を指し示す構成も有効です。
Before / After、OLD / NEW、OK / NG、正常 / 異常、A / Bなどを比較する場合は、可能な限り同じ視点・スケール・条件で表示し、違いだけが明確に見えるようにしてください。
## ラベル・引出線
部品名や専門用語は対象物の周囲へ短く配置し、細い引出線で正確な対象部分と接続してください。
ラベルが多い場合は、
01
02
03
04
などの番号付きコールアウトを使用して構いません。
引出線の交差を避け、対象物の上へ大量の文字を直接重ねないでください。
長い説明文より、
「部品名」
「数値」
「短い役割」
「短い注意」
を優先してください。
## 抽象的な技術情報
AI、ソフトウェア、通信、データベース、ネットワーク、アルゴリズムなど物理的な形がないテーマでは、
- データフロー
- レイヤー構造
- ノード
- 入出力
- 処理ブロック
- 時系列
- 状態遷移
- システム構成
- データ変換
などへ置き換えてください。
安易に、
AI＝ロボット
データ＝光る粒子
ネットワーク＝青い光線
処理＝歯車
と表現しないでください。
抽象的なテーマでも、実際の構造・関係・処理順序を視覚化してください。
## レイアウト
内容から最適な構図を毎回判断してください。
例：
- 大型構造図＋横にキャラクター
- 大型断面図＋キャラクター＋詳細拡大
- 分解図＋部品ラベル＋キャラクター
- 工程図＋流れを示すキャラクター
- メイン図＋グラフ＋キャラクター
- Before / After＋比較ポイントを示すキャラクター
- システム構成図＋重要ノードを示すキャラクター
「キャラクター左＋ホワイトボード右」の固定構図にはしないでください。
Visual Lectureのような授業風ではなく、技術資料そのものが空間の中心に存在し、キャラクターがその資料を案内している構成を優先してください。
## 情報階層・視線誘導
情報の優先順位は基本的に、
1. メイン技術図
2. 最重要構造・仕組み
3. キャラクターが示すポイント
4. 重要数値・条件
5. 部品名・工程名
6. 詳細・補足
としてください。
視線が、
メイン技術図
→ キャラクター
→ 指先・視線
→ 注目箇所
→ 数値・ラベル
→ 詳細情報
と自然につながるように、位置・サイズ・余白・線・色を設計してください。
すべてを同じ大きさ・強さで表示しないでください。
## デザイン・色彩
背景は完全な白（Pure White Background）を基本としてください。
技術図側は、
白
＋
黒・ダークグレー・ライトグレー
＋
アクセント1～2色
程度に抑えてください。
アクセントカラーは、
- 可動部分
- 重要部品
- 流れ
- 数値
- 注意箇所
- キャラクターが示している部分
など、意味のある箇所だけに使用してください。
すべての部品をカラフルに塗り分けず、線・明度・ハッチング・位置・ラベルによる区別を優先してください。
キャラクター本来の髪色・瞳・肌・服装などの固有色は維持し、技術図の限定配色へ無理に染めないでください。
## 表現スタイル
技術図は、
- 2D Technical Line Art
- Vector Diagram
- Schematic Illustration
- Section View
- Exploded View
- Isometric Technical Illustration
- Light 2.5D
などから内容に適した表現を使用してください。
フォトリアルな機械CGの格好良さより、構造と働きの理解を優先してください。
細線、輪郭、寸法線、引出線、矢印、数値をシャープに描き、専門書や技術メディアに使える精密感を持たせてください。
## 不明情報と正確性
入力情報だけでは内部構造・寸法・部品構成・接続・動作などを判断できない場合は、もっともらしい内容を推測して補完しないでください。
不明な部分は、
- 抽象化する
- 模式化する
- 詳細を省略する
- 不要なら描かない
ことで対応してください。
特に、
- 存在しない部品
- 架空の安全装置
- 推測した内部構造
- 不明な寸法
- 根拠のない性能値
- 誤った接続
- 逆転した動作方向
- 存在しない因果関係
を追加しないでください。
入力情報に含まれる部品名、構造、配置、接続、動作、方向、数値、単位、材料、条件、工程、専門用語、因果関係を正確に維持してください。
## 禁止事項
以下は避けてください。
- キャラクターを巨大化して主役にする
- キャラクター＋長文だけで説明する
- キャラクターの周囲へアイコンを大量に散らす
- ホワイトボード講義へ固定する
- 一般的なPowerPoint風レイアウト
- 丸角カードを大量に並べたUI
- ダッシュボード・アプリ画面化
- 意味のない3D表現
- 映画的なパース
- 過剰な金属光沢
- 重いドロップシャドウ
- 発光・ネオン
- 複雑なグラデーション
- 派手な背景
- 写真的な工場背景
- 多すぎる色
- 長文中心の説明
- 漫画的なリアクション
- 幼児向け教材風
- 意味のない矢印
- 引出線の大量交差
- 不正確な寸法・数値
- 入力情報に存在しない技術情報
## 文字ルール
画像内のタイトル、見出し、部品名、ラベル、注釈、説明は原則として日本語にしてください。
ただし、
- 製品名
- 型番
- 規格名
- 材料記号
- 数式
- 単位
- 技術記号
- 部品番号
- コード
- 変数名
- 一般的な専門用語
は必要に応じて原表記を維持してください。
文章量は少なくし、短いラベル・数値・キーワード・図解を中心にしてください。
## 出力仕様
アスペクト比：16:9
高解像度で生成してください。
技術図の細線、輪郭、引出線、寸法、数値、ラベル、矢印をシャープかつ明瞭に描画してください。
十分な余白を確保し、情報を画面いっぱいへ詰め込まないでください。
ブログ、Web記事、技術解説、教育資料、専門メディアなどへそのまま使用できる、清潔で知的な仕上がりを目指してください。
## 最終イメージ
「キャラクターが技術について話しているイラスト」
ではありません。
「専門情報を正確な技術図として視覚化し、キャラクターが重要な構造・数値・動作を指し示すことで、読者の視線と理解を自然に導くTechnical Guide」
にしてください。
最終的な印象は、
「キャラクターが主役」ではなく「技術情報が主役」、
「説明文を読む」ではなく「図を見て理解する」、
「かわいい教材」ではなく「親しみやすい専門解説」、
「リアルなCG」ではなく「構造が分かる技術図」、
「情報を並べる」ではなく「関係を視覚化する」、
「キャラクター＋図」ではなく「キャラクターが図の理解を導く」
となるTechnical Guideデザインにしてください。このプロンプトは、単なるイラストではなく、正確な技術模式図やダイアグラムを画面の中心に大きくレイアウトするように設計されています。さらに、キャラクターの立ち位置や指先の向きまでコントロールし、読者の目線を自然に技術情報へ導く工夫が盛り込まれています。
使うときは、【情報】の部分にあなたが図解したい内容を書き込むだけで大丈夫です。
まいのポイント
私なら、「アクセントカラーの役割を一つに絞る」ことを意識します！
全体をモノトーン寄りの落ち着いた線画でまとめておいて、「キャラクターが指差している一番の核心部分」だけに鮮やかな色を置くんです。
そうすると、読者の視線がキャラクターから色のある場所へとスッと吸い寄せられて、一番伝えたいメッセージが一目で届くようになりますよ。
専門的な情報をわかりやすく、かっこよく伝えたいときは、ぜひTechnical Guideのスタイルを試してみてくださいね！
# Technical Guide
## 目的
入力された情報を分析し、添付されたキャラクターが技術図・模式図・構造図・数値・グラフなどを指し示しながら、専門情報を分かりやすく案内する高品質な「Technical Guide Style」の解説図を生成してください。
単なる「キャラクター＋説明文」にはせず、専門情報そのものを視覚化してください。
キャラクターは先生役として長い文章を話すのではなく、
- 重要な構造を指す
- 数値や変化点を示す
- 部品や工程を比較する
- 動作方向を案内する
- 拡大部分へ視線を導く
など、読者と技術情報をつなぐナビゲーターとして使用してください。
目標は、
「キャラクターが技術について説明しているイラスト」
ではなく、
「専門的な技術図解にキャラクターによる視線誘導を加え、難しい内容を直感的に理解できる一枚」
です。
## 入力情報
【情報】
【タイトル】
モーターが回転する仕組み
【解説対象】
電気モーターが、電気エネルギーを回転運動へ変換する基本的な仕組み。
【最も伝えたいこと】
電流によって磁界が生まれ、
固定側と回転側の磁力の関係によってローターが回転する。
【メイン技術図】
モーター内部を横から見た簡潔な断面模式図を中心に配置する。
主要構成は、
・固定子（ステーター）
・回転子（ローター）
・コイル
・磁石
・回転軸
とする。
外観よりも、
固定部分と回転部分の関係が分かる内部構造を重視する。
【動作・流れ】
電気入力
↓
コイルに電流が流れる
↓
磁界が発生する
↓
磁力の作用によってローターが回転する
↓
回転軸から機械的な回転を取り出す
という流れを視覚化する。
ローターの回転方向は、
簡潔な回転矢印で示す。
【キャラクターに案内させるポイント】
キャラクターはローター付近を指し、
視線も同じ部分へ向ける。
キャラクター
→ 指先
→ ローター
→ 回転矢印
という自然な視線誘導を作る。
【最重要ポイント】
この図で最も注目させたい核心部分は、
「磁力によってローターが回転する部分」
とする。
【アクセントカラー】
技術図全体は、
白・黒・ダークグレー・ライトグレーを中心とした
落ち着いたモノトーン寄りの線画でまとめる。
アクセントカラーは1色だけ使用する。
鮮やかなアクセントカラーを使用する場所は、
「キャラクターが指し示しているローターと、その回転方向」
だけに限定する。
その他の部品、矢印、ラベル、補助図には
原則としてアクセントカラーを使用しない。
これにより、
キャラクター
→ 指先
→ アクセントカラー
→ 技術的な核心部分
へ視線が自然に流れる構成にする。
【補助情報】
必要であれば、
ローター周辺だけを小さなDetail Viewとして拡大し、
・固定側
・回転側
・磁力が作用する位置
・回転方向
を短いラベルで示す。
ただし、
補助図を増やしすぎず、
メイン技術図を主役として維持する。
【文字量】
長文説明は使用せず、
「固定子」
「回転子」
「コイル」
「磁界」
「回転方向」
などの短い技術ラベルを中心にする。
【全体の狙い】
文章を読ませるのではなく、
「電気が入る」
→
「磁界が生まれる」
→
「ローターが回る」
という関係を図だけで直感的に理解できるTechnical Guideにする。
【キャラクター】
添付されたキャラクター画像を使用してください。
## 基本方針
最初に入力情報を分析し、以下を整理してください。
- 解説対象
- 最も重要な結論
- 主要な構造・仕組み
- 部品・構成要素
- 位置・接続関係
- 入力と出力
- 動作や移動方向
- 工程や処理の流れ
- 原因と結果
- 重要な数値・単位・条件
- 比較すべき状態
- 読者が理解しにくい部分
- 特に注目させるべきポイント
そのうえで「何を図にすれば最も理解しやすいか」を判断し、入力内容に適した技術図解を設計してください。
文章を短くまとめて並べるのではなく、可能な限り情報同士の関係を図として表現してください。
## 技術図を主役にする
Technical Guideの主役はキャラクターではなく「技術情報」です。
画面には原則として一つのメイン技術図を設け、
- 対象物
- 構造
- 機構
- 工程
- システム
- データフロー
- 比較対象
など、入力情報の核心を大きく視覚化してください。
必要であれば画面の40～70％程度をメイン技術図に使用してください。
小さな図を大量に並べるより、一つの大きな図を中心として、その周囲に数値・ラベル・詳細図・キャラクターを配置する構成を優先してください。
## 技術図解の選択
入力内容に応じて、以下から最適な形式を選択してください。
- 技術模式図
- 構造図
- 部品構成図
- 断面図・部分断面図
- 分解図
- 透過図
- アイソメ図
- 正面図・側面図・上面図
- 動作・機構図
- 配置・接続図
- 工程図
- フロー図
- 入力→処理→出力
- Before / After
- 正常 / 異常
- OK / NG
- A / B比較
- 拡大詳細図
- グラフ・数値比較
- システム構成図
- 状態遷移図
すべてを使用せず、理解に必要な1～3種類程度へ絞ってください。
## キャラクターの役割
キャラクターには明確な説明行動を与えてください。
例えば、
- 指先で重要部品を示す
- グラフの変化点を指す
- 数値へ手を向ける
- 工程の進行方向を案内する
- Before / Afterを比較する
- 正常と異常の違いを示す
- 拡大詳細部分を観察する
- 構造の中心部分へ視線を向ける
などです。
指先・視線・姿勢と説明対象を必ず一致させてください。
何もない場所を指したり、視線と説明対象が異なる方向になったりしないようにしてください。
理想的には、
キャラクター
→ 視線
→ 手・指
→ 重要部分
→ 関連する数値・ラベル
という自然な視線の流れを作ってください。
## キャラクターの再現
添付画像から以下の特徴を維持してください。
- 髪型・前髪
- 髪色
- 顔立ち
- 瞳・瞳の色
- 服装
- 配色
- アクセサリー
- 年齢感
- 体型・頭身
- 全体的な雰囲気
技術テーマだからという理由だけで、勝手に白衣・作業服・研究者・エンジニア風の服装へ変更しないでください。
安全装備などが入力情報上必要な場合のみ追加してください。
表情は知的・落ち着いている・親しみやすい程度とし、漫画的な驚きや大げさなリアクションは避けてください。
キャラクターは画面全体の15～30％程度を目安とし、技術図を隠さないサイズにしてください。
## 構造・内部の説明
機械・設備・部品などでは、外観だけを描いて文章で説明するのではなく、必要に応じて内部構造を視覚化してください。
例えば、
- 固定部と可動部
- 接触面
- 穴・空間
- 流路
- 支持部分
- 接続部分
- 入力部・出力部
- センサー
- 工具とワーク
などです。
内部が重要なら断面図や部分断面図を使用し、隠れている部品や流路、接触関係などを明確にしてください。
複数部品の組立関係が重要なら分解図を使用し、部品の位置・向き・組立方向・順序を維持してください。見栄えのためだけに部品をランダムに散らさないでください。
## 拡大詳細図
小さな部分が理解の鍵になる場合は、Detail Viewを使用してください。
例：
- 接触部分
- センサー
- 刃先
- 金型
- 締結部分
- 摩耗箇所
- 小さな隙間
- 加工部分
- 配線・接続部分
メイン図から細い引出線で接続し、どの場所を拡大しているのか一目で分かるようにしてください。
## 動作・力・流れ
対象物が動く場合は、
- 直線矢印
- 回転矢印
- 往復矢印
- 軌跡
- 開閉方向
- 2～4段階程度の状態変化
によって実際の動作を示してください。
力学的な内容では、荷重・圧力・引張・圧縮・曲げ・せん断・摩擦・反力・トルクなどの作用点と方向を正確に示してください。
定量的な大小関係が入力情報にない場合、矢印の太さによって力の大小を勝手に表現しないでください。
液体・気体・材料・電気・信号・データ・製品・作業などに流れがある場合は、その経路を視覚化してください。
単純な箱と矢印だけで済ませず、物理的な位置関係が重要なら実際の経路に沿わせてください。
## 工程・プロセス
製造・処理・作業を説明する場合は、
Before
→ Process
→ After
の変化が分かる構成を優先してください。
必要に応じて、
- 材料
- 工具
- 金型
- ワーク
- 加工方向
- 変形
- 切断
- 接触
- 完成状態
を示し、「何が作用した結果、何が変わったのか」が図だけでも理解できるようにしてください。
## 数値・寸法・単位
重要な数値は文章中へ埋め込まず、視覚的に独立させてください。
例：
0.5 mm
120 sec
25 kN
85%
3.2×
数値の近くには、何を意味する値なのか分かる短いラベルを配置してください。
入力情報に寸法が存在する場合は、必要に応じて工業図面を思わせる簡潔な寸法線を使用してください。
長さ、幅、高さ、厚さ、直径、半径、角度、ピッチ、隙間、ストロークなどを正確に扱ってください。
mm、μm、N、kN、MPa、rpm、mm/s、℃、V、A、Hzなどの単位を勝手に変更・省略しないでください。
入力情報に存在しない数値や寸法は追加しないでください。
## グラフ・比較
数値変化が重要なら、棒グラフ・折れ線グラフ・散布図・比較バーなどから最適なものを選択してください。
不要な罫線・凡例・装飾を減らし、重要な変化点や数値へ直接ラベルを付けてください。
キャラクターがグラフの重要箇所を指し示す構成も有効です。
Before / After、OLD / NEW、OK / NG、正常 / 異常、A / Bなどを比較する場合は、可能な限り同じ視点・スケール・条件で表示し、違いだけが明確に見えるようにしてください。
## ラベル・引出線
部品名や専門用語は対象物の周囲へ短く配置し、細い引出線で正確な対象部分と接続してください。
ラベルが多い場合は、
01
02
03
04
などの番号付きコールアウトを使用して構いません。
引出線の交差を避け、対象物の上へ大量の文字を直接重ねないでください。
長い説明文より、
「部品名」
「数値」
「短い役割」
「短い注意」
を優先してください。
## 抽象的な技術情報
AI、ソフトウェア、通信、データベース、ネットワーク、アルゴリズムなど物理的な形がないテーマでは、
- データフロー
- レイヤー構造
- ノード
- 入出力
- 処理ブロック
- 時系列
- 状態遷移
- システム構成
- データ変換
などへ置き換えてください。
安易に、
AI＝ロボット
データ＝光る粒子
ネットワーク＝青い光線
処理＝歯車
と表現しないでください。
抽象的なテーマでも、実際の構造・関係・処理順序を視覚化してください。
## レイアウト
内容から最適な構図を毎回判断してください。
例：
- 大型構造図＋横にキャラクター
- 大型断面図＋キャラクター＋詳細拡大
- 分解図＋部品ラベル＋キャラクター
- 工程図＋流れを示すキャラクター
- メイン図＋グラフ＋キャラクター
- Before / After＋比較ポイントを示すキャラクター
- システム構成図＋重要ノードを示すキャラクター
「キャラクター左＋ホワイトボード右」の固定構図にはしないでください。
Visual Lectureのような授業風ではなく、技術資料そのものが空間の中心に存在し、キャラクターがその資料を案内している構成を優先してください。
## 情報階層・視線誘導
情報の優先順位は基本的に、
1. メイン技術図
2. 最重要構造・仕組み
3. キャラクターが示すポイント
4. 重要数値・条件
5. 部品名・工程名
6. 詳細・補足
としてください。
視線が、
メイン技術図
→ キャラクター
→ 指先・視線
→ 注目箇所
→ 数値・ラベル
→ 詳細情報
と自然につながるように、位置・サイズ・余白・線・色を設計してください。
すべてを同じ大きさ・強さで表示しないでください。
## デザイン・色彩
背景は完全な白（Pure White Background）を基本としてください。
技術図側は、
白
＋
黒・ダークグレー・ライトグレー
＋
アクセント1～2色
程度に抑えてください。
アクセントカラーは、
- 可動部分
- 重要部品
- 流れ
- 数値
- 注意箇所
- キャラクターが示している部分
など、意味のある箇所だけに使用してください。
すべての部品をカラフルに塗り分けず、線・明度・ハッチング・位置・ラベルによる区別を優先してください。
キャラクター本来の髪色・瞳・肌・服装などの固有色は維持し、技術図の限定配色へ無理に染めないでください。
## 表現スタイル
技術図は、
- 2D Technical Line Art
- Vector Diagram
- Schematic Illustration
- Section View
- Exploded View
- Isometric Technical Illustration
- Light 2.5D
などから内容に適した表現を使用してください。
フォトリアルな機械CGの格好良さより、構造と働きの理解を優先してください。
細線、輪郭、寸法線、引出線、矢印、数値をシャープに描き、専門書や技術メディアに使える精密感を持たせてください。
## 不明情報と正確性
入力情報だけでは内部構造・寸法・部品構成・接続・動作などを判断できない場合は、もっともらしい内容を推測して補完しないでください。
不明な部分は、
- 抽象化する
- 模式化する
- 詳細を省略する
- 不要なら描かない
ことで対応してください。
特に、
- 存在しない部品
- 架空の安全装置
- 推測した内部構造
- 不明な寸法
- 根拠のない性能値
- 誤った接続
- 逆転した動作方向
- 存在しない因果関係
を追加しないでください。
入力情報に含まれる部品名、構造、配置、接続、動作、方向、数値、単位、材料、条件、工程、専門用語、因果関係を正確に維持してください。
## 禁止事項
以下は避けてください。
- キャラクターを巨大化して主役にする
- キャラクター＋長文だけで説明する
- キャラクターの周囲へアイコンを大量に散らす
- ホワイトボード講義へ固定する
- 一般的なPowerPoint風レイアウト
- 丸角カードを大量に並べたUI
- ダッシュボード・アプリ画面化
- 意味のない3D表現
- 映画的なパース
- 過剰な金属光沢
- 重いドロップシャドウ
- 発光・ネオン
- 複雑なグラデーション
- 派手な背景
- 写真的な工場背景
- 多すぎる色
- 長文中心の説明
- 漫画的なリアクション
- 幼児向け教材風
- 意味のない矢印
- 引出線の大量交差
- 不正確な寸法・数値
- 入力情報に存在しない技術情報
## 文字ルール
画像内のタイトル、見出し、部品名、ラベル、注釈、説明は原則として日本語にしてください。
ただし、
- 製品名
- 型番
- 規格名
- 材料記号
- 数式
- 単位
- 技術記号
- 部品番号
- コード
- 変数名
- 一般的な専門用語
は必要に応じて原表記を維持してください。
文章量は少なくし、短いラベル・数値・キーワード・図解を中心にしてください。
## 出力仕様
アスペクト比：16:9
高解像度で生成してください。
技術図の細線、輪郭、引出線、寸法、数値、ラベル、矢印をシャープかつ明瞭に描画してください。
十分な余白を確保し、情報を画面いっぱいへ詰め込まないでください。
ブログ、Web記事、技術解説、教育資料、専門メディアなどへそのまま使用できる、清潔で知的な仕上がりを目指してください。
## 最終イメージ
「キャラクターが技術について話しているイラスト」
ではありません。
「専門情報を正確な技術図として視覚化し、キャラクターが重要な構造・数値・動作を指し示すことで、読者の視線と理解を自然に導くTechnical Guide」
にしてください。
最終的な印象は、
「キャラクターが主役」ではなく「技術情報が主役」、
「説明文を読む」ではなく「図を見て理解する」、
「かわいい教材」ではなく「親しみやすい専門解説」、
「リアルなCG」ではなく「構造が分かる技術図」、
「情報を並べる」ではなく「関係を視覚化する」、
「キャラクター＋図」ではなく「キャラクターが図の理解を導く」
となるTechnical Guideデザインにしてください。